/* =========================================================
   STARSCREEN V2 · 基础层：页面、顶栏、页脚、按钮、表单
   ========================================================= */
body[data-tone]{
  background:var(--ss-bg);
  color:var(--ss-text);
  font-size:14.5px;
  line-height:1.65;
}
body[data-tone]::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1100px 600px at 12% -10%,var(--ss-grain),transparent 68%),
    radial-gradient(900px 500px at 100% 0%,var(--ss-grain),transparent 70%);
}
body[data-tone] ::selection{background:var(--ss-text);color:var(--ss-bg)}
body[data-tone] .shell{width:min(calc(100% - 56px),var(--shell))}
body[data-tone] a,body[data-tone] button,body[data-tone] input{outline-offset:3px}
body[data-tone] .icon{stroke-width:1.7}
body[data-tone] .site-main{position:relative;z-index:1}
body[data-tone] h1,body[data-tone] h2,body[data-tone] h3{letter-spacing:-.025em}
body[data-tone] .eyebrow{
  margin:0 0 8px;color:var(--ss-muted);font-size:9.5px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;
}

/* header */
body[data-tone] .site-header{
  height:var(--header-h);border-bottom:1px solid var(--ss-line);
  background:color-mix(in srgb,var(--ss-bg) 88%,transparent);
  backdrop-filter:blur(18px) saturate(120%);
}
body[data-tone] .site-header.is-scrolled{
  background:color-mix(in srgb,var(--ss-bg) 97%,transparent);
  border-bottom-color:var(--ss-line-strong);
}
body[data-tone] .header-inner{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;height:100%;
}
body[data-tone] .brand{gap:10px;color:var(--ss-text)}
body[data-tone] .brand-mark{width:25px;height:25px;color:var(--ss-text);filter:none}
body[data-tone] .brand-text{font-size:18px;font-weight:750;letter-spacing:.08em}
body[data-tone] .brand-dot{color:var(--ss-muted-2);margin:0 -2px}
body[data-tone] .brand-sub{font-size:8.5px;letter-spacing:.2em;color:var(--ss-muted);font-weight:500}
body[data-tone] .main-nav{justify-content:center;gap:30px}
body[data-tone] .main-nav a{
  position:relative;padding:6px 0;color:var(--ss-muted);font-size:12.5px;font-weight:560;letter-spacing:.02em;
}
body[data-tone] .main-nav a:hover{color:var(--ss-text)}
body[data-tone] .main-nav a.is-active{color:var(--ss-text)}
body[data-tone] .main-nav a.is-active::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--ss-text);
}
body[data-tone] .header-actions{gap:10px}
body[data-tone] .header-login{color:var(--ss-muted)}
body[data-tone] .header-search{
  display:flex;align-items:center;gap:8px;width:210px;height:34px;margin-right:2px;
  padding:0 11px;border:1px solid var(--ss-line);border-radius:6px;background:transparent;color:var(--ss-muted);
  transition:.2s;
}
body[data-tone] .header-search:focus-within{border-color:var(--ss-line-strong);background:var(--ss-surface);color:var(--ss-text)}
body[data-tone] .header-search input{
  width:100%;border:0;background:transparent;color:var(--ss-text);font-size:11.5px;outline:0;
}
body[data-tone] .header-search input::placeholder{color:var(--ss-muted-2)}
body[data-tone] .header-search button{display:grid;place-items:center;color:var(--ss-muted)}
body[data-tone] .points-chip{
  border:1px solid var(--ss-line);background:transparent;color:var(--ss-text-soft);border-radius:5px;
  padding:6px 9px;font-size:10px;font-weight:600;letter-spacing:.04em;
}
body[data-tone] .user-chip-name{font-size:11.5px;color:var(--ss-text-soft)}
body[data-tone] .avatar{border:1px solid var(--ss-line);background:var(--ss-surface-2);color:var(--ss-text)}
body[data-tone] .user-pop{
  border:1px solid var(--ss-line);background:var(--ss-surface);border-radius:8px;box-shadow:var(--ss-shadow-soft);
}
body[data-tone] .user-pop a,body[data-tone] .user-pop button{color:var(--ss-text-soft);font-size:12px}
body[data-tone] .user-pop a:hover,body[data-tone] .user-pop button:hover{background:var(--ss-surface-2);color:var(--ss-text)}

/* buttons */
body[data-tone] .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:0 18px;border:1px solid transparent;border-radius:5px;
  font-size:12px;font-weight:650;letter-spacing:.02em;line-height:1;transition:.2s ease;
}
body[data-tone] .btn-primary{background:var(--ss-accent);color:var(--ss-accent-ink);border-color:var(--ss-accent)}
body[data-tone] .btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:.92}
body[data-tone] .btn-outline,body[data-tone] .btn-ghost,body[data-tone] .btn-glass{
  background:transparent;border-color:var(--ss-line-strong);color:var(--ss-text);
}
body[data-tone] .btn-outline:hover,body[data-tone] .btn-ghost:hover,body[data-tone] .btn-glass:hover{
  border-color:var(--ss-text);background:var(--ss-accent-soft);
}
body[data-tone] .btn-sm{min-height:31px;padding:0 12px;font-size:10.5px}
body[data-tone] .btn-lg{min-height:44px;padding:0 22px;font-size:12.5px}
body[data-tone] .btn-disabled{opacity:.4;pointer-events:none}
body[data-tone] .icon-btn{
  width:34px;height:34px;border-radius:5px;color:var(--ss-muted);border:1px solid transparent;
}
body[data-tone] .icon-btn:hover{color:var(--ss-text);border-color:var(--ss-line);background:var(--ss-surface)}

/* generic surfaces/forms */
body[data-tone] .panel{
  background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:10px;box-shadow:none;
}
body[data-tone] .panel-head{border-bottom:1px solid var(--ss-line)}
body[data-tone] .panel-head h2,body[data-tone] .panel-head h3{font-size:14px;font-weight:650}
body[data-tone] .text-link,body[data-tone] .section-link{color:var(--ss-muted);font-size:11px;letter-spacing:.03em}
body[data-tone] .text-link:hover,body[data-tone] .section-link:hover{color:var(--ss-text)}
body[data-tone] input,body[data-tone] select,body[data-tone] textarea{
  background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:5px;color:var(--ss-text);
}
body[data-tone] input:focus,body[data-tone] select:focus,body[data-tone] textarea:focus{
  outline:0;border-color:var(--ss-line-strong);
}
body[data-tone] .search-big{
  background:var(--ss-surface);border:1px solid var(--ss-line);border-radius:7px;box-shadow:none;
}
body[data-tone] .search-big input{background:transparent;border:0}
body[data-tone] .search-overlay-card{
  background:var(--ss-bg);border:1px solid var(--ss-line);border-radius:10px;box-shadow:var(--ss-shadow);
}
body[data-tone] .search-overlay h2{font-family:var(--font-display);font-size:32px;font-weight:500}
body[data-tone] .search-suggest a{border:1px solid var(--ss-line);background:transparent;color:var(--ss-muted);border-radius:5px}

/* footer */
body[data-tone] .site-footer{
  position:relative;margin-top:80px;padding:0;border-top:1px solid var(--ss-line);background:var(--ss-bg-soft);
}
body[data-tone] .footer-panel{padding:54px 0 24px}
body[data-tone] .footer-glow,body[data-tone] .footer-quick,body[data-tone] .footer-app{display:none}
body[data-tone] .footer-hero{
  display:flex;align-items:flex-end;justify-content:space-between;gap:40px;
  padding-bottom:28px;border-bottom:1px solid var(--ss-line);
}
body[data-tone] .footer-hero-copy h2{
  font-family:var(--font-display);font-size:clamp(26px,3.2vw,42px);font-weight:500;letter-spacing:-.02em;
}
body[data-tone] .footer-hero-copy>p:last-child{max-width:620px;margin-top:10px;color:var(--ss-muted);font-size:12px}
body[data-tone] .footer-hero-actions .btn-ghost{display:none}
body[data-tone] .footer-grid{grid-template-columns:1.6fr .7fr .7fr;gap:40px;padding:34px 0 0}
body[data-tone] .footer-brand p{color:var(--ss-muted);font-size:11.5px;max-width:360px}
body[data-tone] .footer-badges span{color:var(--ss-muted);font-size:9.5px}
body[data-tone] .footer-col h3{font-size:10px;letter-spacing:.18em;color:var(--ss-muted);margin-bottom:12px;text-transform:uppercase}
body[data-tone] .footer-col a{display:block;color:var(--ss-text-soft);font-size:11.5px;padding:4px 0}
body[data-tone] .footer-col a:hover{color:var(--ss-text)}
body[data-tone] .footer-bottom{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:34px;padding-top:18px;
  border-top:1px solid var(--ss-line);color:var(--ss-muted-2);font-size:9.5px;
}
body[data-tone] .footer-note{margin-left:auto}
body[data-tone] .footer-version{color:var(--ss-muted-2)}
body[data-tone] .mobile-tabbar{background:var(--ss-bg);border-top:1px solid var(--ss-line)}
body[data-tone] .mobile-tabbar a,body[data-tone] .mobile-tabbar button{color:var(--ss-muted)}
body[data-tone] .mobile-tabbar .is-active{color:var(--ss-text)}
body[data-tone] .to-top{background:var(--ss-surface);border:1px solid var(--ss-line);color:var(--ss-text)}

/* desktop uses the inline search; mobile keeps the icon trigger */
body[data-tone] .search-trigger{display:none}
@media(max-width:920px){
  body[data-tone] .search-trigger{display:grid}
}

/* footer: remove legacy rounded/light card so it matches the page surface */
body[data-tone] .site-footer{background:var(--ss-bg);margin-top:64px}
body[data-tone] .footer-panel{
  padding:48px 0 22px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;
}
body[data-tone] .footer-panel::before{display:none}

/* 导航与几何细节：更清楚的字重和细线标记 */
body[data-tone] .brand-text{font-weight:700;letter-spacing:.11em}
body[data-tone] .main-nav a{font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--ss-text-soft)}
body[data-tone] .main-nav a:hover,body[data-tone] .main-nav a.is-active{color:var(--ss-text)}
body[data-tone] .main-nav a.is-active::after{height:2px;bottom:-5px;background:var(--ss-text)}
body[data-tone] .eyebrow::before{
  content:"";display:inline-block;width:5px;height:5px;margin:0 7px 1px 0;
  border:1px solid currentColor;vertical-align:middle;
}
body[data-tone] .page-compact,body[data-tone] .site-footer{border-color:var(--ss-line)}

/* 移动/平板顶栏第二行栏目导航 */
body[data-tone] .mobile-main-nav{display:none}