/* SheQu Community styles */
:root { --bg:#0e1217; --panel:#121826; --text:#e6edf3; --muted:#9aa4b2; --accent:#4f8cff; --danger:#ef4444; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:linear-gradient(120deg,#0b3fa8,#0d57d7 60%,#0b3fa8);color:var(--text)}
/* Header class name alignment */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(18,24,38,.85);backdrop-filter:blur(6px);border-bottom:1px solid #1f2937}
.nav .nav-link{color:#fff;text-decoration:none;margin-right:12px}

/* Admin polish */
.admin-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start;min-height:calc(100vh - 120px)}
.sidebar{width:100%;background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.2));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 12px;box-shadow:0 12px 32px rgba(0,0,0,.35);position:sticky;top:20px}
.sidebar .menu a{display:block;padding:12px 14px;border-radius:10px;color:#e7eef7;text-decoration:none;background:rgba(255,255,255,0.06);font-size:15px;font-weight:600}
.sidebar .menu a:hover{background:rgba(255,255,255,0.12)}
.sidebar .menu a.active{background:#0d57d7;color:#fff;box-shadow:0 8px 18px rgba(13,87,215,.35)}
.content{flex:1;min-width:0}
.content .grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.content .panel{background:linear-gradient(180deg, rgba(0,0,0,.40), rgba(0,0,0,.30));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.content .card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
.content .card h3{margin:0 0 10px;font-size:18px}
.content .list li{padding:10px 6px;border-bottom:1px solid rgba(255,255,255,.08)}

@media (max-width: 980px){
  .admin-layout{grid-template-columns:1fr}
  .sidebar{position:relative;top:auto}
  .content .grid{grid-template-columns:1fr}
}
.logo{font-weight:700}
/* === Artistic multicolor logo text === */
.logo .brand{
  font-size:24px;font-weight:800;text-decoration:none;
  background:linear-gradient(90deg,#ff6ec4,#7873f5,#4fd1c5,#fcb045);
  background-size:200% 100%;
  -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  letter-spacing:.3px;
  animation:brandGradient 8s ease infinite;
}
@keyframes brandGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
/* subtle readability boost on dark header */
.logo .brand{text-shadow:0 1px 0 rgba(0,0,0,.25)}
.subtitle{color:var(--muted);font-size:12px;margin-left:8px}
.nav a{color:#fff;text-decoration:none;margin-right:12px}
.nav .muted{color:var(--muted)}
.nav .user{color:var(--muted);margin-right:8px}
.container{max-width:900px;margin:24px auto;padding:0 20px}
.panel{background:var(--panel);border:1px solid #1f2937;border-radius:12px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35);margin-bottom:14px}
.title{margin:0 0 12px;font-size:20px}
.input{width:100%;padding:10px;border-radius:8px;border:1px solid #1f2937;background:#0f172a;color:#fff}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
/* Admin layout */
.admin-layout{display:flex;gap:16px;align-items:flex-start}
.sidebar{width:220px;background:rgba(0,0,0,0.25);border-radius:12px;padding:12px 10px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.sidebar .menu{display:flex;flex-direction:column;gap:6px}
.sidebar .menu a{display:block;padding:10px 12px;border-radius:8px;color:#e7eef7;text-decoration:none;background:rgba(255,255,255,0.06)}
.sidebar .menu a:hover{background:rgba(255,255,255,0.12)}
.sidebar .menu a.active{background:#0d57d7;color:#fff}
.content{flex:1;min-width:0}
.content .panel{background:rgba(0,0,0,0.35);border-radius:12px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.content .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.content .card{background:rgba(255,255,255,0.06);border-radius:10px;padding:12px}
.content .list{list-style:none;padding:0;margin:0}
.content .list li{padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
/* small helper buttons */
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#0d57d7;color:#fff;text-decoration:none}
.btn.muted{background:rgba(255,255,255,0.08);color:#e7eef7}
.btn.danger{background:#c63d3d}
.form-row{margin:8px 0}
.label{display:block;margin-bottom:6px;color:#e7eef7}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* SheQu Community styles */
:root {
  --bg: #0f4cb5;
  --panel: #16223a;
  --text: #e7eef7;
  --muted: #9fb2d0;
  --accent: #2ea6ff;
  --accent-2: #7bc3ff;
  --shadow: rgba(0,0,0,0.3);
}

/* layout container */
.container {
  width: 100%;
  max-width: 1100px; /* default wider than before */
  margin: 0 auto;
  padding: 0 16px;
}

/* wide mode expands container further */
.wide-mode .container {
  max-width: 1400px;
}

/* home content two-column layout (already added previously) */
.home-content {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 20px;
}

/* expand right column slightly in wide mode */
.wide-mode .home-content {
  grid-template-columns: 1fr 360px;
}

/* cards grid can show more columns when wide */
.cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.wide-mode .cards-grid {
  grid-template-columns: repeat(5, 1fr);
}

/* sticky right sidebar */
.home-right { position: sticky; top: 80px; }

/* Sidebar cards styling */
.sidebar-card{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;box-shadow:0 8px 18px rgba(0,0,0,.28);margin-bottom:12px}
.sidebar-card .title{margin:0 0 8px;color:var(--text);font-size:16px;font-weight:600}
.cat-list{list-style:none;margin:0;padding:0}
.cat-list li{margin:6px 0}
.cat-list a{color:var(--text);text-decoration:none}
.cat-list a:hover{color:var(--accent)}
.sidebar-card .list > div{margin:4px 0;color:var(--text)}
.rank-card{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.rank-list{list-style:decimal inside;margin:8px 0 0;padding:0}
.rank-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.rank-list li:last-child{border-bottom:none}
.rank-name{color:#fff;font-weight:600}
.rank-count{color:var(--muted)}
.user-card { background: var(--card); border-radius: 14px; box-shadow: 0 6px 16px var(--shadow); padding: 16px; }
.user-card .name { font-size: 18px; font-weight: 600; color: var(--text); }
.user-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.avatar-lg { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #2ea6ff, #7bc3ff); box-shadow: inset 0 0 0 3px rgba(255,255,255,0.08); }
.avatar-xs { width:24px; height:24px; border-radius:50%; display:inline-block; vertical-align:middle; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08); }
.muted { color: var(--muted); }

/* responsive fallback */
@media (max-width: 820px) {
  .home-content { grid-template-columns: 1fr; }
  .wide-mode .home-content { grid-template-columns: 1fr; }
  .container { max-width: 100%; }
}

/* Auth pages layout */
.auth-layout{display:grid;grid-template-columns:1fr 520px;gap:24px;align-items:center;min-height:calc(100vh - 140px)}
.auth-left{display:flex;align-items:center;justify-content:center}
.ad-img{width:100%;max-width:700px;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
.ad-placeholder{width:100%;max-width:700px;height:300px;border-radius:16px;background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));box-shadow:0 12px 32px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}
.auth-card{box-shadow:0 14px 40px rgba(0,0,0,.35);}
@media(max-width:980px){.auth-layout{grid-template-columns:1fr}.auth-left{display:none}.auth-card{max-width:520px;margin:0 auto}}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* SheQu Community styles */
:root {
  --bg: #0f4cb5;
  --panel: #16223a;
}

/* === Home three-column layout === */
.home-layout{display:grid;grid-template-columns:240px 1fr 320px;gap:20px;align-items:start}
.home-sidebar{position:sticky;top:80px}
.home-main{min-width:0}
.home-right{position:sticky;top:80px}
@media(max-width:980px){.home-layout{grid-template-columns:1fr}.home-sidebar,.home-right{position:relative;top:auto}}
.rank-card{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px;box-shadow:0 8px 18px rgba(0,0,0,.28)}
.rank-list{list-style:decimal inside;margin:8px 0 0;padding:0}
.rank-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.rank-list li:last-child{border-bottom:none}
.rank-name{color:#fff;font-weight:600}
.rank-count{color:var(--muted)}
.user-card { background: var(--card); border-radius: 14px; box-shadow: 0 6px 16px var(--shadow); padding: 16px; }
.user-card .name { font-size: 18px; font-weight: 600; color: var(--text); }
.user-row { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.avatar-lg { width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, #2ea6ff, #7bc3ff); box-shadow: inset 0 0 0 3px rgba(255,255,255,0.08); }
.muted { color: var(--muted); }

/* responsive fallback */
@media (max-width: 820px) {
  .home-content { grid-template-columns: 1fr; }
  .wide-mode .home-content { grid-template-columns: 1fr; }
  .container { max-width: 100%; }
}

/* Auth pages layout */
.auth-layout{display:grid;grid-template-columns:1fr 520px;gap:24px;align-items:center;min-height:calc(100vh - 140px)}
.auth-left{display:flex;align-items:center;justify-content:center}
.ad-img{width:100%;max-width:700px;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12)}
.ad-placeholder{width:100%;max-width:700px;height:300px;border-radius:16px;background:linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.02));box-shadow:0 12px 32px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}
.auth-card{box-shadow:0 14px 40px rgba(0,0,0,.35);}
@media(max-width:980px){.auth-layout{grid-template-columns:1fr}.auth-left{display:none}.auth-card{max-width:520px;margin:0 auto}}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* SheQu Community styles */
:root {
  --bg: #0f4cb5;
  --panel: #16223a;
}

/* ==== Tech UI Enhancements & Header spacing ==== */
/* Make header slightly elevated and add safe spacing below */
.site-header{position:sticky;top:0;z-index:100;box-shadow:0 12px 30px rgba(0,0,0,.35)}
main.container{margin-top:36px}

/* Techy hero section for homepage */
.home-hero{position:relative;margin:8px 0 18px;padding:22px 18px;border-radius:16px;background:linear-gradient(135deg, rgba(9,14,24,.85), rgba(22,34,58,.85));border:1px solid rgba(126,195,255,.18);box-shadow:0 22px 60px rgba(0,0,0,.35);overflow:hidden}
.home-hero::before{content:"";position:absolute;inset:-2px;border-radius:18px;background:linear-gradient(135deg, rgba(78,140,255,.35), rgba(126,195,255,.18));filter:blur(32px);opacity:.58;pointer-events:none;animation:heroGlow 3.5s ease-in-out infinite alternate}
@keyframes heroGlow{from{opacity:.45;transform:translateY(0)}to{opacity:.75;transform:translateY(2px)}}
.hero-title{margin:0;font-size:28px;letter-spacing:.5px}
.hero-subtitle{margin:8px 0 12px;color:var(--muted)}
.hero-actions .btn{margin-right:10px}
.hero-decor{position:absolute;right:-40px;top:-40px;width:240px;height:240px;background:radial-gradient(closest-side, rgba(78,140,255,.35), rgba(78,140,255,0));transform:rotate(25deg)}

/* Card hover for tech feel */
.cards-grid .card{transition:transform .18s ease, box-shadow .18s ease}
.cards-grid .card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.38)}

/* Slight accent underline for section titles */
.panel .title{position:relative;padding-bottom:6px}
.panel .title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:2px;background:linear-gradient(90deg, var(--accent), var(--accent-2))}
/* light theme overrides removed */
/* === Sidebar section pills === */
.home-sidebar .menu{display:grid;gap:8px}
.home-sidebar .menu .menu-item{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(78,140,255,.18);border:1px solid rgba(126,195,255,.24);color:#e7eef7;text-decoration:none;font-weight:600}
.home-sidebar .menu .menu-item:hover{background:rgba(78,140,255,.28);border-color:rgba(126,195,255,.34)}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* === Admin dashboard layout & typography improvements === */
.admin-topbar{display:flex;gap:8px;margin-bottom:12px}
.admin-topbar .tab{display:inline-block;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:700;letter-spacing:.2px}
.admin-topbar .tab:hover{background:rgba(255,255,255,.16)}
.admin-topbar .tab.active{background:#0d57d7;color:#fff;box-shadow:0 8px 18px rgba(13,87,215,.35)}
.admin-page-header .title{font-size:22px;letter-spacing:.2px}
.admin-page-header .subtitle{color:#cfe3ff;font-size:13px}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:980px){.info-grid{grid-template-columns:1fr}}
.info-table{width:100%;border-collapse:collapse}
.info-table th{color:#cfe3ff;text-align:left;font-weight:600;padding:6px 10px;white-space:nowrap}
.info-table td{color:#e7eef7;padding:6px 10px}
.info-table tr{border-bottom:1px solid rgba(255,255,255,.08)}
/* === Post title clarity: brighter color & hover === */
.card-title{
  color:#eaf3ff; /* high-contrast on dark cards */
  text-decoration:none; font-weight:700; letter-spacing:.2px;
}
.card-title:hover{color:#ffffff;text-decoration:underline}
/* list titles inside panels (e.g., 最新讨论) */
.panel .list a{color:#eaf3ff;text-decoration:none;font-weight:600}
.panel .list a:hover{color:#ffffff;text-decoration:underline}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* Ad slots */
.ad-box { display:block; border-radius:16px; overflow:hidden; background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14); box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.ad-box img { display:block; width:100%; height:100%; object-fit:cover; }
.ad-box.placeholder { display:flex; align-items:center; justify-content:center; color:#a9b8d6; font-size:14px; }
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#0d57d7;color:#fff;text-decoration:none}
.btn.muted{background:rgba(255,255,255,0.08);color:#e7eef7}
.btn.danger{background:#c63d3d}
.form-row{margin:8px 0}
.label{display:block;margin-bottom:6px;color:#e7eef7}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
.site-footer { color: var(--muted); }
.site-footer .container { text-align: center; padding: 24px 0; }

/* User center stats strip */
.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}
.stat-strip .stat{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(13,27,42,.6);color:#e6f1ff}
.stat-strip .stat .num{font-weight:700;color:#9bd}
@media(max-width:560px){.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Fold cards (collapsible sections) */
/* SheQu Community styles */
:root { --bg:#0e1217; --panel:#121826; --text:#e6edf3; --muted:#9aa4b2; --accent:#4f8cff; --danger:#ef4444; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:linear-gradient(120deg,#0b3fa8,#0d57d7 60%,#0b3fa8);color:var(--text)}
/* Header class name alignment */
.site-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:rgba(18,24,38,.85);backdrop-filter:blur(6px);border-bottom:1px solid #1f2937}
.nav .nav-link{color:#fff;text-decoration:none;margin-right:12px}

/* existing code */

/* Fold card styles */
.fold-card{border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(13,27,42,.6);margin-top:12px;overflow:hidden}
.fold-card>summary{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;font-weight:600;color:#e6f1ff}
.fold-card>summary::-webkit-details-marker{display:none}
.fold-card>summary::after{content:'▾';display:inline-block;transform:rotate(-90deg);transition:transform .2s ease;color:#9bd}
.fold-card[open]>summary::after{transform:rotate(0)}
.fold-card .card{background:transparent;box-shadow:none;border:0;margin-top:0;padding:12px;border-top:1px solid rgba(255,255,255,.08)}
.fold-card .list li{border-bottom-color:rgba(255,255,255,.08)}
@media(max-width:560px){.fold-card{margin-top:10px}.fold-card>summary{padding:10px}.fold-card .card{padding:10px}}
/* 桌面端不折叠：隐藏summary（标题行） */
@media (min-width: 861px){
  .fold-card>summary{display:none}
}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* Ad slots */
.ad-box { display:block; border-radius:16px; overflow:hidden; background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14); box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.ad-box img { display:block; width:100%; height:100%; object-fit:cover; }
.ad-box.placeholder { display:flex; align-items:center; justify-content:center; color:#a9b8d6; font-size:14px; }
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#0d57d7;color:#fff;text-decoration:none}
.btn.muted{background:rgba(255,255,255,0.08);color:#e7eef7}
.btn.danger{background:#c63d3d}
.form-row{margin:8px 0}
.label{display:block;margin-bottom:6px;color:#e7eef7}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
.site-footer { color: var(--muted); }
.site-footer .container { text-align: center; padding: 24px 0; }

/* Breadcrumb UI */
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 10px;border-radius:10px;background:linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.breadcrumb a{color:var(--text);text-decoration:none;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.08);font-weight:600}
.breadcrumb a:hover{background:rgba(255,255,255,.14);color:#fff}
.breadcrumb .current{color:#fff;background:linear-gradient(135deg, rgba(78,140,255,.25), rgba(126,195,255,.18));border:1px solid rgba(126,195,255,.28);padding:4px 8px;border-radius:8px;font-weight:700}
.breadcrumb span{color:var(--muted)}

.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* Ad slots */
.ad-box { display:block; border-radius:16px; overflow:hidden; background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14); box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.ad-box img { display:block; width:100%; height:100%; object-fit:cover; }
.ad-box.placeholder { display:flex; align-items:center; justify-content:center; color:#a9b8d6; font-size:14px; }
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#0d57d7;color:#fff;text-decoration:none}
.btn.muted{background:rgba(255,255,255,0.08);color:#e7eef7}
.btn.danger{background:#c63d3d}
.form-row{margin:8px 0}
.label{display:block;margin-bottom:6px;color:#e7eef7}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
.site-footer { color: var(--muted); }
.site-footer .container { text-align: center; padding: 24px 0; }
/* 默认：桌面端隐藏底部悬浮导航 */
.mobile-tabbar { display: none; }
/* Mobile collapsible navigation */
.nav-toggle { display:none; background:rgba(255,255,255,.10); color:#fff; border:1px solid rgba(255,255,255,.15); border-radius:12px; padding:0; width:44px; height:36px; line-height:36px; text-align:center; font-size:20px; flex:0 0 auto; box-shadow:0 4px 12px rgba(0,0,0,.25); }
.nav-toggle:active { transform: scale(0.98); }
.nav-toggle:focus { outline:2px solid rgba(126,195,255,.45); outline-offset:2px; }
/* 新增：桌面导航和移动端折叠样式 */
.site-header .nav { display:flex; align-items:center; flex-wrap:wrap; }
@media (max-width: 860px) {
  .nav-toggle { display:flex; align-items:center; justify-content:center; margin-left:auto; }
  .site-header { padding:12px 16px; }
  .site-header .nav { position:absolute; left:0; right:0; top:100%; display:none; flex-direction:column; gap:8px; padding:10px 16px; background:rgba(18,24,38,.95); border-top:1px solid rgba(255,255,255,.12); box-shadow:0 12px 30px rgba(0,0,0,.35); z-index:101; }
  .site-header .nav.open { display:flex; }
  .site-header .nav .nav-link { margin:6px 0; }
  /* Hide homepage dashboard on mobile */
  .home-dashboard { display: none; }
  /* Mobile bottom tabbar */
  .mobile-tabbar { position: fixed; left:0; right:0; bottom:0; z-index: 999; display:block; }
  .mobile-tabbar .bar { margin: 0 12px 12px; padding: 8px 12px; border-radius: 16px; background: rgba(18,24,38,.90); border: 1px solid rgba(255,255,255,.10); box-shadow: 0 12px 28px rgba(0,0,0,.35); backdrop-filter: blur(6px); }
  .mobile-tabbar .items { display:flex; align-items:center; justify-content:space-between; }
  .mobile-tabbar .item { flex:1; text-align:center; color:#cfe2ff; text-decoration:none; font-size:12px; }
  .mobile-tabbar .item .icon { display:block; font-size:20px; line-height:20px; margin-bottom:4px; }
  .mobile-tabbar .item.active { color:#fff; }
  .mobile-tabbar .plus { position:relative; top:-18px; width:48px; height:48px; border-radius:999px; background: var(--accent); color:#fff; display:flex; align-items:center; justify-content:center; box-shadow:0 12px 24px rgba(79,140,255,.35); border: 1px solid rgba(255,255,255,.35); font-size:24px; }
}
@supports(padding: env(safe-area-inset-bottom)) {
  .mobile-tabbar .bar { padding-bottom: calc(8px + env(safe-area-inset-bottom)); }
}
/* User center mobile layout improvements */
.table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.user-center .uc-container { display:grid; grid-template-columns: 280px 1fr 1fr; gap: 12px; }
.user-center .uc-main-grid { display:grid; grid-template-columns: 280px 1fr; gap: 12px; }
.user-center .span-two { grid-column: 1 / span 2; }
@media (max-width: 980px) {
  .user-center .uc-container { grid-template-columns: 1fr !important; }
  .user-center .uc-main-grid { grid-template-columns: 1fr !important; }
  .user-center .span-two { grid-column: auto !important; }
  .user-center #messages { grid-column: auto !important; }
  .user-center .actions .btn { width: 100%; }
  .user-center .info-table { min-width: 560px; }
  .user-center .card { margin-bottom: 12px; }
}
@media (max-width: 560px) { .user-center .info-table { min-width: 480px; } }
/* Visual tune: lighten cards & headings */
.user-center .card, .user-center .rank-card { box-shadow: none !important; background: rgba(15,23,42,.88) !important; border: 1px solid rgba(255,255,255,.10) !important; border-radius: 12px !important; }
.user-center h3 { font-size: 16px; margin: 0 0 8px; color: #eaf1fb; }
.user-center .list li { border-bottom: 1px solid rgba(255,255,255,.08); }
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* Ad slots */
.ad-box { display:block; border-radius:16px; overflow:hidden; background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14); box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.ad-box img { display:block; width:100%; height:100%; object-fit:cover; }
.ad-box.placeholder { display:flex; align-items:center; justify-content:center; color:#a9b8d6; font-size:14px; }
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#0d57d7;color:#fff;text-decoration:none}
.btn.muted{background:rgba(255,255,255,0.08);color:#e7eef7}
.btn.danger{background:#c63d3d}
.form-row{margin:8px 0}
.label{display:block;margin-bottom:6px;color:#e7eef7}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
.site-footer { color: var(--muted); }
.site-footer .container { text-align: center; padding: 24px 0; }
/* Auction list cards */
.auction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (min-width:1200px){.auction-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.auction-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.auction-grid{grid-template-columns:1fr}}
.auction-card{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;box-shadow:0 8px 20px rgba(0,0,0,.28);transition:transform .16s ease, box-shadow .16s ease}
.auction-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.32)}
.auction-card .cover{border-radius:10px;overflow:hidden;margin-bottom:10px}
.auction-card .cover img{display:block;width:100%;height:160px;object-fit:cover}
.auction-card .title{font-size:16px;font-weight:700;margin:6px 0 4px;color:#eaf1fb}
.auction-card .price{margin:6px 0}
.auction-card .price .num{font-size:22px;font-weight:800;color:#ffdf73;font-variant-numeric:tabular-nums}
.auction-card .price .unit{margin-left:4px;color:var(--muted);font-size:12px}
.auction-card .meta{color:var(--muted);font-size:12px}
.auction-card .countdown-pill{margin-top:6px;display:inline-block;padding:6px 8px;border-radius:999px;background:rgba(78,140,255,.18);border:1px solid rgba(126,195,255,.24);color:#e7eef7}
.auction-card .actions{margin-top:10px}
.auction-card .actions .btn{width:100%;text-align:center}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;border:0;cursor:pointer}
.btn.danger{background:var(--danger)}
.grid{display:grid;grid-template-columns:1fr;gap:12px}
.post{background:#0f172a;border:1px solid #1f2937;border-radius:12px;padding:12px}
.post .meta{color:var(--muted);font-size:12px;margin-bottom:6px}
.post .title{font-size:18px;margin:0 0 8px}
.flashes{max-width:900px;margin:10px auto;padding:0 20px}
.flash{padding:10px;border-radius:8px;margin-bottom:8px}
.flash.success{background:#0b1628;border:1px solid #1f2937}
.flash.error{background:#1f0b0b;border:1px solid #3f1f1f}
.footer{color:var(--muted);text-align:center;padding:24px 0}
.form-row{margin-bottom:10px}
label{display:block;margin-bottom:6px;color:var(--muted)}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
/* Ad slots */
.ad-box { display:block; border-radius:16px; overflow:hidden; background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.14); box-shadow: 0 18px 40px rgba(0,0,0,.35); }
.ad-box img { display:block; width:100%; height:100%; object-fit:cover; }
.ad-box.placeholder { display:flex; align-items:center; justify-content:center; color:#a9b8d6; font-size:14px; }
.btn{display:inline-block;padding:8px 12px;border-radius:8px;background:#0d57d7;color:#fff;text-decoration:none}
.btn.muted{background:rgba(255,255,255,0.08);color:#e7eef7}
.btn.danger{background:#c63d3d}
.form-row{margin:8px 0}
.label{display:block;margin-bottom:6px;color:#e7eef7}
.input, textarea{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);color:#fff}
.site-footer { color: var(--muted); }
.site-footer .container { text-align: center; padding: 24px 0; }