*{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#070a10;--surface:#0d1118;--surface2:#131922;--surface3:#1a2130;--card-bg:#0e1219;--border:rgba(255,255,255,0.05);--border-hover:rgba(255,255,255,0.1);--accent:#34d399;--accent2:#10b981;--accent-glow:rgba(52,211,153,0.1);--accent-glow-strong:rgba(52,211,153,0.18);--text-primary:#e8edf5;--text-secondary:#7f8a9e;--text-muted:#3d4555;--font-body:"Inter","Noto Sans SC",sans-serif;--font-display:"Inter","Noto Sans SC",sans-serif;--radius:14px;--radius-sm:10px;--radius-lg:18px;--shadow:0 4px 24px rgba(0,0,0,0.35);--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--glow:0 0 60px rgba(52,211,153,0.02);--nav-bg:rgba(8,11,18,0.78);--card-bg2:#0b0f16;--card-shadow:0 1px 2px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.03);--card-shadow-hover:0 8px 32px rgba(0,0,0,0.55),0 0 0 1px rgba(52,211,153,0.06);--gradient-accent:linear-gradient(135deg,#34d399 0%,#06b6d4 100%);}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse at 12% 0%,rgba(52,211,153,0.035) 0%,transparent 50%),radial-gradient(ellipse at 88% 85%,rgba(99,102,241,0.02) 0%,transparent 45%),radial-gradient(ellipse at 50% 0%,rgba(6,182,212,0.015) 0%,transparent 55%);}
body::before{content:'';position:fixed;top:0;left:0;right:0;height:500px;background:radial-gradient(ellipse at 50% -30%,rgba(52,211,153,0.025) 0%,transparent 65%);pointer-events:none;z-index:0;}
a{color:var(--accent);text-decoration:none;transition:color 0.2s;}
a:hover{text-decoration:none;color:#6ee7b7;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}
/* === NAVBAR === */
.navbar{background:var(--nav-bg);backdrop-filter:blur(30px) saturate(1.3);-webkit-backdrop-filter:blur(30px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,0.03);padding:10px 0;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(255,255,255,0.015);}
.nav-inner{display:flex;align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:0 24px;}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--text-primary);text-decoration:none;}
.logo-icon{color:var(--accent);font-size:1.2rem;}
/* === SEARCH === */
.search-form{flex:1;display:flex;max-width:420px;}
.search-form input{flex:1;padding:10px 16px;border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:rgba(255,255,255,0.03);color:var(--text-primary);font-size:0.88rem;font-family:inherit;transition:var(--transition);}
.search-form input:focus{outline:none;border-color:rgba(34,197,94,0.4);background:var(--surface2);box-shadow:0 0 0 3px rgba(52,211,153,0.1),0 0 20px rgba(52,211,153,0.05);}
.search-form input::placeholder{color:var(--text-muted);}
.search-form button{padding:10px 16px;border:1px solid rgba(255,255,255,0.05);border-left:0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:rgba(255,255,255,0.03);color:var(--text-muted);cursor:pointer;transition:var(--transition);}
.search-form button:hover{background:var(--surface3);color:var(--accent);}
/* === NAV LINKS === */
.nav-links{display:flex;align-items:center;gap:8px;}
.nav-link{color:var(--text-secondary);font-size:0.88rem;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition);font-weight:500;}
.nav-link:hover{color:var(--text-primary);background:rgba(52,211,153,0.06);text-decoration:none;}
/* === DROPDOWN === */
.nav-dropdown{position:relative!important;}
.dropdown-menu{display:none;position:absolute;top:calc(100% + 12px);right:-8px;min-width:260px;background:linear-gradient(160deg,rgba(15,20,30,0.96) 0%,rgba(10,14,22,0.98) 100%);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-lg);padding:10px;box-shadow:0 24px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(52,211,153,0.04);z-index:1000;opacity:0;transform:translateY(-10px) scale(0.96);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.dropdown-menu.show{display:block!important;opacity:1!important;transform:translateY(0) scale(1)!important;}
.dropdown-item{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--radius-sm);color:rgba(255,255,255,0.55);font-size:0.88rem;font-weight:500;transition:all 0.2s cubic-bezier(0.16,1,0.3,1);text-decoration:none;position:relative;}
.dropdown-item:hover{background:rgba(52,211,153,0.06);color:rgba(255,255,255,0.95);transform:translateX(4px);text-decoration:none;}
.dropdown-item:active{transform:scale(0.97);transition-duration:0.1s;}
.dropdown-item .di-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:0.9rem;flex-shrink:0;transition:all 0.2s;}
.dropdown-item:hover .di-icon{transform:scale(1.1);}
.di-icon.purple{background:rgba(168,130,255,0.1);}
.di-icon.green{background:rgba(52,211,153,0.1);}
.di-icon.blue{background:rgba(59,130,246,0.1);}
.di-icon.yellow{background:rgba(251,191,36,0.1);}
.di-icon.red{background:rgba(248,113,113,0.1);}
.di-icon.gray{background:rgba(255,255,255,0.05);}
.dropdown-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);margin:8px 12px;}
.dropdown-header{padding:12px 16px 4px;color:rgba(255,255,255,0.22);font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;}
.points-badge{margin-left:auto;background:linear-gradient(135deg,rgba(251,191,36,0.12),rgba(245,158,11,0.06));color:#fbbf24;padding:3px 10px;border-radius:8px;font-size:0.72rem;font-weight:700;border:1px solid rgba(251,191,36,0.12);}
/* === NAV USER === */
.nav-user{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--radius);cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);border:1px solid transparent;color:var(--text-secondary);text-decoration:none;}
.nav-user:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.06);text-decoration:none;}
.nav-user:active{transform:scale(0.97);}
.avatar-sm{width:34px;height:34px;border-radius:11px;object-fit:cover;border:2px solid rgba(255,255,255,0.08);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.nav-dropdown:hover .avatar-sm{border-color:rgba(52,211,153,0.4);box-shadow:0 0 16px rgba(52,211,153,0.15);}
/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:0.88rem;cursor:pointer;border:none;transition:var(--transition);font-family:inherit;letter-spacing:-0.01em;}
.btn-sm{padding:7px 16px;font-size:0.82rem;}
.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent2) 100%);color:#000;box-shadow:0 2px 12px rgba(34,197,94,0.25);}
.btn-primary:hover{box-shadow:0 4px 20px rgba(34,197,94,0.35);transform:translateY(-1px);text-decoration:none;}
.btn-primary:active{transform:translateY(0);}
.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary);}
.btn-ghost:hover{border-color:rgba(34,197,94,0.4);color:var(--accent);background:rgba(34,197,94,0.05);text-decoration:none;}
.btn-accent{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 12px rgba(52,211,153,0.2),0 0 0 1px rgba(52,211,153,0.1);font-weight:600;letter-spacing:-0.01em;}
.btn-accent:hover{box-shadow:0 6px 24px rgba(52,211,153,0.3),0 0 0 1px rgba(52,211,153,0.15);transform:translateY(-2px);}
.btn-block{width:100%;}
.btn[disabled]{opacity:0.4;cursor:not-allowed;pointer-events:none;}
/* === MAIN === */
.main-content{min-height:calc(100vh - 200px);padding:28px 0;position:relative;z-index:1;}
/* === HOME LAYOUT === */
.home-layout{display:grid!important;grid-template-columns:280px 1fr!important;gap:28px!important;}
.sidebar{position:sticky;top:80px;height:fit-content;}
.sidebar-card{background:var(--card-bg);border-radius:16px;padding:18px;margin-bottom:16px;border:1px solid var(--border);transition:var(--transition);box-shadow:var(--card-shadow);}
.sidebar-card:hover{border-color:rgba(52,211,153,0.08);box-shadow:var(--card-shadow-hover);}
.sidebar-title{font-size:0.9rem;margin-bottom:14px;color:var(--text-primary);font-weight:700;letter-spacing:-0.02em;}
.category-list{list-style:none;}
.category-list li a{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:0.88rem;font-weight:500;transition:var(--transition);}
.category-list li a:hover,.category-list li a.active{background:rgba(52,211,153,0.06);color:var(--accent);text-decoration:none;}
.cat-count{background:rgba(255,255,255,0.04);padding:2px 9px;border-radius:20px;font-size:0.72rem;color:var(--text-muted);font-weight:600;min-width:24px;text-align:center;}
.hot-list{list-style:none;}
.hot-list li{margin-bottom:2px;}
.hot-list li a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:0.85rem;transition:var(--transition);}
.hot-list li a:hover{color:var(--accent);background:rgba(255,255,255,0.03);text-decoration:none;}
.hot-rank{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;background:rgba(255,255,255,0.04);color:var(--text-muted);}
.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;}
.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#000;}
.rank-3{background:linear-gradient(135deg,#d4a574,#b8845a);color:#000;}
/* === POST CARDS === */
.post-list{display:flex;flex-direction:column;gap:10px;}
.post-card{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--card-shadow);}
.post-card:hover{border-color:rgba(52,211,153,0.15);box-shadow:0 8px 32px rgba(0,0,0,0.45),0 0 0 1px rgba(52,211,153,0.06);transform:translateY(-2px);}
.post-card-body{padding:20px;}
.post-meta-top{display:flex;gap:8px;margin-bottom:10px;}
.tag{padding:3px 10px;border-radius:8px;font-size:0.72rem;font-weight:700;letter-spacing:0.02em;}
.tag-type.free{background:rgba(34,197,94,0.12);color:#22c55e;}
.tag-type.paid{background:rgba(245,158,11,0.12);color:#f59e0b;}
.tag-cat{background:var(--surface2);color:var(--text-muted);}
.post-card-title{font-size:1.05rem;margin-bottom:10px;line-height:1.5;}
.post-card-title a{color:var(--text-primary);transition:color 0.2s;}
.post-card-title a:hover{color:var(--accent);}
.post-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border);}
.post-author{display:flex;align-items:center;gap:8px;}
.author-name{font-size:0.85rem;color:var(--text-secondary);font-weight:500;}
.post-time{font-size:0.78rem;color:var(--text-muted);}
.post-stats{display:flex;gap:14px;font-size:0.8rem;color:var(--text-muted);}
.post-stats span{display:flex;align-items:center;gap:4px;}
/* === FEED HEADER === */
.feed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.feed-filters{display:flex;gap:6px;background:var(--surface);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border);}
.filter-btn{padding:7px 18px;border-radius:8px;font-size:0.85rem;color:var(--text-muted);background:transparent;border:none;font-weight:500;transition:var(--transition);cursor:pointer;}
.filter-btn:hover{color:var(--text-primary);text-decoration:none;}
.filter-btn.active{background:var(--accent);color:#000;box-shadow:0 2px 8px rgba(34,197,94,0.2);}
/* === PAGINATION === */
.pagination{display:flex;gap:6px;margin-top:28px;justify-content:center;}
.page-link{padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);border:1px solid var(--border);font-size:0.85rem;font-weight:500;transition:var(--transition);}
.page-link:hover{border-color:rgba(34,197,94,0.4);color:var(--accent);text-decoration:none;}
.page-link.active{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 2px 8px rgba(34,197,94,0.2);}
/* === AUTH === */
.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);}
.auth-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;border:1px solid var(--border);box-shadow:var(--shadow);}
.auth-header{text-align:center;margin-bottom:28px;}
.auth-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-0.5px;}
.auth-header p{color:var(--text-muted);font-size:0.9rem;margin-top:6px;}
.auth-form .form-group{margin-bottom:18px;}
.auth-form label{display:block;margin-bottom:8px;font-size:0.88rem;color:var(--text-secondary);font-weight:500;}
.auth-form input,.auth-form select,.auth-form textarea{width:100%;padding:11px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);font-size:0.9rem;font-family:inherit;transition:var(--transition);}
.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{outline:none;border-color:rgba(34,197,94,0.5);box-shadow:0 0 0 3px rgba(52,211,153,0.1),0 0 20px rgba(52,211,153,0.05);}
.auth-footer{text-align:center;margin-top:20px;font-size:0.85rem;color:var(--text-muted);}
/* === FORM === */
.form-group{margin-bottom:18px;}
.form-group label{display:block;margin-bottom:8px;font-size:0.88rem;color:var(--text-secondary);font-weight:500;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text-primary);font-size:0.9rem;font-family:inherit;transition:var(--transition);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:rgba(34,197,94,0.5);box-shadow:0 0 0 3px rgba(52,211,153,0.1),0 0 20px rgba(52,211,153,0.05);}
/* === ALERTS === */
.alert{padding:14px 0;font-size:0.88rem;font-weight:500;}
.alert-success{color:#22c55e;background:rgba(34,197,94,0.06);border-bottom:1px solid rgba(34,197,94,0.1);}
.alert-error{color:#ef4444;background:rgba(239,68,68,0.06);border-bottom:1px solid rgba(239,68,68,0.1);}
/* === EMPTY === */
.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted);border-radius:16px;background:var(--card-bg);border:1px solid var(--border);}
.empty-icon{font-size:3rem;margin-bottom:16px;opacity:0.5;}
.empty-state p{font-size:0.95rem;}
/* === ANNOUNCEMENT === */
.announcement-bar{background:linear-gradient(90deg,rgba(34,197,94,0.06),rgba(16,185,129,0.04));padding:10px 24px;text-align:center;font-size:0.85rem;color:var(--accent);border-bottom:1px solid rgba(34,197,94,0.1);font-weight:500;}
/* === FOOTER === */
.footer{padding:32px 0;text-align:center;color:var(--text-muted);font-size:0.82rem;border-top:1px solid rgba(255,255,255,0.03);margin-top:48px;background:transparent;}
.footer-links{margin-top:10px;}
.footer-links a{margin:0 14px;color:var(--text-muted);transition:color 0.2s;}
.footer-links a:hover{color:var(--accent);}
/* === RANK === */
.rank-tabs{display:flex;gap:8px;margin-bottom:24px;}
.rank-list{display:flex;flex-direction:column;gap:10px;}
.rank-item{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);transition:var(--transition);}
.rank-item:hover{border-color:rgba(255,255,255,0.1);}
.rank-number{width:36px;text-align:center;font-weight:800;color:var(--text-muted);font-size:1.15rem;}
.rank-info{flex:1;}
.rank-name{font-weight:600;color:var(--text-primary);font-size:0.95rem;}
.rank-value{font-weight:700;color:var(--accent);}
/* === BELL === */
.bell-icon{font-size:1.1rem;position:relative;}
.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#f43f5e;border-radius:50%;border:2px solid var(--bg);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.6;transform:scale(0.8);}}
/* === MARKDOWN === */
.markdown-body{line-height:1.75;color:var(--text-primary);}
.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:1.5em 0 0.5em;font-weight:700;}
.markdown-body p{margin:0.8em 0;}
.markdown-body code{background:var(--surface2);padding:2px 6px;border-radius:4px;font-size:0.88em;}
.markdown-body pre{background:var(--surface);padding:16px;border-radius:var(--radius-sm);overflow-x:auto;border:1px solid var(--border);}
.markdown-body img{max-width:100%;border-radius:var(--radius-sm);}
.markdown-body blockquote{border-left:3px solid var(--accent);padding-left:16px;color:var(--text-secondary);margin:1em 0;}
.markdown-body ul,.markdown-body ol{padding-left:24px;margin:0.8em 0;}
.markdown-body table{width:100%;border-collapse:collapse;margin:1em 0;}
.markdown-body th,.markdown-body td{padding:10px 14px;border:1px solid var(--border);text-align:left;}
.markdown-body th{background:var(--surface);font-weight:600;}

/* === LOAD ANIMATIONS === */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes slideRight{from{opacity:0;transform:translateX(-12px);}to{opacity:1;transform:translateX(0);}}
.sidebar-card{animation:fadeUp 0.5s ease both;}
.sidebar-card:nth-child(2){animation-delay:0.08s;}
.sidebar-card:nth-child(3){animation-delay:0.16s;}
.post-card{animation:fadeUp 0.4s ease both;}
.post-card:nth-child(2){animation-delay:0.06s;}
.post-card:nth-child(3){animation-delay:0.12s;}
.post-card:nth-child(4){animation-delay:0.18s;}
.post-card:nth-child(5){animation-delay:0.24s;}

/* === SIDEBAR ENHANCED === */
.sidebar-card{position:relative;overflow:hidden;}
.sidebar-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);}
.sidebar-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.2);}

/* === CATEGORY ENHANCED === */
.category-list li a{position:relative;overflow:hidden;}
.category-list li a::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transition:transform 0.2s ease;border-radius:0 2px 2px 0;}
.category-list li a:hover::before,.category-list li a.active::before{transform:scaleY(1);}
.category-list li a.active{background:rgba(34,197,94,0.08);color:var(--accent);font-weight:600;}
.cat-count{transition:all 0.2s;}
.category-list li a:hover .cat-count{background:rgba(34,197,94,0.1);color:var(--accent);}

/* === HOT LIST ENHANCED === */
.hot-list li a{position:relative;padding:8px 10px;border-radius:8px;}
.hot-list li:hover a{background:rgba(255,255,255,0.03);}

/* === EMPTY STATE ENHANCED === */
.empty-state{position:relative;overflow:hidden;}
.empty-state::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(34,197,94,0.05) 0%,transparent 70%);pointer-events:none;}
.empty-state p{font-size:1rem;color:var(--text-muted);margin-top:12px;}

/* === SCROLLBAR === */
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.1);}

/* === SELECTION === */
::selection{background:rgba(34,197,94,0.25);color:#fff;}

/* === NAVBAR BORDER GLOW === */
.navbar{border-bottom:1px solid var(--border);position:relative;}
.navbar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 10%,rgba(34,197,94,0.2) 30%,rgba(34,197,94,0.4) 50%,rgba(34,197,94,0.2) 70%,transparent 90%);}

/* === SEARCH GLOW === */
.search-form input:focus{border-color:rgba(34,197,94,0.4);box-shadow:0 0 0 3px rgba(34,197,94,0.06),0 2px 12px rgba(0,0,0,0.2);}

/* === POST CARD SHINE ON HOVER === */
.post-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,0.3),transparent);opacity:0;transition:opacity 0.3s;}
.post-card{position:relative;}
.post-card:hover::after{opacity:1;}

/* === VIP BADGE SHIMMER === */
.badge-vip{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#000;padding:2px 8px;border-radius:6px;font-size:0.7rem;font-weight:700;}

/* === SIDEBAR CARD TOP ACCENT === */
.sidebar-card h3.sidebar-title{position:relative;padding-bottom:12px;margin-bottom:16px;}
.sidebar-card h3.sidebar-title::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:1px;}

/* === CATEGORY ITEM ENHANCED === */
.category-list li{margin:1px 0;}
.category-list li a{padding:10px 14px;border-radius:10px;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);border-left:3px solid transparent;}
.category-list li a:hover{padding-left:18px;background:rgba(255,255,255,0.03);}
.category-list li a.active{background:rgba(34,197,94,0.1);border-left-color:var(--accent);font-weight:600;}
.category-list li a:hover .cat-count{color:var(--accent);transform:scale(1.1);}
.cat-count{transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:28px;}

/* === SIDEBAR CARD GLOW ON HOVER === */
.sidebar-card{position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.sidebar-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(34,197,94,0.2),transparent);opacity:0;transition:opacity 0.3s;}
.sidebar-card:hover::after{opacity:1;}

/* === HOT LIST NUMBER GLOW === */
.hot-rank{transition:all 0.25s cubic-bezier(0.4,0,0.2,1);font-size:0.72rem;font-weight:800;}
.hot-list li:hover .hot-rank{transform:scale(1.15);}
.rank-1{box-shadow:0 2px 8px rgba(251,191,36,0.3);}
.rank-2{box-shadow:0 2px 8px rgba(148,163,184,0.2);}
.rank-3{box-shadow:0 2px 8px rgba(212,165,116,0.2);}

/* === FEED FILTER ENHANCED === */
.feed-filters{background:var(--surface);padding:5px;border-radius:var(--radius-sm);border:1px solid var(--border);gap:4px;}
.filter-btn{padding:8px 24px;border-radius:8px;font-size:0.85rem;color:var(--text-muted);background:transparent;border:none;font-weight:600;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);cursor:pointer;letter-spacing:0.01em;}
.filter-btn:hover{color:var(--text-primary);text-decoration:none;background:rgba(255,255,255,0.03);}
.filter-btn.active{background:var(--accent);color:#000;box-shadow:0 2px 12px rgba(34,197,94,0.3);font-weight:700;}

/* === POST CARD ENHANCED === */
.post-card{transition:all 0.35s cubic-bezier(0.4,0,0.2,1);}
.post-card:hover{transform:translateY(-3px);border-color:rgba(34,197,94,0.25);box-shadow:0 12px 40px rgba(0,0,0,0.25),0 0 0 1px rgba(34,197,94,0.1);}
.post-card-title a{transition:color 0.2s;}
.post-card-title a:hover{color:var(--accent);}
.post-stats span{transition:all 0.2s;display:inline-flex;align-items:center;gap:4px;}
.post-stats span:hover{color:var(--accent);}

/* === TAG ENHANCED === */
.tag{transition:all 0.2s;letter-spacing:0.02em;}
.tag-type.free{background:rgba(34,197,94,0.1);color:#22c55e;border:1px solid rgba(34,197,94,0.15);}
.tag-type.paid{background:rgba(245,158,11,0.1);color:#f59e0b;border:1px solid rgba(245,158,11,0.15);}

/* === EMPTY STATE ENHANCED === */
.empty-state{position:relative;padding:80px 20px 60px;}
.empty-state::before{content:'';position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(34,197,94,0.04) 0%,transparent 70%);pointer-events:none;animation:emptyGlow 4s ease-in-out infinite;}
@keyframes emptyGlow{0%,100%{opacity:0.5;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2);}}
.empty-state > div:first-child{position:relative;z-index:1;opacity:0.15;font-size:5rem;margin-bottom:4px;filter:drop-shadow(0 0 20px rgba(34,197,94,0.1));}
.empty-state p{position:relative;z-index:1;line-height:1.8;}

/* === INPUT FOCUS GLOW === */
.search-form input:focus{border-color:rgba(34,197,94,0.3);box-shadow:0 0 0 4px rgba(34,197,94,0.06),inset 0 1px 3px rgba(0,0,0,0.1);}

/* === MAIN CONTENT SUBTLE BG === */
.main-content{background:transparent;}

/* === SIDEBAR STICKY ENHANCED === */
.sidebar{position:sticky;top:76px;height:fit-content;padding-top:4px;}

/* === FOOTER ENHANCED === */
.footer{position:relative;overflow:hidden;}
.footer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:linear-gradient(90deg,transparent,rgba(34,197,94,0.15),transparent);}
.footer-links a{transition:all 0.2s;position:relative;}
.footer-links a::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transition:transform 0.3s;}
.footer-links a:hover::after{transform:scaleX(1);}

/* === BUTTON PRESS EFFECT === */
.btn:active{transform:scale(0.97) !important;}
.btn-primary:active{box-shadow:0 1px 4px rgba(34,197,94,0.2);}

/* === PAGE HEADER TITLE === */
.page-header{text-align:center;margin-bottom:32px;animation:fadeUp 0.5s ease both;}
.page-header h1{font-size:1.8rem;font-weight:800;letter-spacing:-0.5px;margin-bottom:8px;}
.page-header p{color:var(--text-muted);font-size:0.9rem;}

/* === RANK CARD ENHANCED === */
.rank-item{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}
.rank-item:hover{transform:translateX(4px);border-color:rgba(255,255,255,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.15);}
.rank-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity 0.3s;}
.rank-item:hover::before{opacity:1;}

/* === ANNOUNCEMENT BAR ENHANCED === */
.announcement-bar{background:linear-gradient(90deg,rgba(34,197,94,0.04) 0%,rgba(34,197,94,0.08) 50%,rgba(34,197,94,0.04) 100%);padding:10px 24px;text-align:center;font-size:0.85rem;color:var(--accent);border-bottom:1px solid rgba(34,197,94,0.08);font-weight:500;backdrop-filter:blur(10px);}
.announcement-bar a{color:#4ade80;font-weight:600;transition:color 0.2s;}
.announcement-bar a:hover{color:#86efac;}

/* === VIP/PAGE BACKGROUNDS === */
.vip-header{position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:40px;margin-bottom:32px;background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%);border:1px solid var(--border);}
.vip-header::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(168,130,255,0.08) 0%,transparent 70%);pointer-events:none;}

/* === WALLET CARD === */
.wallet-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%);border-radius:var(--radius);padding:24px;border:1px solid var(--border);text-align:center;transition:all 0.3s;}
.wallet-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.2);}
.wallet-amount{font-size:2rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--accent),#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:8px 0 4px;}
.wallet-label{color:var(--text-muted);font-size:0.82rem;}

/* === PREMIUM GRID TEXTURE === */
body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(rgba(255,255,255,0.015) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0;}

.sidebar-card{background:linear-gradient(160deg,rgba(20,27,40,0.95) 0%,rgba(13,17,23,0.9) 100%);border:1px solid rgba(255,255,255,0.07);box-shadow:0 2px 12px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.03);}

/* === CATEGORY ITEM PREMIUM === */
.category-list li a{border-left:2px solid transparent;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;}
.category-list li a.active{background:linear-gradient(90deg,rgba(34,197,94,0.12) 0%,rgba(34,197,94,0.02) 100%);border-left-color:var(--accent);color:var(--accent);font-weight:600;}
.category-list li a:hover{background:rgba(255,255,255,0.02);padding-left:20px;border-left-color:rgba(34,197,94,0.3);}

.post-card{background:linear-gradient(160deg,rgba(20,27,40,0.95) 0%,rgba(13,17,23,0.85) 100%);border:1px solid rgba(255,255,255,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.12),inset 0 1px 0 rgba(255,255,255,0.03);}
.post-card::before{content:'';position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.04),transparent);z-index:1;}
.post-card:hover{border-color:rgba(34,197,94,0.2);box-shadow:0 20px 60px rgba(0,0,0,0.3),0 0 0 1px rgba(34,197,94,0.05),inset 0 1px 0 rgba(255,255,255,0.03);}

/* === TAG PREMIUM === */
.tag{font-size:0.7rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:3px 10px;}
.tag-type.free{background:linear-gradient(135deg,rgba(34,197,94,0.15),rgba(16,185,129,0.08));color:#4ade80;border:1px solid rgba(34,197,94,0.12);box-shadow:0 0 12px rgba(34,197,94,0.08);}
.tag-type.paid{background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(217,119,6,0.08));color:#fbbf24;border:1px solid rgba(245,158,11,0.12);box-shadow:0 0 12px rgba(245,158,11,0.08);}

/* === SEARCH PREMIUM === */
.search-form{position:relative;}
.search-form input{background:rgba(13,17,23,0.6);border:1px solid rgba(255,255,255,0.04);backdrop-filter:blur(8px);transition:all 0.35s cubic-bezier(0.16,1,0.3,1);}
.search-form input:focus{background:rgba(13,17,23,0.9);border-color:rgba(34,197,94,0.25);box-shadow:0 0 0 4px rgba(34,197,94,0.06),0 8px 32px rgba(0,0,0,0.2);}
.search-form button{background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.04);transition:all 0.3s;}
.search-form button:hover{background:var(--accent);color:#000;border-color:var(--accent);}

/* === FILTER TABS PREMIUM === */
.feed-filters{background:rgba(13,17,23,0.6);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.04);}
.filter-btn{border-radius:8px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;}
.filter-btn.active{background:linear-gradient(135deg,#22c55e,#10b981);color:#000;box-shadow:0 2px 16px rgba(34,197,94,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;}

/* === HOT ITEM PREMIUM === */
.hot-list li a{border-radius:10px;padding:9px 12px;border-left:2px solid transparent;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.hot-list li:hover a{background:rgba(255,255,255,0.02);border-left-color:var(--accent);padding-left:16px;}
.hot-rank{width:24px;height:24px;border-radius:7px;font-size:0.72rem;font-weight:800;}
.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 2px 12px rgba(251,191,36,0.25);}

/* === BUTTON PREMIUM === */
.btn-primary{background:linear-gradient(135deg,#22c55e 0%,#16a34a 50%,#10b981 100%);box-shadow:0 2px 16px rgba(34,197,94,0.25),0 0 0 1px rgba(255,255,255,0.08) inset;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;}
.btn-primary::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.12) 0%,transparent 100%);pointer-events:none;}
.btn-primary:hover{box-shadow:0 4px 24px rgba(34,197,94,0.35),0 0 0 1px rgba(255,255,255,0.1) inset;transform:translateY(-2px);}

/* === EMPTY STATE PREMIUM === */
.empty-state{padding:80px 20px 60px;position:relative;}
.empty-state::before{content:'';position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(34,197,94,0.04) 0%,transparent 60%);animation:emptyPulse 5s ease-in-out infinite;}
@keyframes emptyPulse{0%,100%{opacity:0.4;transform:translate(-50%,-50%) scale(1);}50%{opacity:0.8;transform:translate(-50%,-50%) scale(1.15);}}

/* === FOOTER PREMIUM === */
.footer{position:relative;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(13,17,23,0.5) 100%);}

/* === NOTIFICATION BELL === */
.nav-user .bell-icon{transition:all 0.3s;}
.nav-dropdown:hover .bell-icon{transform:rotate(15deg) scale(1.1);}

/* === AVATAR HOVER === */
.avatar-sm{transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}
.nav-user:hover .avatar-sm{transform:scale(1.05);border-color:rgba(34,197,94,0.5);box-shadow:0 0 16px rgba(34,197,94,0.15);}

/* === SIDEBAR STICKY GLOW === */
.sidebar{position:sticky;top:76px;height:fit-content;padding-top:4px;}

/* === GLOBAL SCROLL REVEAL STYLES === */
.reveal{opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(0.16,1,0.3,1);}
.reveal.visible{opacity:1;transform:translateY(0);}

/* === PAGE TRANSITION === */
.main-content{animation:contentFadeIn 0.4s ease both;}
@keyframes contentFadeIn{from{opacity:0.8;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

/* === RANK PREMIUM === */
.rank-item{background:linear-gradient(135deg,rgba(13,17,23,0.95) 0%,rgba(13,17,23,0.8) 100%);border:1px solid rgba(255,255,255,0.04);backdrop-filter:blur(8px);}
.rank-item:nth-child(1){border-color:rgba(251,191,36,0.15);box-shadow:0 0 20px rgba(251,191,36,0.05);}
.rank-item:nth-child(2){border-color:rgba(148,163,184,0.1);}
.rank-item:nth-child(3){border-color:rgba(212,165,116,0.1);}

/* === ANNOUNCEMENT PREMIUM === */
.announcement-bar{background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,0.06) 30%,rgba(34,197,94,0.08) 50%,rgba(34,197,94,0.06) 70%,transparent 100%);border-bottom:1px solid rgba(34,197,94,0.06);backdrop-filter:blur(12px);}

/* === GLOBAL LINK TRANSITION === */
a{transition:all 0.25s cubic-bezier(0.4,0,0.2,1);}

/* === CARD INSET SHADOW === */
.sidebar-card,.post-card,.rank-item{box-shadow:inset 0 1px 0 rgba(255,255,255,0.02);}

/* === VISIBLE UPGRADE V4 === */

/* Navbar底部渐变加强 */
.navbar{background:rgba(8,12,20,0.92);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent 5%,rgba(34,197,94,0.3) 30%,rgba(34,197,94,0.5) 50%,rgba(34,197,94,0.3) 70%,transparent 95%) 1;}

/* 搜索框样式加强 */
.search-form input{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);padding:10px 18px;font-size:0.9rem;}
.search-form input::placeholder{color:rgba(255,255,255,0.2);}
.search-form button{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-left:0;padding:10px 18px;}

/* 分类卡片标题增强 */
.sidebar-card h3{font-size:0.92rem;display:flex;align-items:center;gap:8px;}
.sidebar-card h3::before{content:'';display:inline-block;width:3px;height:14px;background:var(--accent);border-radius:2px;flex-shrink:0;}

/* 分类列表项美化 */
.category-list li a{padding:10px 14px;border-radius:10px;border-left:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);margin:2px 0;}
.category-list li a:hover{background:rgba(255,255,255,0.03);transform:translateX(4px);}
.category-list li a.active{background:linear-gradient(90deg,rgba(34,197,94,0.15) 0%,rgba(34,197,94,0.03) 100%);color:var(--accent);font-weight:600;box-shadow:0 0 20px rgba(34,197,94,0.05);}
.cat-count{background:rgba(255,255,255,0.04);padding:2px 10px;border-radius:20px;font-size:0.7rem;color:var(--text-muted);border:1px solid rgba(255,255,255,0.04);}

/* 热门列表增强 */
.hot-list li{margin-bottom:4px;}
.hot-list li a{padding:10px 12px;border-radius:10px;border-left:none;}
.hot-list li:hover a{background:rgba(255,255,255,0.03);transform:translateX(4px);}

/* 签到按钮大幅增强 */
.btn-accent{background:linear-gradient(135deg,#22c55e 0%,#16a34a 50%,#10b981 100%);color:#000;font-weight:700;letter-spacing:0.02em;box-shadow:0 4px 24px rgba(34,197,94,0.3),0 0 0 1px rgba(255,255,255,0.15) inset;position:relative;overflow:hidden;}
.btn-accent::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,0.2) 0%,transparent 100%);pointer-events:none;}
.btn-accent:hover{box-shadow:0 8px 32px rgba(34,197,94,0.4),0 0 0 1px rgba(255,255,255,0.15) inset;transform:translateY(-1px);}

/* 统计卡片增强 */
.stats-bar > div{transition:all 0.3s cubic-bezier(0.16,1,0.3,1);cursor:default;}
.stats-bar > div:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(0,0,0,0.3);}

/* 筛选按钮更明显 */
.feed-filters{background:rgba(13,17,23,0.8);border:1px solid rgba(255,255,255,0.06);}
.filter-btn{font-weight:600;letter-spacing:0.03em;}
.filter-btn.active{box-shadow:0 2px 16px rgba(34,197,94,0.35),inset 0 1px 0 rgba(255,255,255,0.2);}

/* 空状态增强 */
.empty-state{position:relative;}
.empty-state::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(34,197,94,0.04) 0%,transparent 70%);pointer-events:none;animation:emptyPulse 4s ease-in-out infinite;}
.empty-state > div:first-child{opacity:0.12!important;font-size:5rem!important;}
.empty-state > p:first-of-type{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin-top:16px;}
.empty-state > p:last-of-type{font-size:0.85rem;color:var(--text-muted);margin-top:4px;}

/* 发布资源按钮增强 */
.btn-primary{box-shadow:0 2px 16px rgba(34,197,94,0.3),inset 0 1px 0 rgba(255,255,255,0.15);}

/* Footer增强 */
.footer{background:linear-gradient(180deg,transparent,rgba(0,0,0,0.2));padding:36px 0;}
.footer-links a{color:var(--text-muted);transition:all 0.3s;padding:4px 8px;border-radius:6px;}
.footer-links a:hover{color:var(--accent);background:rgba(34,197,94,0.06);text-decoration:none;}

/* 全局卡片hover统一效果 */
.sidebar-card,.post-card,.stats-bar > div{transition:all 0.35s cubic-bezier(0.16,1,0.3,1);}

/* === V5 MAJOR VISUAL UPGRADE === */

/* 全局卡片统一升级 - 更大圆角 + 更明显边框 + 发光 */
.sidebar-card{
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.08);
  background:linear-gradient(160deg,rgba(16,23,36,0.98) 0%,rgba(10,14,22,0.95) 100%);
  box-shadow:0 2px 16px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.03) inset;
  padding:20px;
}

/* 分类列表升级 - 更好的间距和交互 */
.category-list li a{
  padding:11px 16px;
  border-radius:10px;
  margin:1px 0;
  font-size:0.9rem;
  color:rgba(255,255,255,0.55);
  transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
  border-left:none;
}
.category-list li a:hover{
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.85);
  transform:translateX(6px);
}
.category-list li a.active{
  background:linear-gradient(90deg,rgba(34,197,94,0.18) 0%,rgba(34,197,94,0.04) 100%);
  color:#4ade80;
  font-weight:600;
  box-shadow:0 0 24px rgba(34,197,94,0.06);
  border-left:3px solid var(--accent);
  padding-left:13px;
}

/* 热门列表升级 */
.hot-list li a{
  padding:10px 14px;
  border-radius:10px;
  gap:10px;
  color:rgba(255,255,255,0.5);
  font-size:0.88rem;
  border-left:none;
  transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
}
.hot-list li:hover a{
  background:rgba(255,255,255,0.03);
  color:rgba(255,255,255,0.8);
  transform:translateX(6px);
}
.hot-rank{
  width:26px;height:26px;border-radius:8px;
  font-size:0.72rem;font-weight:800;
  background:rgba(255,255,255,0.04);
  color:var(--text-muted);
}
.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000;box-shadow:0 2px 12px rgba(251,191,36,0.3);}
.rank-2{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#1e293b;box-shadow:0 2px 10px rgba(148,163,184,0.25);}
.rank-3{background:linear-gradient(135deg,#d4a574,#b8845a);color:#1e293b;box-shadow:0 2px 10px rgba(212,165,116,0.25);}

/* 统计卡片大升级 */
.stats-bar > div{
  border-radius:16px;
  background:linear-gradient(160deg,rgba(16,23,36,0.98) 0%,rgba(10,14,22,0.95) 100%);
  border:1px solid rgba(255,255,255,0.06);
  box-shadow:0 2px 16px rgba(0,0,0,0.15);
  position:relative;
  overflow:hidden;
}
.stats-bar > div::before{
  content:'';position:absolute;top:0;left:20px;right:20px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.08),transparent);
}
.stats-bar > div::after{
  content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.04),transparent);
}

/* 帖子卡片升级 */
.post-card{
  border-radius:16px;
  border:1px solid rgba(255,255,255,0.06);
  background:linear-gradient(160deg,rgba(16,23,36,0.98) 0%,rgba(10,14,22,0.95) 100%);
  box-shadow:0 2px 12px rgba(0,0,0,0.15);
  padding:0;
}
.post-card-body{padding:22px;}

/* 筛选栏升级 */
.feed-filters{
  background:rgba(13,17,23,0.8);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:12px;
  padding:5px;
  gap:4px;
}
.filter-btn{
  padding:9px 28px;
  border-radius:9px;
  font-weight:600;
  font-size:0.88rem;
  letter-spacing:0.02em;
}
.filter-btn.active{
  background:linear-gradient(135deg,#22c55e,#10b981);
  color:#000;
  box-shadow:0 2px 16px rgba(34,197,94,0.35),inset 0 1px 0 rgba(255,255,255,0.2);
  font-weight:700;
}

/* 空状态终极美化 */
.empty-state{
  padding:100px 20px 80px;
  position:relative;
}
.empty-state::before{
  content:'';position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);
  width:300px;height:300px;
  background:radial-gradient(circle,rgba(34,197,94,0.06) 0%,transparent 60%);
  animation:emptyPulse 5s ease-in-out infinite;
}
.empty-state::after{
  content:'';position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);
  width:500px;height:200px;
  background:radial-gradient(ellipse,rgba(34,197,94,0.03) 0%,transparent 60%);
  animation:emptyPulse 5s ease-in-out infinite reverse;
}

/* 搜索框升级 */
.search-form input{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:12px 0 0 12px;
  padding:11px 18px;
  font-size:0.9rem;
}
.search-form button{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-left:0;
  border-radius:0 12px 12px 0;
  padding:11px 18px;
}

/* 签到卡片特殊效果 */
.sidebar-card:first-child{
  background:linear-gradient(160deg,rgba(16,30,20,0.98) 0%,rgba(10,18,14,0.95) 100%);
  border-color:rgba(34,197,94,0.12);
}

/* 标签升级 */
.tag{font-size:0.7rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:4px 12px;border-radius:8px;}
.tag-type.free{
  background:linear-gradient(135deg,rgba(34,197,94,0.2),rgba(34,197,94,0.08));
  color:#4ade80;
  border:1px solid rgba(34,197,94,0.2);
  box-shadow:0 0 16px rgba(34,197,94,0.08);
}
.tag-type.paid{
  background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.08));
  color:#fbbf24;
  border:1px solid rgba(245,158,11,0.2);
  box-shadow:0 0 16px rgba(245,158,11,0.08);
}

/* 页面标题区统一 */
.page-header h1{font-size:2rem;font-weight:800;letter-spacing:-0.5px;}
.page-header h1::after{content:'';display:block;width:40px;height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:2px;margin:12px auto 0;}

/* 排行榜升级 */
.rank-item{
  border-radius:16px;
  background:linear-gradient(160deg,rgba(16,23,36,0.98) 0%,rgba(10,14,22,0.95) 100%);
  border:1px solid rgba(255,255,255,0.06);
  padding:16px 20px;
}
.rank-item:nth-child(1){border-color:rgba(251,191,36,0.15);box-shadow:0 0 24px rgba(251,191,36,0.06);}
.rank-item:nth-child(2){border-color:rgba(148,163,184,0.1);box-shadow:0 0 20px rgba(148,163,184,0.04);}
.rank-item:nth-child(3){border-color:rgba(212,165,116,0.1);box-shadow:0 0 20px rgba(212,165,116,0.04);}

/* VIP/钱包页面升级 */
.vip-header{
  border-radius:20px;
  background:linear-gradient(160deg,rgba(16,23,36,0.98) 0%,rgba(10,14,22,0.95) 100%);
  border:1px solid rgba(255,255,255,0.06);
}

/* 认证页面升级 */
.auth-card{
  border-radius:20px;
  background:linear-gradient(160deg,rgba(16,23,36,0.98) 0%,rgba(10,14,22,0.95) 100%);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 8px 40px rgba(0,0,0,0.3);
}

/* 页脚升级 */
.footer{
  background:linear-gradient(180deg,transparent,rgba(0,0,0,0.3));
  padding:40px 0;
  border-top:1px solid rgba(255,255,255,0.04);
}
.footer::before{
  content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:300px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(34,197,94,0.2),transparent);
}

/* 滚动条升级 */
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:4px;border:2px solid var(--bg);}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.12);}



/* === MOBILE OPTIMIZATION V3 === */

.mobile-toggle{
  display:none;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:10px;
  background:var(--surface);border:1px solid var(--border);
  color:var(--text-secondary);cursor:pointer;font-size:1.1rem;
  transition:all 0.2s;flex-shrink:0;order:-1;
}
.mobile-toggle:active{transform:scale(0.92);background:var(--border);}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.65);z-index:200;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity 0.3s;}
.sidebar-overlay.show{display:block;opacity:1;}

/* ---- Tablet (768px) ---- */
@media (max-width:768px){
  .mobile-toggle{display:flex;}
  .nav-links .btn-primary[href="/posts/create"]{display:none!important;}
  .nav-inner{gap:8px;padding:0 12px;}
  .search-form{flex:1;min-width:0;}
  .search-form input{padding:8px 12px;font-size:0.82rem;}
  .search-form button{padding:8px 10px;}
  .nav-user{padding:4px 6px;white-space:nowrap;}
  .nav-user span{display:none;}
  .avatar-sm{width:28px;height:28px;}

  .home-layout{display:flex;flex-direction:column;gap:12px;}

  /* Sidebar drawer */
  .sidebar{
    position:fixed!important;top:0;left:0;bottom:0;
    width:280px;max-width:80vw;z-index:300;
    background:var(--bg);padding:20px 16px;
    overflow-y:auto;transform:translateX(-100%);
    transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);
    border-right:1px solid var(--border);
    height:auto!important;max-height:100vh;
    overscroll-behavior:contain;
  }
  .sidebar.mobile-show{transform:translateX(0);}

  /* Stats 2x2 */
  .stats-bar{grid-template-columns:repeat(2,1fr);gap:10px;}
  .stats-bar > div{padding:14px 8px 12px;border-radius:14px;}
  .stats-bar > div > div:first-of-type{font-size:1.3rem!important;}
  .stats-bar > div > div:last-of-type{font-size:0.7rem!important;}

  /* Feed header */
  .feed-header{flex-wrap:wrap;gap:8px;margin-bottom:12px;}
  .filter-btn{padding:7px 18px;font-size:0.82rem;}

  /* Post card compact */
  .post-card-body{padding:14px;}
  .post-card-title{font-size:0.92rem;}
  .post-card-meta{font-size:0.72rem;gap:6px;}
  .post-card-info .badge{font-size:0.65rem;padding:2px 7px;}

  .container{padding:0 14px;}
  .main-content{padding:14px 0;}
  .empty-state{padding:40px 16px 24px;}
  .btn-accent{padding:12px 18px;font-size:0.88rem;border-radius:50px;}

  .footer{padding:20px 0;}
  .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
  .footer-links a{margin:0;}
  .dropdown-menu{right:-10px;min-width:230px;}
  .announcement-bar{font-size:0.78rem;padding:8px 12px;}
}

/* ---- Phone (480px) ---- */
@media (max-width:480px){
  .nav-inner{gap:6px;padding:0 10px;}
  .avatar-sm{width:26px;height:26px;}

  /* Search full width */
  .nav-search-wrap{order:10;flex-basis:100%;margin-top:2px;}
  .search-form{max-width:100%;}

  /* Stats 2x2 tighter */
  .stats-bar{grid-template-columns:repeat(2,1fr);gap:8px;}
  .stats-bar > div{padding:12px 6px 10px;border-radius:12px;}
  .stats-bar > div > div:first-of-type{font-size:1.15rem!important;}
  .stats-bar > div > div:last-of-type{font-size:0.65rem!important;}

  /* Cards */
  .post-card-body{padding:12px;}
  .post-card-title{font-size:0.88rem;}
  .post-card-meta{flex-wrap:wrap;}

  /* Auth */
  .auth-card{padding:24px 18px;margin:0 12px;}

  /* Filter pills */
  .filter-btn{padding:6px 14px;font-size:0.78rem;}

  .page-header h1{font-size:1.4rem;}

  /* Sidebar narrower on phone */
  .sidebar{width:260px;}

  /* Profile cards */
  .pfs-card{flex-direction:column;text-align:center;gap:12px;}
}

/* ---- Ultra small (360px) ---- */
@media (max-width:360px){
  .stats-bar{grid-template-columns:repeat(2,1fr);gap:6px;}
  .stats-bar > div{padding:10px 4px 8px;border-radius:10px;}
  .stats-bar > div > div:first-of-type{font-size:1rem!important;}
  .nav-inner{padding:0 8px;}
  .search-form input{padding:7px 8px;font-size:0.78rem;}
}

@supports(padding:env(safe-area-inset-bottom)){
  .footer{padding-bottom:calc(20px + env(safe-area-inset-bottom));}
}