:root{--bg:#FAF6F0;--bg-mesh-1:rgba(59,122,87,0.04);--bg-mesh-2:rgba(200,160,90,0.04);--surface:#FFFFFF;--surface-hover:#FEFEFE;--sidebar-bg:#F3EDE4;--sidebar-accent-bar:linear-gradient(90deg,#3B7A57,#6BBF8A,#3B7A57);--accent:#3B7A57;--accent-hover:#2E6345;--accent-light:rgba(59,122,87,0.07);--accent-glow:rgba(59,122,87,0.18);--text-primary:#2C2C2A;--text-secondary:#5E5E58;--text-muted:#9D968E;--border:#E6DFD5;--border-light:#ECEAE4;--img-overlay:rgba(0,0,0,0.02);--heart:#E8453C;--bookmark:#D4A843;--new-badge:#E8453C;--shadow-xs:0 1px 2px rgba(44,44,42,0.04);--shadow-sm:0 1px 4px rgba(44,44,42,0.06),0 1px 2px rgba(44,44,42,0.04);--shadow-md:0 4px 12px rgba(44,44,42,0.06),0 2px 6px rgba(44,44,42,0.04);--shadow-lg:0 8px 30px rgba(44,44,42,0.1),0 4px 12px rgba(44,44,42,0.05);--shadow-xl:0 16px 50px rgba(44,44,42,0.14),0 6px 20px rgba(44,44,42,0.06);--radius-xs:6px;--radius-sm:8px;--radius-md:14px;--radius-lg:18px;--sidebar-w:210px;--topbar-h:52px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition:0.35s cubic-bezier(0.4,0,0.2,1)}
[data-theme=dark]{--bg:#111113;--bg-mesh-1:rgba(107,191,138,0.03);--bg-mesh-2:rgba(212,168,67,0.02);--surface:#1A1A1D;--surface-hover:#1E1E22;--sidebar-bg:#1A1A1D;--accent:#6BBF8A;--accent-hover:#82D4A0;--accent-light:rgba(107,191,138,0.09);--accent-glow:rgba(107,191,138,0.15);--text-primary:#ECEAE5;--text-secondary:#A0A098;--text-muted:#5E5D57;--border:#2A2A2D;--border-light:#222225;--heart:#FF6B6B;--bookmark:#F2C94C;--new-badge:#FF6B6B;--shadow-xs:0 1px 2px rgba(0,0,0,0.15);--shadow-sm:0 1px 4px rgba(0,0,0,0.2),0 1px 2px rgba(0,0,0,0.12);--shadow-md:0 4px 12px rgba(0,0,0,0.25),0 2px 6px rgba(0,0,0,0.15);--shadow-lg:0 8px 30px rgba(0,0,0,0.3),0 4px 12px rgba(0,0,0,0.18);--shadow-xl:0 16px 50px rgba(0,0,0,0.4),0 6px 20px rgba(0,0,0,0.2)}
*,::after,::before{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Noto Color Emoji","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.7;overflow-x:hidden;transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 15% 20%,var(--bg-mesh-1) 0,transparent 50%),radial-gradient(ellipse at 85% 70%,var(--bg-mesh-2) 0,transparent 45%)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.028'/%3E%3C/svg%3E");background-repeat:repeat}
a{color:inherit;text-decoration:none}
ol,ul{list-style:none}
button{cursor:pointer;border:none;background:0 0;font-family:inherit;color:inherit}
input,select,textarea{font-family:inherit}
img{width:auto;max-width:100%;height:auto;vertical-align:middle}
::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
h1,h2,h3,h4{font-weight:600;line-height:1.45}
.page-wrap{width:100%;max-width:var(--page-width);margin:0 auto;display:flex;min-height:100vh;position:relative}
.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:all var(--transition);z-index:200}
.sidebar-head{padding:28px 20px 20px;text-align:center;border-bottom:1px solid var(--border-light);position:relative;background:linear-gradient(to bottom,var(--bg-mesh-1) 0,transparent 100%)}
[data-theme=dark] .sidebar-head{background:linear-gradient(to bottom,var(--bg-mesh-1) 0,transparent 100%)}
.logo-ring img{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 4px 16px var(--accent-glow);transition:transform .3s}
.logo-ring img:hover{transform:rotate(-6deg) scale(1.06)}
.sidebar-head .logo_title{font-size:17px;font-weight:700;margin-bottom:2px}
.sidebar-head p{font-size:11px;color:var(--text-muted);letter-spacing:.04em}
.sb-close{display:none;position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:7px;background:var(--accent-light);color:var(--accent);font-size:15px;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}
.sb-close:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}
.sb-nav{flex:1;overflow-y:auto;padding:12px 8px;overscroll-behavior:contain}
.nav-sec{font-size:10px;font-weight:500;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;padding:8px 12px 4px}
.nav-it{margin-bottom:0}
.nav-a{display:flex;align-items:center;gap:9px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);transition:all .2s;position:relative}
.nav-a:hover{background:var(--accent-light);color:var(--accent)}
.nav-a.on{background:var(--accent-light);color:var(--accent);font-weight:500}
.nav-a.on::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background:var(--accent);border-radius:0 3px 3px 0}
.nav-a i{width:16px;text-align:center;font-size:12px;flex-shrink:0}
.nav-a .arrow{width:inherit;text-align:inherit;flex-shrink:inherit;margin-left:auto;font-size:8px;transition:transform .3s;opacity:.4}
.nav-it.open>.nav-a .arrow{transform:rotate(90deg);opacity:1}
.sub{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
.nav-it.open>.sub{max-height:200px}
.sub .nav-a{padding-left:34px;font-size:12px}
.sb-foot{padding:14px 16px;border-top:1px solid var(--border)}
.th-btn{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s;width:100%}
.th-btn:hover{background:var(--accent-light);color:var(--accent)}
.tk{margin-left:auto;width:36px;height:20px;background:var(--border);border-radius:10px;position:relative;transition:background .3s}
.tt{position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 3px rgba(0,0,0,.15)}
[data-theme=dark] .tk{background:var(--accent)}
[data-theme=dark] .tt{transform:translateX(16px)}
.soc-row{display:flex;gap:6px;margin-top:10px;justify-content:center}
.soc-row a{width:26px;height:26px;border-radius:6px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:11px;transition:all var(--transition-fast)}
.soc-row a:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 3px 8px var(--accent-glow)}
.ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:190;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ov.show{display:block;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0}
to{opacity:1}
}
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{display:none;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;padding:0 12px;position:sticky;top:0;z-index:150;transition:background var(--transition),border-color var(--transition)}
.tb-l{display:flex;align-items:center;gap:9px}
.tb-menu{width:28px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all var(--transition-fast)}
.tb-menu:active{background:var(--accent-light);color:var(--accent)}
.tb-title{font-size:14.5px;font-weight:600}
.tb-r{margin-left:auto;display:flex;gap:5px}
.tb-ic{width:28px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast)}
.tb-ic:active{background:var(--accent-light);color:var(--accent)}
.sw-wrap{display:none;background:var(--surface);border-bottom:1px solid var(--border);transition:background var(--transition)}
.swiper-nav{padding:0 4px}
.swiper-nav .swiper-slide{width:auto}
.swiper-nav .swiper-slide a{display:block;padding:9px 14px;font-size:12.5px;color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid transparent;transition:all var(--transition-fast)}
.swiper-nav .swiper-slide a.on,.swiper-nav .swiper-slide a:hover{color:var(--accent);border-bottom-color:var(--accent);font-weight:500}
.content{display:flex;gap:18px;padding:20px;flex:1}
.posts{flex:1;min-width:0}
.widgets{width:200px;flex-shrink:0}
.hero-swiper{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow-md);opacity:0;animation:fadeUp .5s ease forwards}
.hero-swiper .swiper-slide{position:relative;height:240px;overflow:hidden}
.hero-slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;background-color:var(--border-light)}
.hero-swiper .swiper-slide:hover .hero-slide-bg{transform:scale(1.03)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65) 0,rgba(0,0,0,.1) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px 28px;z-index:2}
.hero-tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#fff;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);margin-bottom:8px;width:fit-content;letter-spacing:.05em}
.hero-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:5px;line-height:1.4}
.hero-desc{font-size:12.5px;color:rgba(255,255,255,.8);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-swiper .swiper-pagination-bullet{background:rgba(255,255,255,.5);opacity:1;width:8px;height:8px;transition:all .3s}
.hero-swiper .swiper-pagination-bullet-active{background:#fff;width:22px;border-radius:4px}
.hero-swiper .swiper-button-next,.hero-swiper .swiper-button-prev{color:rgba(255,255,255,.8);width:34px;height:34px;background:rgba(0,0,0,.2);backdrop-filter:blur(4px);border-radius:8px;transition:all .2s}
.hero-swiper .swiper-button-next:hover,.hero-swiper .swiper-button-prev:hover{background:rgba(0,0,0,.4);color:#fff}
.hero-swiper .swiper-button-next::after,.hero-swiper .swiper-button-prev::after{font-size:14px;font-weight:700}
.feed-card{background:var(--surface);border-radius:var(--radius-lg);padding:0;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden;opacity:0;transform:translateY(16px)}
.feed-card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,box-shadow .35s ease}
.feed-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.feed-card.visible:hover{transform:translateY(-2px)}
.fc-new{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:600;color:var(--new-badge);padding:1px 6px;border-radius:4px;background:rgba(232,69,60,.08);margin-left:6px}
[data-theme=dark] .fc-new{background:rgba(255,107,107,.1)}
.fc-head{display:flex;align-items:flex-start;gap:12px;padding:18px 20px 0}
.fc-avatar img{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.fc-avatar:hover{transform:scale(1.1) rotate(-4deg)}
.av1{background:linear-gradient(135deg,#3b7a57,#6bbf8a)}
.av2{background:linear-gradient(135deg,#c85a44,#e8a87c)}
.av3{background:linear-gradient(135deg,#5b6abf,#8b9cf7)}
.av4{background:linear-gradient(135deg,#c98a2e,#e8c547)}
.av5{background:linear-gradient(135deg,#8b5cf6,#c084fc)}
.av6{background:linear-gradient(135deg,#0891b2,#67e8f9)}
.fc-info{flex:1;min-width:0}
.fc-author{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.fc-time{font-size:11px;color:var(--text-muted);margin-top:1px;display:flex;align-items:center;gap:5px}
.fc-time .dot{width:2px;height:2px;background:var(--text-muted);border-radius:50%}
.fc-cat{flex-shrink:0;font-size:10px;padding:3px 9px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500;align-self:center;transition:all var(--transition-fast);cursor:pointer}
.fc-cat:hover{background:var(--accent);color:#fff}
.fc-body{padding:12px 20px 0}
.fc-title{font-size:16.5px;font-weight:600;margin-bottom:7px;cursor:pointer;transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-title:hover{color:var(--accent)}
.fc-text-wrap{position:relative;margin-bottom:8px}
.fc-text{font-size:13.5px;color:var(--text-secondary);line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fc-text.expanded{-webkit-line-clamp:unset}
.fc-expand{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);cursor:pointer;padding:2px 0;font-weight:500;transition:all var(--transition-fast)}
.fc-expand:hover{gap:7px}
.fc-expand i{font-size:10px;transition:transform .3s}
.fc-expand.expanded i{transform:rotate(180deg)}
.fc-imgs{padding:0 20px;margin-bottom:4px}
.img-grid{display:grid;gap:3px;border-radius:var(--radius-md);overflow:hidden}
.img-grid .gi{background-color:var(--border-light);background-size:cover;background-position:center;position:relative;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);min-height:80px;overflow:hidden}
.img-grid .gi::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.08) 100%);pointer-events:none;transition:opacity .3s;z-index:1}
.img-grid .gi:hover{z-index:2}
.img-grid .gi:hover::after{opacity:0}
.gi-img-inner{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.img-grid .gi:hover .gi-img-inner{transform:scale(1.06)}
.gi-more{position:absolute;inset:0;z-index:3;background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.gi-more span{font-size:14px;font-weight:600;opacity:.95;letter-spacing:.02em}
.grid-1{grid-template-columns:1fr}
.grid-1 .gi{height:240px;border-radius:var(--radius-md)}
.grid-2{grid-template-columns:1fr 1fr}
.grid-2 .gi{height:190px}
.grid-3{grid-template-columns:1fr 1fr 1fr}
.grid-3 .gi{height:160px}
.grid-4{grid-template-columns:1fr 1fr}
.grid-4 .gi{height:170px}
.grid-5{grid-template-columns:1fr 1fr 1fr}
.grid-5 .gi{height:145px}
.grid-5 .gi:nth-child(4){grid-column:1/2}
.grid-5 .gi:nth-child(5){grid-column:2/4}
.grid-6{grid-template-columns:1fr 1fr 1fr}
.grid-6 .gi{height:135px}
.grid-7{grid-template-columns:1fr 1fr 1fr}
.grid-7 .gi{height:130px}
.grid-7 .gi:first-child{grid-column:1/2}
.grid-7 .gi:nth-child(2){grid-column:2/4}
.grid-7 .gi:nth-child(3){grid-column:1/3}
.grid-7 .gi:nth-child(4){grid-column:3/4}
.grid-8{grid-template-columns:1fr 1fr 1fr}
.grid-8 .gi{height:125px}
.grid-8 .gi:nth-child(7){grid-column:1/2}
.grid-8 .gi:nth-child(8){grid-column:3/4}
.grid-9{grid-template-columns:1fr 1fr 1fr}
.grid-9 .gi{height:120px}
.fc-tags{padding:2px 20px;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:2px}
.ft{font-size:11px;padding:2px 9px;border-radius:20px;background:var(--accent-light);color:var(--accent);transition:all var(--transition-fast);cursor:pointer}
.ft:hover{background:var(--accent);color:#fff}
.fc-actions{display:flex;align-items:center;padding:6px 20px 14px;gap:2px;border-top:1px solid var(--border-light);margin-top:8px}
.fc-action{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:20px;font-size:12px;color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;user-select:none}
.feed-card-sm .fc-action{padding:0}
.fc-action:hover{background:var(--accent-light);color:var(--accent)}
.feed-card-sm .fc-action:hover{background:inherit;color:inherit}
.fc-action:active{transform:scale(.95)}
.fc-action.liked{color:var(--heart)}
.fc-action.liked i{animation:heartPop .4s cubic-bezier(.34,1.56,.64,1)}
.fc-action.bookmarked{color:var(--bookmark)}
.fc-action.bookmarked i{animation:bookmarkPop .35s ease}
.fc-sep{flex:1}
.fc-stats{font-size:11px;color:var(--text-muted);display:flex;gap:12px}
.fc-stats span{display:flex;align-items:center;gap:4px}
@keyframes heartPop{0%{transform:scale(1)}
30%{transform:scale(1.35)}
60%{transform:scale(.9)}
100%{transform:scale(1)}
}
@keyframes bookmarkPop{0%{transform:translateY(0)}
40%{transform:translateY(-3px)}
100%{transform:translateY(0)}
}
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 4px;opacity:0;animation:fadeUp .5s ease forwards;animation-delay:.6s}
.pg-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-size:13px;color:var(--text-secondary);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}
.pg-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.pg-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600;box-shadow:0 3px 10px var(--accent-glow)}
.pg-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.pg-btn i{font-size:11px}
.pg-ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:13px;color:var(--text-muted);letter-spacing:1px}
.pg-info{font-size:11px;color:var(--text-muted);text-align:center;margin-top:8px}
.load-next-page{text-align:center;clear:both;margin: 22px 0 0 0;opacity:0}
.load-next-page a{background-color:var(--accent);color:#fff;padding:8px 16px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .3s,box-shadow .3s}
.load-next-page a:hover{color:#fff;background-color:#313439}
.load-next-page .no-more-items{color:#8d8f96;background-color:inherit;padding:10px 20px;border:none;border-radius:inherit;font-size:inherit;cursor:inherit;transition:inherit;pointer-events:none}
.load-next-page .no-more-items:hover{background-color:inherit}
.load-next-page.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease,box-shadow .35s ease}
.widget{background:var(--surface);border-radius:var(--radius-lg);margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden}
.widget:hover{box-shadow:var(--shadow-md)}
.widget-header{padding:14px 16px 0}
.widget-title{position:relative;padding-bottom:10px;border-bottom:2px solid var(--accent-light);margin:0}
.title-text{font-size:13px;font-weight:600;line-height:1.4;margin:0;display:flex;align-items:center;gap:6px}
.title-text i:not(.bg-primary){font-size:12px;color:var(--accent);opacity:.7;font-style:normal}
.title-text i.bg-primary{display:block;position:absolute;bottom:-2px;left:0;width:24px;height:2px;background:var(--accent);transition:width .3s}
.widget:hover .title-text i.bg-primary{width:40px}
.widget-body{padding:12px 16px 14px}
.widget-body>ul>li{padding:7px 0;border-bottom:1px solid var(--border-light);font-size:12px;line-height:1.6}
.widget-body>ul>li:last-child{border-bottom:none;padding-bottom:0}
.widget-body>ul>li:first-child{padding-top:0}
.widget-body>ul>li a{color:var(--text-secondary);transition:color var(--transition-fast)}
.widget-body>ul>li a:hover{color:var(--accent)}
.widget-body ul li .article-nums,.widget-body ul li .tag-count{font-size:10px;color:var(--text-muted)}
.widget-body>div{font-size:12px;color:var(--text-secondary);line-height:1.7}
#tbCalendar{width:100%;border-collapse:collapse;font-size:11px;text-align:center}
#tbCalendar caption{padding:8px 0;font-size:12px;font-weight:500;letter-spacing:.02em}
#tbCalendar caption a{color:var(--accent);transition:color .2s}
#tbCalendar caption a:hover{color:var(--accent-hover)}
#tbCalendar th{padding:4px 2px;font-weight:500;color:var(--text-muted);font-size:10px}
#tbCalendar td{padding:3px 2px;font-size:11px;color:var(--text-secondary)}
#tbCalendar td a{color:var(--accent);font-weight:600;padding:1px 4px;border-radius:3px;background:var(--accent-light);transition:all .2s}
#tbCalendar td a:hover{background:var(--accent);color:#fff}
.cp-hello{font-size:12px;color:var(--text-primary);font-weight:500}
.cp-login a,.cp-vrs a{font-size:12px;color:var(--accent);padding:3px 10px;border-radius:var(--radius-sm);background:var(--accent-light);transition:all .2s;display:inline-block;margin-top:4px}
.cp-login a:hover,.cp-vrs a:hover{background:var(--accent);color:#fff}
.divSearchPanel label{display:block}
.divSearchPanel label>span{position:absolute;color:transparent;z-index:-9999}
.divSearchPanel form{display:flex;gap:4px;align-items:center}
.divSearchPanel input[type=text]{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px;font-size:12px;background:0 0;color:var(--text-primary);outline:0;transition:all var(--transition-fast)}
.divSearchPanel input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
.divSearchPanel input[type=text]::placeholder{color:var(--text-muted)}
.divSearchPanel input[type=submit]{flex-shrink:0;padding:7px 10px;border:1.5px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}
.divSearchPanel input[type=submit]:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.comment-item{padding:12px 0;border-bottom:1px solid var(--border-light)}
.comment-item:last-child{border-bottom:none;padding-bottom:0}
.comment-item:first-child{padding-top:0}
.comment-item a{display:block}
.comment-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.comment-avatar-sm{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--accent-light)}
.comment-user-info{flex:1;min-width:0}
.comment-user-info .user-name{font-size:12px;font-weight:600;color:var(--text-primary);display:block;line-height:1.3}
.comment-user-info .comment-time{font-size:10px;color:var(--text-muted)}
.comment-body-text{font-size:12px;color:var(--text-secondary);line-height:1.7;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.comment-from{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--accent);padding:2px 8px;border-radius:4px;background:var(--accent-light);transition:all .2s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.comment-from:hover{background:var(--accent);color:#fff}
.comment-from i{font-size:8px;flex-shrink:0}
.divPrevious .item{padding:6px 0;border-bottom:1px solid var(--border-light)}
.divPrevious .item:last-child{border-bottom:none}
.divPrevious .item-content{display:flex;align-items:flex-start;gap:8px}
.divPrevious .disc{flex-shrink:0;margin-top:7px}
.divPrevious .gray-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}
.divPrevious h4{font-size:12px;font-weight:400;line-height:1.6}
.divPrevious h4 a{color:var(--text-secondary);transition:color .2s}
.divPrevious h4 a:hover{color:var(--accent)}
.divTags ul{display:flex;flex-wrap:wrap;gap:5px}
.divTags ul li{padding:0;border-bottom:none}
.divTags ul li a{display:inline-block;padding:3px 10px;border-radius:20px;border:1px solid var(--border);font-size:11px;color:var(--text-secondary);transition:all var(--transition-fast)}
.divTags ul li a:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.hot-article-item{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid var(--border-light)}
.hot-article-item:last-child{border-bottom:none}
.hot-index{flex-shrink:0;width:18px;height:18px;border-radius:4px;background:var(--accent-light);color:var(--accent);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.hot-article-item:nth-child(-n+3) .hot-index{background:var(--accent);color:#fff}
.hot-article-info{flex:1;min-width:0}
.hot-article-info a{display:block;font-size:12px;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.hot-article-info a:hover{color:var(--accent)}
.hot-meta{font-size:10px;color:var(--text-muted);margin-top:2px;display:flex;gap:8px}
.divRecommended ul li a{display:flex;align-items:center;gap:6px}
.divRecommended ul li a::before{content:'\f005';font-family:'Font Awesome 6 Free';font-weight:900;font-size:9px;color:var(--accent);flex-shrink:0}
.divReaderWall .reader-wall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.divReaderWall .reader-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:pointer;padding-top: inherit;padding: inherit;border-bottom: inherit;font-size: inherit;line-height: inherit;transition:transform .2s}
.divReaderWall .reader-item:hover{transform:translateY(-2px)}
.divReaderWall .reader-item img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);transition:border-color .2s}
.divReaderWall .reader-item:hover img{border-color:var(--accent)}
.divReaderWall .reader-item span{font-size:10px;color:var(--text-muted);max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.divReaderWall .reader-count{text-align:center;font-size:11px;color:var(--text-muted);margin-top:10px;padding-top:8px;border-top:1px solid var(--border-light)}
.divReaderWall .reader-count strong{color:var(--accent);font-weight:600}
.divAuthors ul li a span{font-size:10px;color:var(--text-muted)}
.author-card-widget .author-card-body{text-align:center;padding:8px 0}
.author-card-widget .ac-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 10px;object-fit:cover;border:3px solid var(--accent-light)}
.author-card-widget .ac-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}
.author-card-widget .ac-bio{font-size:11px;color:var(--text-muted);line-height:1.6;margin-bottom:10px}
.author-card-widget .ac-stats{display:flex;justify-content:center;gap:16px;padding:10px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-bottom:10px}
.author-card-widget .ac-stat{text-align:center}
.author-card-widget .ac-stat .num{font-size:15px;font-weight:700;color:var(--accent);display:block}
.author-card-widget .ac-stat .lbl{font-size:10px;color:var(--text-muted)}
.author-card-widget .ac-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 20px;border-radius:20px;background:var(--accent);color:#fff;font-size:12px;cursor:pointer;transition:all .2s;border:none}
.author-card-widget .ac-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 10px var(--accent-glow)}
.site-footer{margin:0 20px;padding:24px 20px;text-align:center;margin-top:auto;background:var(--surface);border-radius:var(--radius-lg);margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden}
.footer-inner{max-width:900px;margin:0 auto}
.footer-links{display:flex;justify-content:center;gap:20px;margin-bottom:12px;flex-wrap:wrap}
.footer-links a{font-size:12px;color:var(--text-secondary);transition:color .2s;position:relative}
.footer-links a:hover{color:var(--accent)}
.footer-links a::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--accent);transition:width .3s}
.footer-links a:hover::after{width:100%}
.footer-copy{font-size:11px;color:var(--text-muted);line-height:2}
.footer-copy a{color:var(--text-muted);transition:color .2s}
.footer-copy a:hover{color:var(--accent)}
.footer-divider{width:40px;height:1px;background:var(--border);margin:10px auto}
.footer-theme{font-size:10px;color:var(--text-muted);opacity:.7;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:4px}
.footer-theme i{color:var(--accent);font-size:10px}
.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.88);align-items:center;justify-content:center;backdrop-filter:blur(8px);cursor:zoom-out}
.lightbox.show{display:flex;animation:fadeIn .25s ease}
.lightbox-content{max-width:85vw;max-height:85vh;border-radius:var(--radius-md);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:lbIn .35s cubic-bezier(.34,1.56,.64,1);object-fit:contain}
.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer}
.lightbox-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}
@keyframes lbIn{from{opacity:0;transform:scale(.85)}
to{opacity:1;transform:scale(1)}
}
.btt{position:fixed;bottom:28px;right:28px;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 16px var(--accent-glow);opacity:0;transform:translateY(20px);transition:all .35s cubic-bezier(.34,1.56,.64,1);z-index:500;cursor:pointer;pointer-events:none}
.btt.show{opacity:1;transform:translateY(0);pointer-events:auto}
.btt:hover{transform:translateY(-3px);box-shadow:0 6px 24px var(--accent-glow)}
.btt:active{transform:translateY(0) scale(.95)}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.post-section{background:var(--surface);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.post-section:hover{box-shadow:var(--shadow-md)}
.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--accent);z-index:9999;transition:width .1s linear;box-shadow:0 0 6px var(--accent-glow)}
.post-breadcrumb-card{padding:14px 20px;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);flex-wrap:wrap}
.post-breadcrumb-card a{color:var(--text-secondary);transition:color .2s}
.post-breadcrumb-card a:hover{color:var(--accent)}
.post-breadcrumb-card .sep{color:var(--border);font-size:10px}
.post-breadcrumb-card .current{color:var(--text-primary);font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post-article-card{padding:24px 26px}
.post-header{margin-bottom:20px}
.post-header .post-title{font-size:26px;font-weight:700;line-height:1.45;margin-bottom:14px;color:var(--text-primary);letter-spacing:-.01em}
.post-meta-bar{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--text-muted)}
.post-meta-bar .meta-item{display:flex;align-items:center;gap:4px}
.post-meta-bar .meta-item i{font-size:11px;opacity:.7}
.post-meta-bar .meta-cat{padding:2px 10px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500;font-size:11px;transition:all .2s;cursor:pointer}
.post-meta-bar .meta-cat:hover{background:var(--accent);color:#fff}
.post-author-bar{display:flex;align-items:center;gap:10px;margin-top:14px}
.post-author-bar img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light)}
.post-author-info{font-size:12px;line-height:1.4}
.post-author-info .name{font-weight:600;color:var(--text-primary)}
.post-author-info .desc{margin-left:12px;color:var(--text-muted);font-size:11px}
.post-featured{border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px;box-shadow:var(--shadow-sm)}
.post-featured img{width:100%;height:auto;display:block;max-height:400px;object-fit:cover}
.post-featured-caption{padding:8px 14px;font-size:11px;color:var(--text-muted);text-align:center;border-top:1px solid var(--border-light)}
.post-content{font-size:15px;line-height:1.95;color:var(--text-primary)}
.post-content p{margin-bottom:18px}
.post-content h2{font-size:21px;font-weight:700;margin:36px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--accent-light);position:relative}
.post-content h2::before{content:'';position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:var(--accent)}
.post-content h3{font-size:17px;font-weight:600;margin:26px 0 10px;color:var(--text-primary)}
.post-content h2[id],.post-content h3[id]{scroll-margin-top:80px}
.post-content strong{font-weight:600;color:var(--text-primary)}
.post-content em{font-style:italic;color:var(--accent)}
.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-light);transition:all .2s}
.post-content a:hover{border-bottom-color:var(--accent)}
.post-content blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid var(--accent);background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14px;color:var(--text-secondary);font-style:italic}
.post-content ol,.post-content ul{margin:14px 0;padding-left:24px}
.post-content ul{list-style:disc}
.post-content ol{list-style:decimal}
.post-content li{margin-bottom:6px;font-size:14.5px}
.post-content img{max-width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .3s}
.post-content img:hover{box-shadow:var(--shadow-md)}
.post-content figure{margin:20px 0;text-align:center}
.post-content figcaption{font-size:12px;color:var(--text-muted);margin-top:6px}
.post-content code{background:var(--accent-light);color:var(--accent);padding:2px 6px;border-radius:4px;font-size:13px;font-family:'DM Mono','Fira Code',monospace}
.post-content pre{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;margin:16px 0;overflow-x:auto;font-size:13px;line-height:1.7}
.post-content pre code{background:0 0;color:var(--text-primary);padding:0}
.post-content hr{border:none;height:1px;background:var(--border);margin:30px 0}
.post-tags-section{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:20px 0 16px;border-top:1px solid var(--border-light);margin-top:28px}
.post-tags-section .label{font-size:12px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:4px}
.post-tags-section .label i{font-size:11px;color:var(--accent)}
.post-tag-item{font-size:12px;padding:3px 12px;border-radius:20px;background:var(--accent-light);color:var(--accent);transition:all .2s;cursor:pointer}
.post-tag-item:hover{background:var(--accent);color:#fff}
.post-copyright{margin:16px 0;padding:16px 20px;background:var(--accent-light);border-radius:var(--radius-md);border-left:4px solid var(--accent);font-size:12px;color:var(--text-secondary);line-height:1.9}
.post-copyright .cr-title{font-weight:600;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:6px;font-size:13px}
.post-copyright .cr-title i{color:var(--accent)}
.post-copyright p{margin:3px 0}
.post-copyright strong{color:var(--text-primary);font-weight:500}
.post-share-actions{padding:16px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin:16px 0;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.share-group{display:flex;align-items:center;gap:6px}
.share-label{font-size:12px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:4px}
.share-label i{font-size:11px}
.share-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;transition:all .25s;cursor:pointer;position:relative}
.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.share-btn:active{transform:translateY(0) scale(.95)}
.share-weibo{background:#e6162d}
.share-weixin{background:#07c160}
.share-qq{background:#12b7f5}
.share-copy{background:var(--accent)}
.share-copy.copied{background:#28a745}
.action-group{display:flex;align-items:center;gap:6px;margin-left:auto}
.action-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border-radius:20px;font-size:12px;color:var(--text-secondary);border:1px solid var(--border);background:var(--surface);transition:all .2s;cursor:pointer}
.action-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.action-btn:active{transform:scale(.96)}
.action-btn.liked{color:var(--heart);border-color:var(--heart);background:rgba(232,69,60,.06)}
.action-btn.liked i{animation:heartPop .4s cubic-bezier(.34,1.56,.64,1)}
.action-btn i{font-size:13px}
.share-popup{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-lg);z-index:100;text-align:center;width:160px}
.share-popup.show{display:block;animation:fadeIn .2s ease}
.share-popup::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--surface)}
.share-popup .qr-placeholder{width:100%;aspect-ratio:1;border:1.5px dashed var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);background:var(--accent-light);margin-bottom:8px}
.share-popup .qr-placeholder i{font-size:28px;color:var(--accent)}
.share-popup .qr-placeholder span{font-size:9px}
.share-popup p{font-size:10px;color:var(--text-muted)}
.share-item.wechat{position:relative}
.post-nav-card{padding:16px 20px}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.post-nav-item{background:var(--sidebar-bg);border-radius:var(--radius-md);padding:14px;border:1px solid var(--border-light);transition:all .3s;cursor:pointer;overflow:hidden}
.post-nav-item:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.post-nav-item .nav-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:flex;align-items:center;gap:4px}
.post-nav-item .nav-label i{font-size:9px}
.post-nav-item .nav-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.post-nav-item:hover .nav-title{color:var(--accent)}
.post-nav-next{text-align:right}
.post-nav-next .nav-label{justify-content:flex-end}
.comment-wrap{max-width:860px;margin:0 auto;margin-bottom:14px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;position:relative}
.comment-list{padding:24px 26px}
.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.comment-title{font-size:18px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;margin:0}
.comment-title i{color:var(--accent);font-size:16px}
.comment-count-badge{background:var(--accent-light);color:var(--accent);font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.5px}
.sort-toggle{font-size:13px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:5px;transition:color .2s;background:0 0;border:none;font-family:inherit}
.sort-toggle:hover{color:var(--accent)}
.comment-item{display:flex;gap:14px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-light);opacity:0;animation:fadeSlideUp .5s ease forwards}
.comment-item:nth-child(2){animation-delay:80ms}
.comment-item:nth-child(3){animation-delay:.16s}
.comment-item:nth-child(4){animation-delay:.24s}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.comment-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--accent-light),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:var(--shadow-sm)}
.comment-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-admin{background:linear-gradient(135deg,var(--bookmark),#ff9a6c)}
.avatar-default{background:linear-gradient(135deg,var(--accent-light),var(--accent))}
.avatar-sakura{background:linear-gradient(135deg,#ffb3cc,#ffd4e5)}
.avatar-star{background:linear-gradient(135deg,#7c9cff,#a78bfa)}
.avatar-moon{background:linear-gradient(135deg,#a8edce,#69d2b0)}
.avatar-online::after{content:"";position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:var(--accent);border-radius:50%;border:2px solid var(--surface)}
.comment-body{flex:1;min-width:0}
.comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.comment-author{font-weight:600;font-size:14px;color:var(--text-primary);text-decoration:none;transition:color var(--transition-fast)}
.comment-author:hover{color:var(--accent)}
.badge-admin{background:linear-gradient(135deg,var(--bookmark),#ff9a6c);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px;letter-spacing:.5px;line-height:1.6}
.badge-vip{background:linear-gradient(135deg,var(--bookmark),#f59e0b);color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px;line-height:1.6}
.comment-floor{background:var(--accent-light);color:var(--accent);padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.3px}
.comment-time{color:var(--text-muted);font-size:12px;margin-left:auto}
.comment-content{font-size:14px;color:var(--text-secondary);line-height:1.8;word-wrap:break-word;margin-bottom:8px;padding:10px 14px;background:var(--sidebar-bg);border-radius:var(--radius-sm);position:relative}
.comment-content::before{content:"";position:absolute;top:12px;left:-6px;width:12px;height:12px;background:var(--sidebar-bg);transform:rotate(45deg);border-radius:2px}
.comment-children .comment-content{background:var(--bg)}
.comment-children .comment-content::before{background:var(--bg)}
.reply-at{color:var(--accent);font-size:13px;font-weight:500;cursor:pointer}
.reply-at:hover{text-decoration:underline}
.comment-actions{display:flex;gap:6px;font-size:13px;align-items:center}
.comment-actions .action-btn{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;font-family:inherit}
.comment-actions .action-btn:hover{color:var(--accent);background:var(--accent-light)}
.comment-actions .action-btn.liked{color:var(--heart);background:rgba(232,69,60,.08)}
.comment-actions .action-btn.liked i{animation:likePopIn .35s ease}
@keyframes likePopIn{0%{transform:scale(1)}
50%{transform:scale(1.35)}
100%{transform:scale(1)}
}
.load-more-replies{font-size:12.5px;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 0;transition:opacity .2s;background:0 0;border:none;font-family:inherit}
.load-more-replies:hover{opacity:.7}
.comment-children{margin-top:14px;padding-left:16px;margin-left:0;border-left:2px solid var(--accent-light);border-radius:0 0 0 10px}
.comment-children .comment-item{margin-bottom:12px;padding-bottom:12px;gap:10px}
.comment-children .comment-avatar{width:34px;height:34px;font-size:13px}
.comment-children .comment-content{font-size:13px;padding:8px 12px}
.section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 32px}
.comment-form-wrap{padding:26px 32px 32px}
.form-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:8px}
.form-title i{color:var(--accent);font-size:15px}
.form-subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px}
.form-group{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.input-wrap{position:relative}
.input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none;transition:color var(--transition-fast)}
.form-input{width:100%;height:36px;padding:0 14px 0 38px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:13px;color:var(--text-primary);font-family:inherit;outline:0;transition:all var(--transition-fast)}
.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
.form-input:focus+i,.input-wrap:focus-within i{color:var(--accent)}
.form-input::placeholder{color:var(--text-muted);font-size:13px}
.captcha-row{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.captcha-input-wrap{flex:1;max-width:200px;position:relative}
.captcha-input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:13px;pointer-events:none;transition:color var(--transition-fast)}
.captcha-img{height:36px;border-radius:var(--radius-sm);border:1.5px solid var(--border);cursor:pointer;background:#fff;transition:all var(--transition-fast);object-fit:cover}
.captcha-img:hover{border-color:var(--accent)}
.form-textarea-wrap{position:relative;margin-bottom:14px}
.form-textarea{width:100%;min-height:110px;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:14px;color:var(--text-primary);outline:0;resize:vertical;font-family:inherit;line-height:1.8;transition:all var(--transition-fast)}
.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
.form-textarea::placeholder{color:var(--text-muted)}
.char-count{position:absolute;bottom:12px;right:14px;font-size:11px;color:var(--text-muted);pointer-events:none}
.submit-row{display:flex;justify-content:space-between;align-items:center}
.form-tips{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}
.form-tips i{color:var(--accent)}
.comment-form-wrap .comment-submit-btn{height:30px;padding:0 16px;border:none;border-radius:21px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition);box-shadow:0 3px 12px var(--accent-glow);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;letter-spacing:.5px;position:relative;overflow:hidden}
.comment-form-wrap .comment-submit-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.15));opacity:0;transition:opacity .3s}
.comment-form-wrap .comment-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--accent-glow)}
.comment-form-wrap .comment-submit-btn:hover::before{opacity:1}
.comment-form-wrap .comment-submit-btn:active{transform:translateY(0);box-shadow:0 2px 6px var(--accent-glow)}
.emoji-toolbar{display:flex;gap:2px;margin-bottom:10px;padding:6px 0}
.emoji-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:0 0;cursor:pointer;font-size:15px;transition:all var(--transition-fast)}
.emoji-btn:hover{background:var(--accent-light);transform:scale(1.15)}
.post-related-card{padding:20px 24px}
.related-title{font-size:17px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.related-title i{color:var(--accent);font-size:14px}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.related-card{background:var(--sidebar-bg);border-radius:var(--radius-md);overflow:hidden;transition:all .3s;cursor:pointer}
.related-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.related-card-img{height:120px;overflow:hidden;position:relative}
.related-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.related-card:hover .related-card-img img{transform:scale(1.06)}
.related-card-body{padding:12px 14px}
.related-card-body h4{font-size:13px;font-weight:600;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}
.related-card:hover .related-card-body h4{color:var(--accent)}
.related-card-body .rc-meta{font-size:10px;color:var(--text-muted);display:flex;gap:8px}
.related-card-body .rc-meta span i{margin-right:4px}
.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:var(--text-primary);color:var(--bg);padding:10px 22px;border-radius:var(--radius-sm);font-size:13px;z-index:10000;box-shadow:var(--shadow-lg);transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:6px}
.toast.show{transform:translateX(-50%) translateY(0)}
.toast i{color:var(--accent)}
.tip-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.tip-modal.show{display:flex;animation:fadeIn .25s ease}
.tip-modal-content{background:var(--surface);border-radius:var(--radius-lg);padding:28px;width:340px;max-width:90vw;text-align:center;box-shadow:var(--shadow-xl);position:relative;animation:lbIn .3s cubic-bezier(.34,1.56,.64,1)}
.tip-modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:6px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;border:none}
.tip-modal-close:hover{background:var(--accent);color:#fff}
.tip-modal h3{font-size:16px;margin-bottom:4px}
.tip-modal .tip-sub{font-size:12px;color:var(--text-muted);margin-bottom:18px}
.tip-qr-row{display:flex;gap:16px;justify-content:center;margin-bottom:16px}
.tip-qr{text-align:center}
.tip-qr .qr-box{width:120px;height:120px;border:1.5px dashed var(--border);border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-muted);background:var(--accent-light);margin-bottom:6px}
.tip-qr .qr-box i{font-size:28px;color:var(--accent)}
.tip-qr .qr-box span{font-size:9px}
.tip-qr p{font-size:11px;color:var(--text-secondary);font-weight:500}
.tip-note{font-size:10px;color:var(--text-muted);line-height:1.6}
.report-modal{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.55);align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.report-modal.show,.report-modal[style*="display: block"]{display:flex!important}
.report-modal-content{background:var(--surface);border-radius:var(--radius-lg);width:420px;max-width:92vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:lbIn .35s cubic-bezier(.34,1.56,.64,1);position:relative;border:1px solid var(--border-light)}
.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-light);position:relative}
.report-modal-header::after{content:'';position:absolute;bottom:-1px;left:24px;width:32px;height:2px;background:var(--accent)}
.report-modal-header h2{font-size:17px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}
.report-modal-header h2::before{content:'\f071';font-family:'Font Awesome 6 Free';font-weight:900;font-size:14px;color:var(--accent);font-style:normal}
.report-modal-header .close-btn{width:30px;height:30px;border-radius:7px;background:var(--accent-light);color:var(--accent);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;font-family:-apple-system,sans-serif}
.report-modal-header .close-btn:hover{background:var(--accent);color:#fff;transform:rotate(90deg)}
.report-modal-body{padding:20px 24px 24px}
.san-report-group{margin-bottom:16px}
.san-report-group:last-of-type{margin-bottom:20px}
.san-report-group label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:7px}
.input-field{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;background:var(--bg);color:var(--text-primary);outline:0;transition:all var(--transition-fast);line-height:1.7}
.input-field::placeholder{color:var(--text-muted);font-size:12.5px}
.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);background:var(--surface)}
textarea.input-field{resize:vertical;min-height:90px}
.san-report-group img{display:block;margin-top:10px;height:38px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);transition:all var(--transition-fast);object-fit:cover}
.san-report-group img:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}
.submit-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px 24px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4, 0, .2, 1);letter-spacing:.04em;position:relative;overflow:hidden}
.submit-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.12) 50%,transparent 60%);transform:translateX(-100%);transition:transform .5s ease}
.submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-glow)}
.submit-btn:hover::after{transform:translateX(100%)}
.submit-btn:active{transform:translateY(0) scale(.98)}
.links-banner{background:linear-gradient(135deg,var(--accent),#6bbf8a,#e8a87c);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.links-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}
.links-banner h1{font-size:24px;font-weight:700;margin-bottom:6px;position:relative}
.links-banner p{font-size:13px;opacity:.85;line-height:1.7;position:relative;max-width:600px}
.links-banner .banner-icon{position:absolute;right:24px;bottom:16px;font-size:64px;opacity:.12}
.link-category{background:var(--surface);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.link-category:hover{box-shadow:var(--shadow-md)}
.link-cat-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.link-cat-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.link-cat-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.link-cat-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.link-cat-count{font-size:11px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500;margin-left:auto}
.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.link-card{display:flex;align-items:flex-start;gap:12px;padding:14px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-hover);transition:all .3s;cursor:pointer;overflow:hidden}
.link-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px);background:var(--accent-light)}
.link-card-avatar{width:46px;height:46px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1.5px solid var(--border-light);transition:border-color .2s}
.link-card:hover .link-card-avatar{border-color:var(--accent)}
.link-card-info{flex:1;min-width:0}
.link-card-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px;transition:color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link-card:hover .link-card-name{color:var(--accent)}
.link-card-desc{font-size:11px;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.link-card-stats{display:flex;gap:8px;margin-top:5px}
.link-card-stats span{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:3px}
.link-card-stats span i{font-size:9px;color:var(--accent);opacity:.6}
.link-card.featured{border-color:var(--accent);background:linear-gradient(135deg,var(--accent-light),rgba(232,168,124,.05))}
.link-card.featured .link-card-name::after{content:'推荐';font-size:9px;padding:1px 6px;border-radius:3px;background:var(--accent);color:#fff;margin-left:6px;font-weight:500;vertical-align:middle}
.link-apply{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.link-apply:hover{box-shadow:var(--shadow-md)}
.link-apply-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.link-apply-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.link-apply-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}
.link-apply-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.link-apply-content{font-size:13px;color:var(--text-secondary);line-height:1.8}
.link-apply-content p{margin-bottom:10px}
.link-apply-content strong{color:var(--text-primary);font-weight:600}
.link-apply-content ul{list-style:none;padding:0;margin:10px 0}
.link-apply-content ul li{padding:6px 0;padding-left:20px;position:relative;border-bottom:1px solid var(--border-light);font-size:13px}
.link-apply-content ul li:last-child{border-bottom:none}
.link-apply-content ul li::before{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;left:0;top:6px;font-size:10px;color:var(--accent)}
.link-apply-info{background:var(--accent-light);border-radius:var(--radius-md);padding:16px 18px;margin-top:14px;border-left:4px solid var(--accent)}
.link-apply-info h4{font-size:13px;font-weight:600;margin-bottom:8px;color:var(--text-primary);display:flex;align-items:center;gap:6px}
.link-apply-info h4 i{color:var(--accent);font-size:12px}
.link-apply-info .info-row{display:flex;gap:6px;margin-bottom:6px;font-size:12px;line-height:1.7}
.link-apply-info .info-label{color:var(--text-muted);flex-shrink:0;min-width:60px;font-weight:500}
.link-apply-info .info-value{color:var(--text-secondary);word-break:break-all}
.link-apply-info code{background:rgba(59,122,87,.12);color:var(--accent);padding:1px 6px;border-radius:3px;font-size:12px;font-family: inherit;}
.link-apply-form{margin-top:16px}
.link-apply-form .form-note{font-size:11px;color:var(--text-muted);margin-bottom:10px;display:flex;align-items:center;gap:4px}
.link-apply-form .form-note i{color:var(--accent)}
.link-apply-form .form-group{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.link-apply-form .form-group input{flex:1;min-width:140px;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;background:var(--surface);color:var(--text-primary);outline:0;transition:all .2s}
.link-apply-form .form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
.link-apply-form .form-group input::placeholder{color:var(--text-muted)}
.link-apply-form textarea{width:100%;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px;font-size:12px;background:var(--surface);color:var(--text-primary);outline:0;resize:vertical;min-height:60px;margin-bottom:10px;transition:all .2s;line-height:1.6}
.link-apply-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
.link-apply-form textarea::placeholder{color:var(--text-muted)}
.link-apply-form .submit-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 24px;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}
.link-apply-form .submit-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 10px var(--accent-glow)}
.link-apply-form .submit-btn:active{transform:translateY(0)}
.link-notice{background:var(--surface);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;align-items:flex-start;gap:12px}
.link-notice:hover{box-shadow:var(--shadow-md)}
.link-notice-icon{width:32px;height:32px;border-radius:50%;background:rgba(212,168,67,.12);color:var(--bookmark);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-top:2px}
.link-notice-text{font-size:12px;color:var(--text-secondary);line-height:1.8}
.link-notice-text strong{color:var(--text-primary)}
.collections-banner{background:linear-gradient(135deg,#2c3e50,#3b7a57,#6bbf8a);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.collections-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}
.collections-banner h1{font-size:24px;font-weight:700;margin-bottom:6px;position:relative}
.collections-banner p{font-size:13px;opacity:.85;line-height:1.7;position:relative;max-width:600px}
.collections-banner .banner-meta{display:flex;gap:16px;margin-top:12px;position:relative}
.collections-banner .banner-meta span{display:flex;align-items:center;gap:5px;font-size:12px;padding:3px 12px;border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px)}
.collections-banner .banner-meta span i{font-size:11px}
.collections-banner .banner-icon{position:absolute;right:24px;bottom:16px;font-size:64px;opacity:.12}
.collection-filters{background:var(--surface);border-radius:var(--radius-lg);padding:14px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.collection-filters:hover{box-shadow:var(--shadow-md)}
.filter-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-right:4px;display:flex;align-items:center;gap:4px}
.filter-label i{color:var(--accent);font-size:11px}
.filter-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border);font-size:12px;color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all .2s}
.filter-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500;box-shadow:0 2px 8px var(--accent-glow)}
.filter-count{margin-left:auto;font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}
.filter-count i{color:var(--accent);font-size:10px}
.collection-featured{background:var(--surface);border-radius:var(--radius-lg);margin-bottom:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s;cursor:pointer;display:flex}
.collection-featured:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.collection-featured-img{width:280px;flex-shrink:0;position:relative;overflow:hidden}
.collection-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.collection-featured:hover .collection-featured-img img{transform:scale(1.05)}
.collection-featured-pin{position:absolute;top:12px;left:12px;padding:3px 10px;border-radius:20px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px;z-index:2}
.collection-featured-body{flex:1;padding:22px 24px;display:flex;flex-direction:column}
.collection-featured-body .cf-title{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-primary);transition:color .2s}
.collection-featured:hover .cf-title{color:var(--accent)}
.collection-featured-body .cf-desc{font-size:13px;color:var(--text-secondary);line-height:1.8;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.collection-featured-body .cf-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.collection-featured-body .cf-tag{font-size:10px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);transition:all .2s}
.collection-featured-body .cf-tag:hover{background:var(--accent);color:#fff}
.collection-featured-body .cf-meta{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--text-muted);padding-top:10px;border-top:1px solid var(--border-light)}
.collection-featured-body .cf-meta span{display:flex;align-items:center;gap:4px}
.collection-featured-body .cf-meta span i{font-size:10px;color:var(--accent);opacity:.6}
.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.collection-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}
.collection-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.collection-card-cover{height:160px;overflow:hidden;position:relative}
.collection-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.collection-card:hover .collection-card-cover img{transform:scale(1.06)}
.collection-card-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0,transparent 60%);pointer-events:none}
.collection-card-count{position:absolute;bottom:12px;left:14px;z-index:2;display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:500}
.collection-card-count i{font-size:10px}
.collection-card-bookmark{position:absolute;top:10px;right:10px;z-index:2;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.35);backdrop-filter:blur(4px);color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .2s;border:none}
.collection-card-bookmark:hover{background:rgba(0,0,0,.6);color:#fff}
.collection-card-bookmark.saved{background:var(--accent);color:#fff}
.collection-card-body{padding:16px 18px}
.collection-card-title{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text-primary);transition:color .2s;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.collection-card:hover .collection-card-title{color:var(--accent)}
.collection-card-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.collection-card-tags{display:flex;flex-wrap:nowrap;gap:5px;margin-bottom:12px;overflow:hidden;white-space:nowrap}
.collection-card-tag{flex:0 0 auto;font-size:10px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);transition:all .2s;cursor:pointer}
.collection-card-tag:hover{background:var(--accent);color:#fff}
.collection-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted);padding-top:10px;border-top:1px solid var(--border-light)}
.collection-card-meta .cm-left{display:flex;gap:12px}
.collection-card-meta span{display:flex;align-items:center;gap:4px}
.collection-card-meta span i{font-size:10px;color:var(--accent);opacity:.6}
.collection-list-card{background:var(--surface);border-radius:var(--radius-lg);margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;overflow:hidden}
.collection-list-card:hover{box-shadow:var(--shadow-md)}
.collection-list-header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;border-bottom:1px solid var(--border-light)}
.collection-list-header .cl-icon{width:30px;height:30px;border-radius:7px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px}
.collection-list-header .cl-title{font-size:14px;font-weight:600;flex:1}
.collection-list-header .cl-count{font-size:11px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500}
.collection-list-body{padding:6px 16px 10px}
.collection-list-item{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--border-light);transition:all .2s;cursor:pointer}
.collection-list-item:last-child{border-bottom:none}
.collection-list-item:hover{padding-left:8px}
.collection-list-item .cl-index{font-size:11px;color:var(--text-muted);font-weight:600;min-width:18px;text-align:center}
.collection-list-item .cl-item-title{flex:1;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}
.collection-list-item:hover .cl-item-title{color:var(--accent)}
.collection-list-item .cl-date{font-size:10px;color:var(--text-muted);flex-shrink:0}
.tags-banner{background:linear-gradient(135deg,#6366f1,#3b7a57,#0891b2);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.tags-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}
.tags-banner h1{font-size:24px;font-weight:700;margin-bottom:6px;position:relative}
.tags-banner p{font-size:13px;opacity:.85;line-height:1.7;position:relative;max-width:600px}
.tags-banner .banner-meta{display:flex;gap:16px;margin-top:12px;position:relative}
.tags-banner .banner-meta span{display:flex;align-items:center;gap:5px;font-size:12px;padding:3px 12px;border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px)}
.tags-banner .banner-meta span i{font-size:11px}
.tags-banner .banner-icon{position:absolute;right:24px;bottom:16px;font-size:64px;opacity:.12}
.tags-controls{background:var(--surface);border-radius:var(--radius-lg);padding:14px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tags-controls:hover{box-shadow:var(--shadow-md)}
.tags-view-group{display:flex;gap:2px;background:var(--accent-light);border-radius:var(--radius-sm);padding:2px}
.tags-view-btn{padding:5px 12px;border-radius:6px;font-size:12px;color:var(--text-secondary);background:0 0;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}
.tags-view-btn:hover{color:var(--accent)}
.tags-view-btn.active{background:var(--accent);color:#fff;font-weight:500;box-shadow:0 1px 4px var(--accent-glow)}
.tags-sort-group{display:flex;align-items:center;gap:6px;margin-left:auto}
.tags-sort-label{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}
.tags-sort-label i{color:var(--accent);font-size:10px}
.tags-sort-btn{padding:4px 10px;border-radius:20px;border:1px solid var(--border);font-size:11px;color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all .2s}
.tags-sort-btn:hover{border-color:var(--accent);color:var(--accent)}
.tags-sort-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}
.tags-cloud-section{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.tags-cloud-section:hover{box-shadow:var(--shadow-md)}
.tags-cloud-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.tags-cloud-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.tags-cloud-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}
.tags-cloud-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.tags-cloud-count{font-size:11px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500;margin-left:auto}
.tags-cloud{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}
.tags-cloud .cloud-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;border-radius:24px;border:1.5px solid var(--border);background:var(--surface-hover);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}
.tags-cloud .cloud-tag .ct-count{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--accent-light);color:var(--accent);font-weight:500;transition:all .2s}
.tags-cloud .cloud-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.tags-cloud .cloud-tag:hover .ct-count{background:var(--accent);color:#fff}
.tags-cloud .cloud-tag.sz-xl{font-size:17px;font-weight:600;padding:8px 20px;color:var(--text-primary)}
.tags-cloud .cloud-tag.sz-lg{font-size:15px;font-weight:500;padding:7px 18px;color:var(--text-primary)}
.tags-cloud .cloud-tag.sz-md{font-size:13px;padding:6px 16px}
.tags-cloud .cloud-tag.sz-sm{font-size:12px;padding:5px 13px}
.tags-cloud .cloud-tag.sz-xs{font-size:11px;padding:4px 11px;color:var(--text-muted)}
.tags-alpha-section{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;display:none}
.tags-alpha-section.show{display:block}
.tags-alpha-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.tags-alpha-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.tags-alpha-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}
.tags-alpha-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.tags-alpha-nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:18px}
.tags-alpha-nav .alpha-btn{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--accent-light);border:none;cursor:pointer;transition:all .2s}
.tags-alpha-nav .alpha-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}
.tags-alpha-nav .alpha-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 6px var(--accent-glow)}
.tags-alpha-nav .alpha-btn.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}
.alpha-group{margin-bottom:16px}
.alpha-group:last-child{margin-bottom:0}
.alpha-group-label{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.alpha-group-label .ag-letter{width:28px;height:28px;border-radius:6px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.alpha-group-label .ag-line{flex:1;height:1px;background:var(--border-light)}
.alpha-group-label .ag-count{font-size:11px;color:var(--text-muted)}
.alpha-group-tags{display:flex;flex-wrap:wrap;gap:6px;padding-left:36px}
.alpha-group-tags .alpha-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface-hover);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all .2s;text-decoration:none}
.alpha-group-tags .alpha-tag .at-count{font-size:10px;color:var(--text-muted);transition:color .2s}
.alpha-group-tags .alpha-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.alpha-group-tags .alpha-tag:hover .at-count{color:var(--accent)}
.tags-grid-section{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;display:none}
.tags-grid-section.show{display:block}
.tags-grid-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.tags-grid-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.tags-grid-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}
.tags-grid-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.tags-grid-count{font-size:11px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500;margin-left:auto}
.tags-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tags-grid .grid-tag{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-light);background:var(--surface-hover);cursor:pointer;transition:all .25s;text-decoration:none}
.tags-grid .grid-tag:hover{border-color:var(--accent);background:var(--accent-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.tags-grid .grid-tag .gt-icon{width:32px;height:32px;border-radius:6px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transition:all .2s}
.tags-grid .grid-tag:hover .gt-icon{background:var(--accent);color:#fff}
.tags-grid .grid-tag .gt-info{flex:1;min-width:0}
.tags-grid .grid-tag .gt-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}
.tags-grid .grid-tag:hover .gt-name{color:var(--accent)}
.tags-grid .grid-tag .gt-count{font-size:10px;color:var(--text-muted);display:flex;align-items:center;gap:3px}
.tags-grid .grid-tag .gt-count i{font-size:9px;color:var(--accent);opacity:.6}
.tags-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.tags-stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:18px 16px;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s;cursor:default}
.tags-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.tags-stat-card .ts-icon{width:36px;height:36px;border-radius:10px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:15px}
.tags-stat-card:first-child .ts-icon{background:rgba(59,122,87,.1);color:#3b7a57}
.tags-stat-card:nth-child(2) .ts-icon{background:rgba(99,102,241,.1);color:#6366f1}
.tags-stat-card:nth-child(3) .ts-icon{background:rgba(232,168,124,.1);color:#e8a87c}
.tags-stat-card:nth-child(4) .ts-icon{background:rgba(8,145,178,.1);color:#0891b2}
.tags-stat-card .ts-num{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:2px}
.tags-stat-card .ts-label{font-size:11px;color:var(--text-muted)}
.readers-banner{background:linear-gradient(135deg,#e8a87c,#3b7a57,#2c3e50);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.readers-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}
.readers-banner h1{font-size:24px;font-weight:700;margin-bottom:6px;position:relative}
.readers-banner p{font-size:13px;opacity:.85;line-height:1.7;position:relative;max-width:600px}
.readers-banner .banner-meta{display:flex;gap:16px;margin-top:12px;position:relative}
.readers-banner .banner-meta span{display:flex;align-items:center;gap:5px;font-size:12px;padding:3px 12px;border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px)}
.readers-banner .banner-meta span i{font-size:11px}
.readers-banner .banner-icon{position:absolute;right:24px;bottom:16px;font-size:64px;opacity:.12}
.readers-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.readers-stat{background:var(--surface);border-radius:var(--radius-lg);padding:18px 16px;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s}
.readers-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.readers-stat .rs-icon{width:36px;height:36px;border-radius:10px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:15px}
.readers-stat:first-child .rs-icon{background:rgba(59,122,87,.1);color:#3b7a57}
.readers-stat:nth-child(2) .rs-icon{background:rgba(99,102,241,.1);color:#6366f1}
.readers-stat:nth-child(3) .rs-icon{background:rgba(232,168,124,.1);color:#e8a87c}
.readers-stat:nth-child(4) .rs-icon{background:rgba(232,69,60,.1);color:#e8453c}
.readers-stat .rs-num{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:2px}
.readers-stat .rs-label{font-size:11px;color:var(--text-muted)}
.readers-podium{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.readers-podium:hover{box-shadow:var(--shadow-md)}
.readers-podium-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.readers-podium-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.readers-podium-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}
.readers-podium-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.podium-row{display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:0 20px}
.podium-item.p2{order:1}
.podium-item.p2 .podium-card{border:2px solid silver;background:linear-gradient(135deg,rgba(192,192,192,.06),rgba(192,192,192,.02))}
.podium-item.p2 .podium-rank{background:linear-gradient(135deg,#a8a8a8,silver);width:26px;height:26px;font-size:12px}
.podium-item.p2 .podium-base{height:55px;background:linear-gradient(to top,silver,#d8d8d8)}
.podium-item.p1{order:2}
.podium-item.p1 .podium-card{border:2px solid #d4a843;background:linear-gradient(135deg,rgba(212,168,67,.08),rgba(232,168,124,.04))}
.podium-item.p1 .podium-rank{background:linear-gradient(135deg,#d4a843,#e8c547);width:30px;height:30px;font-size:14px}
.podium-item.p1 .podium-base{height:80px;background:linear-gradient(to top,#d4a843,#e8c547)}
.podium-item.p1 .podium-avatar-wrap{margin-top:-6px}
.podium-item.p3{order:3}
.podium-item.p3 .podium-card{border:2px solid #cd7f32;background:linear-gradient(135deg,rgba(205,127,50,.06),rgba(205,127,50,.02))}
.podium-item.p3 .podium-rank{background:linear-gradient(135deg,#b8722e,#cd7f32);width:26px;height:26px;font-size:12px}
.podium-item.p3 .podium-base{height:38px;background:linear-gradient(to top,#cd7f32,#d4944a)}
.podium-card{border-radius:var(--radius-md);padding:20px 16px;text-align:center;width:180px;position:relative;transition:all .3s}
.podium-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}
.podium-avatar-wrap{position:relative;width:64px;height:64px;margin:0 auto 10px}
.podium-avatar-wrap img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--border-light)}
.podium-item.p1 .podium-avatar-wrap img{border-color:#d4a843}
.podium-item.p2 .podium-avatar-wrap img{border-color:silver}
.podium-item.p3 .podium-avatar-wrap img{border-color:#cd7f32}
.podium-rank{position:absolute;bottom:-3px;right:-3px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.podium-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:3px}
.podium-comments{font-size:12px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:4px}
.podium-comments i{color:var(--accent);font-size:10px}
.podium-badge{display:inline-block;font-size:10px;padding:2px 8px;border-radius:20px;margin-top:8px;font-weight:500}
.podium-item.p1 .podium-badge{background:rgba(212,168,67,.12);color:#d4a843}
.podium-item.p2 .podium-badge{background:rgba(192,192,192,.15);color:#8a8a8a}
.podium-item.p3 .podium-badge{background:rgba(205,127,50,.12);color:#cd7f32}
.podium-base{border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:12px;opacity:.85}
.readers-controls{background:var(--surface);border-radius:var(--radius-lg);padding:14px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.readers-controls:hover{box-shadow:var(--shadow-md)}
.readers-wall-section{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.readers-wall-section:hover{box-shadow:var(--shadow-md)}
.readers-wall-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.readers-wall-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.readers-wall-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}
.readers-wall-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.readers-wall-count{font-size:11px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500;margin-left:auto}
.readers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.reader-card{display:flex;flex-direction:column;align-items:center;padding:18px 14px;border-radius:var(--radius-md);border:1px solid var(--border-light);background:var(--surface-hover);transition:all .3s;cursor:pointer;text-align:center;position:relative;overflow:hidden}
.reader-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}
.reader-card-avatar{width:54px;height:54px;border-radius:50%;object-fit:cover;border:3px solid var(--border-light);margin-bottom:10px;transition:border-color .2s,transform .3s}
.reader-card:hover .reader-card-avatar{border-color:var(--accent);transform:scale(1.08)}
.reader-card-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;transition:color .2s;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reader-card:hover .reader-card-name{color:var(--accent)}
.reader-card-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;padding:2px 7px;border-radius:20px;font-weight:600;margin-bottom:8px}
.badge-gold{background:rgba(212,168,67,.12);color:#d4a843}
.badge-silver{background:rgba(160,160,160,.12);color:#8a8a8a}
.badge-bronze{background:rgba(205,127,50,.12);color:#cd7f32}
.badge-active{background:var(--accent-light);color:var(--accent)}
.badge-regular{background:rgba(100,116,139,.1);color:#64748b}
.badge-new{background:rgba(232,69,60,.08);color:#e8453c}
.reader-card-stats{display:flex;gap:10px;font-size:10px;color:var(--text-muted);margin-bottom:6px}
.reader-card-stats span{display:flex;align-items:center;gap:3px}
.reader-card-stats span i{font-size:9px;color:var(--accent)}
.reader-card-time{font-size:10px;color:var(--text-muted)}
.reader-card-time i{font-size:9px;margin-right:2px;color:var(--accent);opacity:.5}
.reader-card-index{position:absolute;top:8px;left:8px;width:20px;height:20px;border-radius:5px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}
.reader-card:nth-child(-n+3) .reader-card-index{background:var(--accent);color:#fff}
.user-module{margin-top:6px}
.user-guest{display:flex;gap:6px;margin-bottom:4px}
.user-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);background:0 0;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}
.user-btn .ic{font-size:11px;width:14px;text-align:center}
.user-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.user-btn.primary{background:var(--accent-light);color:var(--accent);border-color:transparent;font-weight:500}
.user-btn.primary:hover{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}
.user-bar{display:flex;align-items:center;gap:10px;padding:6px 4px 10px}
.user-avatar img{width:30px;height:30px;background:linear-gradient(135deg,var(--accent),#e8a87c);border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 4px 16px var(--accent-glow);transition:transform .3s}
.user-text{flex:1;min-width:0}
.user-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}
.user-tag{font-size:10px;color:var(--text-muted);margin-top:1px}
.user-nav{list-style:none;padding:0;margin:0}
.user-nav .nav-a{padding:8px 12px;font-size:13px}
.user-nav .logout:hover{color:var(--heart);background:rgba(232,69,60,.08)}
.readers-timeline{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.readers-timeline:hover{box-shadow:var(--shadow-md)}
.readers-timeline-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.readers-timeline-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.readers-timeline-icon{width:34px;height:34px;border-radius:8px;background:var(--accent-light);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:14px}
.readers-timeline-title{font-size:16px;font-weight:600;color:var(--text-primary)}
.timeline-list{position:relative;padding-left:28px}
.timeline-list::before{content:'';position:absolute;left:14px;top:0;bottom:0;width:2px;background:var(--border-light)}
.timeline-item{position:relative;padding:10px 0 14px 20px}
.timeline-item::before{content:'';position:absolute;left:-21px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--accent-light);z-index:1}
.timeline-item:first-child::before{width:10px;height:10px;left:-22px;top:15px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
.timeline-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.timeline-head img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.timeline-head .tl-name{font-size:13px;font-weight:600;color:var(--text-primary)}
.timeline-head .tl-time{font-size:10px;color:var(--text-muted);margin-left:auto;display:flex;align-items:center;gap:3px}
.timeline-head .tl-time i{font-size:9px}
.timeline-body{font-size:12px;color:var(--text-secondary);line-height:1.6}
.timeline-body a{color:var(--accent);transition:color .2s}
.timeline-body a:hover{color:var(--accent-hover);text-decoration:underline}
.archive-banner{background:linear-gradient(135deg,#2c3e50,#3b7a57,#d4a843);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.archive-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none}
.archive-banner h1{font-size:24px;font-weight:700;margin-bottom:6px;position:relative}
.archive-banner p{font-size:13px;opacity:.85;line-height:1.7;position:relative;max-width:600px}
.archive-banner .banner-meta{display:flex;gap:16px;margin-top:12px;position:relative}
.archive-banner .banner-meta span{display:flex;align-items:center;gap:5px;font-size:12px;padding:3px 12px;border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(4px)}
.archive-banner .banner-meta span i{font-size:11px}
.archive-banner .banner-icon{position:absolute;right:24px;bottom:16px;font-size:64px;opacity:.12}
.archive-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.archive-stat{background:var(--surface);border-radius:var(--radius-lg);padding:18px 16px;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s}
.archive-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.archive-stat .as-icon{width:36px;height:36px;border-radius:10px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:15px}
.archive-stat:first-child .as-icon{background:rgba(59,122,87,.1);color:#3b7a57}
.archive-stat:nth-child(2) .as-icon{background:rgba(99,102,241,.1);color:#6366f1}
.archive-stat:nth-child(3) .as-icon{background:rgba(232,168,124,.1);color:#e8a87c}
.archive-stat:nth-child(4) .as-icon{background:rgba(212,168,67,.1);color:#d4a843}
.archive-stat .as-num{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:2px}
.archive-stat .as-label{font-size:11px;color:var(--text-muted)}
.archive-year-nav{background:var(--surface);border-radius:var(--radius-lg);padding:14px 20px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.archive-year-nav:hover{box-shadow:var(--shadow-md)}
.year-nav-label{font-size:12px;color:var(--text-muted);font-weight:500;margin-right:4px;display:flex;align-items:center;gap:4px}
.year-nav-label i{color:var(--accent);font-size:11px}
.year-nav-btn{padding:5px 14px;border-radius:20px;border:1px solid var(--border);font-size:12px;color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}
.year-nav-btn .yn-count{font-size:10px;color:var(--text-muted)}
.year-nav-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}
.year-nav-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500;box-shadow:0 2px 8px var(--accent-glow)}
.year-nav-btn.active .yn-count{color:rgba(255,255,255,.7)}
.year-nav-btn .yn-count{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--accent-light);color:var(--accent);transition:all .2s}
.archive-sort-group{display:flex;align-items:center;gap:6px;margin-left:auto}
.archive-year-section{background:var(--surface);border-radius:var(--radius-lg);padding:24px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:all .3s}
.archive-year-section:hover{box-shadow:var(--shadow-md)}
.archive-year-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--accent-light);position:relative}
.archive-year-header::after{content:'';position:absolute;bottom:-2px;left:0;width:28px;height:2px;background:var(--accent)}
.archive-year-icon{width:38px;height:38px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;font-family:'DM Mono',monospace}
.archive-year-title{font-size:20px;font-weight:700;color:var(--text-primary)}
.archive-year-count{font-size:11px;padding:3px 10px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500}
.archive-year-summary{margin-left:auto;font-size:11px;color:var(--text-muted);display:flex;gap:12px}
.archive-year-summary span{display:flex;align-items:center;gap:4px}
.archive-year-summary span i{font-size:10px;color:var(--accent);opacity:.6}
.archive-month{margin-bottom:20px}
.archive-month:last-child{margin-bottom:0}
.archive-month-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.archive-month-header .am-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}
.archive-month-header .am-line{flex:1;height:1px;background:var(--border-light)}
.archive-month-header .am-label{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}
.archive-month-header .am-count{font-size:10px;padding:1px 6px;border-radius:10px;background:var(--accent-light);color:var(--accent);font-weight:500}
.archive-list{padding-left:4px}
.archive-item{display:flex;align-items:flex-start;gap:14px;padding:12px 14px;border-radius:var(--radius-md);transition:all .25s;cursor:pointer;position:relative;margin-bottom:2px}
.archive-item:hover{background:var(--accent-light)}
.archive-item:last-child{margin-bottom:0}
.archive-date{flex-shrink:0;width:44px;text-align:center;padding-top:2px}
.archive-date .ad-day{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1;font-family:'DM Mono',monospace;transition:color .2s}
.archive-item:hover .ad-day{color:var(--accent)}
.archive-date .ad-weekday{font-size:10px;color:var(--text-muted);margin-top:2px}
.archive-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--border);margin-top:8px;position:relative;transition:all .2s}
.archive-dot::after{content:'';position:absolute;left:50%;top:100%;width:1px;height:calc(100% + 2px);background:var(--border-light);transform:translateX(-50%)}
.archive-item:last-child .archive-dot::after{display:none}
.archive-item:hover .archive-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}
.archive-content{flex:1;min-width:0}
.archive-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:5px;transition:color .2s;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
.archive-item:hover .archive-title{color:var(--accent)}
.archive-excerpt{font-size:12px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:7px}
.archive-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text-muted)}
.archive-meta .am-cat{padding:1px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-size:10px;font-weight:500;cursor:pointer;transition:all .2s}
.archive-meta .am-cat:hover{background:var(--accent);color:#fff}
.archive-meta .am-tag{padding:1px 7px;border-radius:20px;border:1px solid var(--border);color:var(--text-muted);font-size:10px;cursor:pointer;transition:all .2s}
.archive-meta .am-tag:hover{border-color:var(--accent);color:var(--accent)}
.archive-meta .am-stat{display:flex;align-items:center;gap:3px}
.archive-meta .am-stat i{font-size:9px;color:var(--accent);opacity:.6}
.archive-sidebar-stat .as-list{padding:0}
.archive-sidebar-stat .as-list li{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-secondary)}
.archive-sidebar-stat .as-list li:last-child{border-bottom:none}
.archive-sidebar-stat .as-list li .as-val{font-weight:600;color:var(--accent);font-family:'DM Mono',monospace}
.archive-chart .ac-bars{display:flex;flex-direction:column;gap:6px}
.archive-chart .ac-bar-row{display:flex;align-items:center;gap:8px}
.archive-chart .ac-bar-label{font-size:11px;color:var(--text-muted);min-width:30px;text-align:right}
.archive-chart .ac-bar-track{flex:1;height:16px;background:var(--accent-light);border-radius:4px;overflow:hidden;position:relative}
.archive-chart .ac-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),#6bbf8a);transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:6px}
.archive-chart .ac-bar-val{font-size:9px;color:#fff;font-weight:600;white-space:nowrap}
.list-banner{background:linear-gradient(135deg,var(--accent),#6bbf8a,#e8a87c);border-radius:var(--radius-lg);padding:32px 28px;margin-bottom:14px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}
.list-banner::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}
.list-banner h1{font-size:24px;font-weight:700;margin-bottom:6px;position:relative}
.list-banner p{font-size:13px;opacity:.85;line-height:1.7;position:relative;max-width:600px}
.list-banner .list-icon{position:absolute;right:24px;bottom:16px;font-size:64px;opacity:.12}
.post-content table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;font-size:13.5px;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
.post-content thead{background:var(--accent-light)}
.post-content thead th{padding:10px 14px;font-weight:600;text-align:left;color:var(--text-primary);border-bottom:2px solid var(--accent);font-size:13px;white-space:nowrap}
.post-content tbody td{padding:9px 14px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:top}
.post-content tbody tr:last-child td{border-bottom:none}
.post-content tbody tr:nth-child(2n){background:rgba(59,122,87,.02)}
[data-theme=dark] .post-content tbody tr:nth-child(2n){background:rgba(107,191,138,.02)}
.post-content tbody tr{transition:background .2s}
.post-content tbody tr:hover{background:var(--accent-light)}
.post-content caption{caption-side:bottom;padding:8px 0;font-size:12px;color:var(--text-muted);font-style:italic}
.post-content tfoot td{padding:9px 14px;font-weight:500;border-top:2px solid var(--border);font-size:13px}
.post-content td code,.post-content th code{font-size:11px;padding:1px 4px}
.post-content .table-responsive{overflow-x:auto;margin:20px 0;border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-overflow-scrolling:touch}
.post-content .table-responsive table{margin:0;border:none;min-width:500px;border-radius:0}
.post-content dl{margin:16px 0}
.post-content dt{font-weight:600;color:var(--text-primary);font-size:14px;margin-top:12px}
.post-content dt:first-child{margin-top:0}
.post-content dd{margin-left:20px;color:var(--text-secondary);font-size:14px;line-height:1.8;margin-top:2px;padding-left:12px;border-left:2px solid var(--border-light)}
.post-content kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 7px;font-size:11px;font-family:'DM Mono',monospace;font-weight:500;color:var(--text-primary);background:var(--sidebar-bg);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;box-shadow:var(--shadow-xs);line-height:1.6;white-space:nowrap}
.post-content kbd+kbd{margin-left:3px}
.post-content .kbd-sep{font-size:12px;color:var(--text-muted);margin:0 3px}
.post-content mark{background:rgba(212,168,67,.2);color:var(--text-primary);padding:1px 4px;border-radius:3px}
[data-theme=dark] .post-content mark{background:rgba(212,168,67,.15)}
.post-content abbr{text-decoration:underline dotted var(--text-muted);cursor:help;font-variant:small-caps;letter-spacing:.03em}
.post-content abbr[title]:hover{text-decoration-color:var(--accent)}
.post-content sub,.post-content sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}
.post-content sup{top:-.5em}
.post-content sub{bottom:-.25em}
.post-content del,.post-content s{text-decoration:line-through;color:var(--text-muted);opacity:.7}
.post-content ins,.post-content u{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.post-content .lead{font-size:17px;line-height:1.9;color:var(--text-primary);font-weight:400;margin-bottom:20px}
.post-content small{font-size:.85em;color:var(--text-muted)}
.post-content var{font-style:italic;color:var(--accent);font-family:'DM Mono',monospace;font-size:.9em}
.post-content samp{font-family:'DM Mono',monospace;font-size:.9em;background:var(--sidebar-bg);padding:2px 5px;border-radius:3px;border:1px solid var(--border-light)}
.post-content details{margin:16px 0;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s}
.post-content details:hover{border-color:var(--accent)}
.post-content details[open]{border-color:var(--accent)}
.post-content summary{padding:10px 16px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;background:var(--accent-light);transition:all .2s;display:flex;align-items:center;gap:8px;user-select:none;list-style:none}
.post-content summary::-webkit-details-marker{display:none}
.post-content summary::before{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;color:var(--accent);transition:transform .2s;flex-shrink:0}
.post-content details[open] summary::before{transform:rotate(90deg)}
.post-content summary:hover{background:rgba(59,122,87,.1)}
.post-content details>:not(summary){padding:14px 16px}
.post-content details>p{margin:0}
.post-content .task-list{list-style:none;padding-left:4px;margin:16px 0}
.post-content .task-list li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px}
.post-content .task-list li::before{display:none}
.post-content .task-list input[type=checkbox]{appearance:none;-webkit-appearance:none;width:17px;height:17px;border:2px solid var(--border);border-radius:4px;flex-shrink:0;cursor:pointer;transition:all .2s;margin-top:4px;position:relative}
.post-content .task-list input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}
.post-content .task-list input[type=checkbox]:checked::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;font-size:10px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.post-content .task-list input[type=checkbox]:checked+span{text-decoration:line-through;color:var(--text-muted)}
.post-content .alert{padding:16px 18px;border-radius:var(--radius-sm);margin:18px 0;font-size:13.5px;line-height:1.8;display:flex;align-items:flex-start;gap:10px;border:1px solid transparent}
.post-content .alert i{font-size:16px;margin-top:2px;flex-shrink:0}
.post-content .alert-info{background:rgba(8,145,178,.06);border-color:rgba(8,145,178,.15);color:var(--text-secondary)}
.post-content .alert-info i{color:#0891b2}
.post-content .alert-success{background:rgba(59,122,87,.06);border-color:rgba(59,122,87,.15);color:var(--text-secondary)}
.post-content .alert-success i{color:#3b7a57}
.post-content .alert-warning{background:rgba(212,168,67,.06);border-color:rgba(212,168,67,.15);color:var(--text-secondary)}
.post-content .alert-warning i{color:#d4a843}
.post-content .alert-danger{background:rgba(232,69,60,.06);border-color:rgba(232,69,60,.15);color:var(--text-secondary)}
.post-content .alert-danger i{color:#e8453c}
.post-content blockquote.info{border-left-color:#0891b2;background:rgba(8,145,178,.05)}
.post-content blockquote.success{border-left-color:#3b7a57;background:rgba(59,122,87,.05)}
.post-content blockquote.warning{border-left-color:#d4a843;background:rgba(212,168,67,.05)}
.post-content blockquote.danger{border-left-color:#e8453c;background:rgba(232,69,60,.05)}
.post-content .video-container{position:relative;width:100%;padding-bottom:56.25%;margin:20px 0;border-radius:var(--radius-md);overflow:hidden;background:#000}
.post-content .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.post-content .footnotes{margin-top:30px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:var(--text-secondary)}
.post-content .footnotes ol{padding-left:20px}
.post-content .footnotes li{margin-bottom:4px;line-height:1.7}
.post-content .footnote-ref{color:var(--accent);font-size:.8em;vertical-align:super;cursor:pointer;text-decoration:none;font-weight:600}
.post-content .footnote-ref:hover{text-decoration:underline}
.post-content .align-left{float:left;margin:4px 20px 10px 0;max-width:45%}
.post-content .align-right{float:right;margin:4px 0 10px 20px;max-width:45%}
.post-content .align-center{display:block;margin:16px auto}
.post-content .text-left{text-align:left}
.post-content .text-center{text-align:center}
.post-content .text-right{text-align:right}
.post-content .badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;padding:2px 8px;border-radius:20px;font-weight:500;vertical-align:middle}
.post-content .badge-green{background:rgba(59,122,87,.1);color:#3b7a57}
.post-content .badge-blue{background:rgba(8,145,178,.1);color:#0891b2}
.post-content .badge-yellow{background:rgba(212,168,67,.1);color:#d4a843}
.post-content .badge-red{background:rgba(232,69,60,.1);color:#e8453c}
.post-content .columns-2{column-count:2;column-gap:28px;margin:16px 0}
.post-content .columns-3{column-count:3;column-gap:24px;margin:16px 0}
.asd-banner{width:100%;margin:16px 0;border-radius:var(--radius-lg);overflow:hidden;line-height:0;transition:all .3s}
.asd-banner img{width:100%;height:auto;display:block;object-fit:contain;border-radius:var(--radius-lg)}
.asd-banner a{display:block;width:100%;text-decoration:none;border:none}
.asd-banner:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.asd-list-top{margin-bottom:18px}
.asd-list-mid{margin:18px 0}
.asd-list-bottom{margin-top:18px;margin-bottom:10px}
.asd-post-top{margin-bottom:20px;margin-top:4px}
.asd-post-bottom{margin-top:24px;margin-bottom:16px}
.asd-comment-bottom{margin-top:0;margin-bottom:16px}
.feed-card-sm{display:flex;gap:0;padding:18px 20px;margin-bottom:12px;overflow:hidden}
.fcs-media{flex-shrink:0;width:155px;position:relative;overflow:hidden;margin-right:16px;border-radius:8px;display:flex;flex-direction:column;justify-content:center}
.fcs-media img{width:100%;height:100%;object-fit:cover;min-height:130px;border-radius:8px;transition:transform .4s}
.feed-card-sm:hover .fcs-media img{transform:scale(1.06)}
.fcs-media .fcs-img-count{position:absolute;bottom:8px;right:8px;padding:2px 8px;border-radius:20px;background:rgba(0,0,0,.5);color:#fff;font-size:10px;display:flex;align-items:center;gap:3px;backdrop-filter:blur(3px)}
.fcs-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.cat-metas{margin-bottom:6px;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.post-cat{margin-bottom:16px}
.fcs-cat{font-size:10px;padding:2px 8px;border-radius:20px;background:var(--accent-light);color:var(--accent);font-weight:500;width:fit-content;transition:all .2s;cursor:pointer}
.fas-hz{color:var(--text-primary);display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:600;padding:1px 6px;border-radius:4px;background:rgb(147 132 132 / 15%)}
.fcs-cat:hover{background:var(--accent);color:#fff}
.fcs-title{font-size:14.5px;font-weight:600;color:var(--text-primary);margin-bottom:5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s;cursor:pointer}
.feed-card-sm:hover .fcs-title{color:var(--accent)}
.fcs-excerpt{font-size:12px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
.fcs-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text-muted);flex-wrap:wrap}
.fcs-meta span{display:flex;align-items:center;gap:3px}
.fcs-meta span i{font-size:10px;color:var(--accent);opacity:.6}
.fcs-meta .fcs-new{font-size:9px;padding:1px 6px;border-radius:3px;background:rgba(232,69,60,.08);color:var(--new-badge);font-weight:600}
.fcs-meta .fcs-sep{width:2px;height:2px;background:var(--text-muted);border-radius:50%}
.detail-layout{width:100%;max-width:var(--page-width);margin:0 auto;padding:20px;display:flex;gap:18px;min-width:0}
.detail-layout>main{flex:1;min-width:0}
.detail-side{width:200px;flex-shrink:0}
.detail-side>.sidebar{position:static;width:100%;height:auto;min-height:0;box-shadow:none}
.search-modal-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(10px);z-index:999999}
.search-modal{width:90%;max-width:600px;background:#fff;border-radius:10px;padding:30px;box-shadow:0 4px 8px rgba(0,0,0,.2)}
.search-modal .search-bar{display:flex;margin-bottom:10px}
.search-modal .search-bar form{display:flex;align-items:center;width:100%;gap:15px;margin-bottom:15px}
.search-modal .search-bar input{flex:1;padding:5px 10px;border:1px solid #34495e08;font-size:14px;border-radius:5px;height:auto;line-height:28px;background:#34495e08;color:#34495e;width:100%;outline:0;-webkit-transition:.5s;transition:.5s}
.search-modal .search-bar input:focus{border:1px solid #34495e08}
.search-modal .search-bar button{vertical-align:middle;cursor:pointer;transition:.2s;border:unset;width:42px;height:42px;background:#34495e08;border-radius:.5rem;display:flex;align-items:center;justify-content:center}
.search-modal .search-bar button:hover{background:#34495e08}
.search-modal .search-bar button:hover span{color:#607ab399}
.search-modal .tags{display:flex;flex-wrap:wrap;gap:10px}
.search-modal .tags .tag{padding:5px 10px;background-color:#34495e08;border-radius:10px;font-size:14px;cursor:pointer}
.search-modal .tags .tag:hover{background-color:#007bff;color:#fff}
@media(max-width:1000px){.grid-1 .gi{height:200px}
.grid-2 .gi{height:165px}
.grid-3 .gi{height:130px}
.grid-4 .gi{height:145px}
.grid-5 .gi{height:120px}
.grid-6 .gi{height:115px}
.grid-7 .gi{height:110px}
.grid-8 .gi{height:105px}
.grid-9 .gi{height:100px}
.gi-more{font-size:24px}
.gi-more span{font-size:12px}
.user-module{margin-top:4px}
}
@media(max-width:940px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);width:270px;box-shadow:var(--shadow-xl)}
.sidebar.open{transform:translateX(0)}
.sb-close{display:flex!important}
.topbar{display:flex}
.sw-wrap{display:block}
.content{flex-direction:column;padding:14px;gap:14px}
.load-next-page {margin: 22px 0 8px 0;}
.widgets{width:100%}
.hero-swiper .swiper-slide{height:200px}
.hero-overlay{padding:18px 20px}
.hero-title{font-size:17px}
.hero-desc{font-size:12px}
.grid-1 .gi{height:195px}
.grid-2 .gi{height:160px}
.grid-3 .gi{height:130px}
.grid-4 .gi{height:140px}
.grid-5 .gi{height:115px}
.grid-6 .gi{height:110px}
.fc-head{padding:14px 16px 0}
.fc-body{padding:10px 16px 0}
.fc-imgs{padding:0 16px}
.fc-tags{padding:2px 16px}
.fc-actions{padding:6px 16px 12px;margin-top:6px}
.fc-avatar{width:38px;height:38px;font-size:13px}
.fc-title{font-size:15px}
.btt{bottom:20px;right:20px;width:38px;height:38px;font-size:14px}
.pagination{gap:5px}
.pg-btn{min-width:34px;height:34px;font-size:12px}
.site-footer{padding:20px 16px}
.post-section{padding:16px 18px;margin-bottom:12px}
.post-article-card{padding:18px 18px}
.post-comments-card{padding:18px 18px}
.post-related-card{padding:16px 18px}
.post-nav-card{padding:14px 18px}
.post-header .post-title{font-size:22px}
.post-content{font-size:14.5px}
.post-nav{grid-template-columns:1fr}
.related-grid{grid-template-columns:1fr 1fr}
.post-share-actions{flex-direction:column;align-items:flex-start}
.action-group{margin-left:0;width:100%;justify-content:flex-start}
.cmt-reply{margin-left:20px;padding-left:12px}
.tip-qr-row{flex-direction:column;align-items:center}
.form-row{flex-direction:column}
.links-grid{grid-template-columns:repeat(2,1fr)}
.link-category{padding:18px 18px}
.link-apply{padding:18px 18px}
.links-banner{padding:24px 20px}
.links-banner h1{font-size:20px}
.links-banner .banner-icon{font-size:48px;right:16px;bottom:12px}
.collections-grid{grid-template-columns:repeat(2,1fr)}
.collection-featured{flex-direction:column}
.collection-featured-img{width:100%;height:180px}
.collection-featured-body{padding:16px 18px}
.collection-featured-body .cf-title{font-size:17px}
.collections-banner{padding:24px 20px}
.collections-banner h1{font-size:20px}
.collections-banner .banner-icon{font-size:48px;right:16px;bottom:12px}
.collection-filters{padding:12px 14px}
.tags-alpha-section,.tags-cloud-section,.tags-grid-section{padding:18px 18px}
.tags-banner{padding:24px 20px}
.tags-banner h1{font-size:20px}
.tags-banner .banner-icon{font-size:48px;right:16px;bottom:12px}
.tags-grid{grid-template-columns:repeat(3,1fr)}
.tags-stats{grid-template-columns:repeat(2,1fr)}
.tags-controls{padding:12px 14px}
.tags-sort-group{margin-left:0}
.alpha-group-tags{padding-left:0}
.readers-banner{padding:24px 20px}
.readers-banner h1{font-size:20px}
.readers-banner .banner-icon{font-size:48px;right:16px;bottom:12px}
.readers-stats{grid-template-columns:repeat(2,1fr)}
.readers-grid{grid-template-columns:repeat(3,1fr)}
.podium-row{gap:10px;padding:0}
.podium-card{width:150px;padding:16px 12px}
.podium-avatar-wrap,.podium-avatar-wrap img{width:52px;height:52px}
.readers-podium,.readers-timeline,.readers-wall-section{padding:18px 18px}
.readers-controls{padding:12px 14px}
.archive-banner{padding:24px 20px}
.archive-banner h1{font-size:20px}
.archive-banner .banner-icon{font-size:48px;right:16px;bottom:12px}
.archive-stats{grid-template-columns:repeat(2,1fr)}
.archive-year-section{padding:18px 18px}
.archive-year-nav{padding:12px 14px}
.archive-sort-group{margin-left:0}
.archive-year-header{flex-wrap:wrap}
.archive-year-summary{margin-left:0;width:100%;justify-content:flex-start}
.asd-banner{margin:12px 0;border-radius:var(--radius-md)}
.asd-banner img{border-radius:var(--radius-md)}
.layout-toggle{display:none}
.widgets{display:none}
}
@media (max-width:768px){.comment-list{padding:20px 16px 10px}
.comment-form-wrap{padding:20px 16px 24px}
.section-divider{margin:0 16px}
.comment-header{margin-bottom:16px}
.comment-title{font-size:16px}
.comment-item{gap:10px}
.comment-avatar{width:40px;height:40px;font-size:15px}
.comment-time{margin-left:0;font-size:11px}
.comment-floor{font-size:10px;padding:1px 7px}
.comment-content{font-size:13.5px;padding:8px 12px}
.comment-content::before{top:10px}
.comment-children{padding-left:12px}
.comment-children .comment-avatar{width:30px;height:30px;font-size:12px}
.comment-children .comment-content{font-size:12.5px;padding:7px 10px}
.form-group{grid-template-columns:1fr;gap:10px}
.captcha-row{flex-wrap:wrap}
.captcha-input-wrap{max-width:100%;flex:1}
.form-textarea{min-height:90px;font-size:13px}
.submit-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}
.form-tips{justify-content:center;text-align:center}
.comment-form-wrap .submit-btn{width:100%;justify-content:center;height:40px}
.post-content .columns-2,.post-content .columns-3{column-count:1}
.hero-tag,.hero-desc{display: none;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top: 10px;right: 10px;width: 100%;text-align: right;}
}
@media(max-width:640px){.fcs-media{width:120px}
.fcs-media img{min-height:105px}
.fcs-body{padding:10px 12px}
.fcs-title{font-size:13.5px}
.fcs-excerpt{font-size:11.5px}
}
@media(max-width:480px){.grid-7 .gi{height:90px}
.grid-8 .gi{height:88px}
.grid-9 .gi{height:85px}
.gi-more{font-size:20px}
.gi-more span{font-size:11px}
.report-modal-content{width:100%;max-width:100%;border-radius:var(--radius-md);margin:0 12px}
.report-modal-header{padding:16px 18px 14px}
.report-modal-header h2{font-size:16px}
.report-modal-body{padding:16px 18px 20px}
.input-field{font-size:14px;padding:11px 12px}
.grid-1 .gi{height:170px}
.grid-3 .gi{height:105px}
.grid-5 .gi{height:95px}
.grid-6 .gi{height:90px}
.fc-title{font-size:14.5px}
.fc-text{font-size:13px}
.fc-head{padding:12px 14px 0}
.fc-body{padding:8px 14px 0}
.fc-imgs{padding:0 14px}
.fc-tags{padding:2px 14px}
.fc-actions{padding:5px 14px 10px}
.btt{bottom:16px;right:16px}
.pagination{gap:4px;flex-wrap:wrap}
.pg-btn{min-width:32px;height:32px;font-size:11px;padding:0 7px}
.hero-swiper .swiper-slide{height:175px}
.hero-overlay{padding:14px 16px}
.hero-title{font-size:15px}
.footer-links{gap:14px}
.post-section{padding:14px 14px;margin-bottom:10px}
.post-article-card{padding:14px 14px}
.post-comments-card{padding:14px 14px}
.post-related-card{padding:14px 14px}
.post-nav-card{padding:12px 14px}
.post-header .post-title{font-size:19px}
.post-content{font-size:14px}
.related-grid{grid-template-columns:1fr}
.related-card-img{height:160px}
.share-btn{width:32px;height:32px;font-size:13px}
.action-btn{padding:6px 10px;font-size:11px}
.post-meta-bar{gap:8px}
.post-breadcrumb-card{padding:12px 14px}
.links-grid{grid-template-columns:1fr}
.link-category{padding:16px 14px}
.link-apply{padding:16px 14px}
.links-banner{padding:20px 16px}
.links-banner h1{font-size:18px}
.links-banner p{font-size:12px}
.links-banner .banner-icon{display:none}
.link-apply-form .form-group{flex-direction:column}
.link-apply-form .form-group input{min-width:100%}
.collections-grid{grid-template-columns:1fr}
.collection-card-cover{height:150px}
.collection-featured-img{height:150px}
.collections-banner{padding:20px 16px}
.collections-banner h1{font-size:18px}
.collections-banner p{font-size:12px}
.collections-banner .banner-icon{display:none}
.collections-banner .banner-meta{flex-wrap:wrap;gap:8px}
.collection-filters{gap:6px}
.filter-btn{padding:4px 10px;font-size:11px}
.tags-alpha-section,.tags-cloud-section,.tags-grid-section{padding:16px 14px}
.tags-banner{padding:20px 16px}
.tags-banner h1{font-size:18px}
.tags-banner p{font-size:12px}
.tags-banner .banner-icon{display:none}
.tags-banner .banner-meta{flex-wrap:wrap;gap:8px}
.tags-grid{grid-template-columns:repeat(2,1fr)}
.tags-stats{grid-template-columns:repeat(2,1fr)}
.tags-cloud{gap:6px}
.tags-cloud .cloud-tag{padding:4px 11px;font-size:11px}
.tags-cloud .cloud-tag.sz-xl{font-size:14px;padding:6px 14px}
.tags-cloud .cloud-tag.sz-lg{font-size:13px;padding:5px 13px}
.tags-controls{flex-direction:column;align-items:flex-start;gap:8px}
.tags-sort-group{margin-left:0}
.tags-alpha-nav .alpha-btn{width:26px;height:26px;font-size:11px}
.readers-banner{padding:20px 16px}
.readers-banner h1{font-size:18px}
.readers-banner p{font-size:12px}
.readers-banner .banner-icon{display:none}
.readers-banner .banner-meta{flex-wrap:wrap;gap:8px}
.readers-stats{grid-template-columns:repeat(2,1fr)}
.readers-grid{grid-template-columns:repeat(2,1fr)}
.podium-row{flex-direction:column;align-items:center;gap:12px}
.podium-item.p1,.podium-item.p2,.podium-item.p3{order:unset}
.podium-card{width:100%;max-width:220px}
.podium-base{display:none}
.readers-podium,.readers-timeline,.readers-wall-section{padding:16px 14px}
.readers-controls{flex-direction:column;align-items:flex-start;gap:8px}
.reader-card{padding:14px 10px}
.reader-card-avatar{width:46px;height:46px}
.archive-banner{padding:20px 16px}
.archive-banner h1{font-size:18px}
.archive-banner p{font-size:12px}
.archive-banner .banner-icon{display:none}
.archive-banner .banner-meta{flex-wrap:wrap;gap:8px}
.archive-stats{grid-template-columns:repeat(2,1fr)}
.archive-year-section{padding:16px 14px}
.archive-year-nav{gap:6px}
.year-nav-btn{padding:4px 10px;font-size:11px}
.archive-sort-group{width:100%}
.archive-item{padding:10px 8px;gap:10px}
.archive-date{width:36px}
.archive-date .ad-day{font-size:17px}
.archive-title{font-size:13px}
.archive-excerpt{display:none}
.archive-meta{gap:6px}
.asd-banner{margin:10px 0;border-radius:var(--radius-sm)}
.asd-banner img{border-radius:var(--radius-sm)}
}
@media (max-width:400px){.comment-list{padding:16px 12px 8px}
.comment-form-wrap{padding:16px 12px 20px}
.section-divider{margin:0 12px}
.comment-avatar{width:36px;height:36px;font-size:13px}
.comment-author{font-size:13px}
.comment-children{padding-left:10px}
.emoji-toolbar{flex-wrap:wrap}
.fcs-media{width:100px}
.fcs-media img{min-height:90px}
}
@media(min-width:941px){body.layout-left_sidebar .page-wrap{width:100%;max-width:var(--page-width);margin:0 auto;flex-direction:row}
body.layout-left_sidebar_one .page-wrap{width:100%;max-width:var(--page-width);margin:0 auto;flex-direction:row}
body.layout-left_sidebar_one .content{gap:0}
body.layout-left_sidebar_one .posts{width:100%;flex:1}
body.layout-top_nav_one .nav-a.on, body.layout-top_nav_two .nav-a.on{background: inherit;}
body.layout-top_nav_one .nav-a.on::before, body.layout-top_nav_two .nav-a.on::before{background: inherit;}
body.layout-top_nav_one .page-wrap,body.layout-top_nav_two .page-wrap{width:100%;max-width:none;margin:0;flex-direction:column}
body.layout-top_nav_one .sidebar,body.layout-top_nav_two .sidebar{position:sticky;top:0;width:max-content;min-width:min(var(--page-width),100%);max-width:100%;height:auto;min-height:52px;margin:0 auto;flex-direction:row;align-items:center;background:0 0;border-right:none;border-bottom:none;overflow:visible;box-shadow:none;z-index:1200}
body.layout-top_nav_one .sidebar::before,body.layout-top_nav_two .sidebar::before{content:'';position:absolute;z-index:0;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);background:var(--sidebar-bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);pointer-events:none}
body.layout-top_nav_one .sb-foot,body.layout-top_nav_one .sb-nav,body.layout-top_nav_one .sidebar-head,body.layout-top_nav_two .sb-foot,body.layout-top_nav_two .sb-nav,body.layout-top_nav_two .sidebar-head{position:relative;z-index:2}
body.layout-top_nav_one .sidebar-head,body.layout-top_nav_two .sidebar-head{flex:0 0 auto;min-width:auto;margin-right:50px;padding:7px 0;border-bottom:none;background:0 0;text-align:left}
body.layout-top_nav_one .sidebar-head>a,body.layout-top_nav_two .sidebar-head>a{display:flex;align-items:center;gap:11px;white-space:nowrap}
body.layout-top_nav_one .logo-ring,body.layout-top_nav_two .logo-ring{display:flex;align-items:center;flex:0 0 auto}
body.layout-top_nav_one .logo-ring img,body.layout-top_nav_two .logo-ring img{width:34px;height:34px;margin:0}
body.layout-top_nav_one .sidebar-head .logo_title,body.layout-top_nav_two .sidebar-head .logo_title{display:block;margin:0;font-size:15px;line-height:1.35;font-weight:700;white-space:nowrap}
body.layout-top_nav_one .sidebar-head p,body.layout-top_nav_two .sidebar-head p{display:none}
body.layout-top_nav_one .sb-close,body.layout-top_nav_two .sb-close{display:none!important}
body.layout-top_nav_one .sb-nav,body.layout-top_nav_two .sb-nav{flex:1 1 auto;min-width:0;max-width:100%;padding:0;overflow:visible;display:flex;align-items:center}
body.layout-top_nav_one .sb-nav-inner,body.layout-top_nav_two .sb-nav-inner{width:100%;min-width:0;display:flex;align-items:center;overflow-x:auto;overflow-y:visible;scrollbar-width:none}
body.layout-top_nav_one .sb-nav-inner::-webkit-scrollbar,body.layout-top_nav_two .sb-nav-inner::-webkit-scrollbar{display:none}
body.layout-top_nav_one .nav-sec,body.layout-top_nav_two .nav-sec{display:none}
body.layout-top_nav_one .sb-nav-inner>ul,body.layout-top_nav_two .sb-nav-inner>ul{display:flex;align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:0;width:max-content;min-width:0;margin:0}
body.layout-top_nav_one .nav-a,body.layout-top_nav_two .nav-a{padding:12px 14px;border-radius:0;white-space:nowrap}
body.layout-top_nav_one .nav-a .ic,body.layout-top_nav_two .nav-a .ic{font-size:12px}
body.layout-top_nav_one .nav-a .arrow,body.layout-top_nav_two .nav-a .arrow{font-size:8px;opacity:.4}
body.layout-top_nav_one .top-nav-sub-portal,body.layout-top_nav_two .top-nav-sub-portal{position:fixed!important;display:block!important;left:0;top:0;right:auto;bottom:auto;width:max-content;min-width:160px;max-width:min(280px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow-x:hidden;overflow-y:auto;z-index:30000;padding:4px 0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:none!important;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;max-height:calc(100vh - 16px)!important}
body.layout-top_nav_one .top-nav-sub-portal.is-open,body.layout-top_nav_two .top-nav-sub-portal.is-open{opacity:1;visibility:visible;pointer-events:auto}
body.layout-top_nav_one .top-nav-sub-portal .nav-a,body.layout-top_nav_two .top-nav-sub-portal .nav-a{padding:7px 16px;border-radius:0;white-space:nowrap}
body.layout-top_nav_one .top-nav-sub-portal .nav-a::before,body.layout-top_nav_two .top-nav-sub-portal .nav-a::before{display:none}
body.layout-top_nav_one .nav-it.has-sub.open>.nav-a,body.layout-top_nav_one .nav-it.has-sub:hover>.nav-a,body.layout-top_nav_two .nav-it.has-sub.open>.nav-a,body.layout-top_nav_two .nav-it.has-sub:hover>.nav-a{background:var(--accent-light);color:var(--accent)}
body.layout-top_nav_one .sb-foot,body.layout-top_nav_two .sb-foot{flex:0 0 auto;margin-left:0;padding:6px 0 6px 14px;border-top:none;display:flex;align-items:center;gap:8px;background:0 0;white-space:nowrap}
body.layout-top_nav_one .th-btn,body.layout-top_nav_two .th-btn{width:auto;padding:6px 8px;flex:0 0 auto}
body.layout-top_nav_one .layout-toggle span,body.layout-top_nav_one .th-btn span,body.layout-top_nav_two .layout-toggle span,body.layout-top_nav_two .th-btn span{display:none}
body.layout-top_nav_one .user-module,body.layout-top_nav_two .user-module{margin-top:0}
body.layout-top_nav_one .user-guest,body.layout-top_nav_two .user-guest{margin-bottom:0;gap:6px;flex-wrap:nowrap}
body.layout-top_nav_one .user-btn,body.layout-top_nav_two .user-btn{flex:0 0 auto;width:auto;padding:6px 9px}
body.layout-top_nav_one .user-bar,body.layout-top_nav_two .user-bar{padding:0 2px}
body.layout-top_nav_one .soc-row,body.layout-top_nav_two .soc-row{display:none}
body.layout-top_nav_one .sw-wrap,body.layout-top_nav_one .topbar,body.layout-top_nav_two .sw-wrap,body.layout-top_nav_two .topbar{display:none!important}
body.layout-top_nav_one .main,body.layout-top_nav_two .main{width:100%;max-width:none;min-width:0}
body.layout-top_nav_one .content,body.layout-top_nav_two .content{width:100%;max-width:var(--page-width);margin:0 auto;padding:20px}
body.layout-top_nav_one .content{gap:0}
body.layout-top_nav_one .posts{width:100%;flex:1}
body.layout-top_nav_one .detail-layout,body.layout-top_nav_two .detail-layout{width:100%;max-width:var(--page-width);margin:0 auto}
body.layout-top_nav_one .site-footer,body.layout-top_nav_two .site-footer{width:100%;max-width:none;margin:0;padding:24px 20px;border-radius:0;border-top:1px solid var(--border);border-bottom:0;background:var(--sidebar-bg);box-shadow:none}
body.layout-top_nav_one .site-footer .footer-inner,body.layout-top_nav_two .site-footer .footer-inner{width:100%;max-width:var(--page-width);margin:0 auto}
body.layout-left_sidebar_one .content>.posts,body.layout-top_nav_one .content>.posts{width:100%;max-width:none}
body.layout-left_sidebar_one .detail-layout,body.layout-top_nav_one .detail-layout{display:block}
}