/* ==========================================================================
   2026-11 改版：白色渐变底 + 毛玻璃导航 + 栏目下拉
   （放在 front.css 之后加载，只做覆盖，不改原主题结构）
   ========================================================================== */

:root{
  --cream:#ffffff;
  --paper:#ffffff;
  --ink:#1b2430;
  --ink-2:#485466;
  --muted:#7e8898;
  --line:rgba(23,43,77,.14);
  --line-soft:rgba(23,43,77,.075);
  --shadow:0 24px 54px -36px rgba(23,43,77,.32);
}

body{background:#fff}

/* 背景：白色渐变 -------------------------------------------------------- */
.girih-bg{
  background-color:#fff;
  background-image:
    radial-gradient(1100px 620px at 84% -14%, rgba(195,164,94,.10), transparent 62%),
    radial-gradient(900px 520px at 4% 6%, rgba(13,59,52,.05), transparent 64%),
    linear-gradient(180deg,#ffffff 0%,#fdfeff 32%,#f6f9fc 66%,#eef3f8 100%);
}
.girih-bg::after{display:none}

/* 头部：毛玻璃 ---------------------------------------------------------- */
.site-head{
  background:rgba(255,255,255,.62);
  -webkit-backdrop-filter:saturate(180%) blur(22px);
  backdrop-filter:saturate(180%) blur(22px);
  border-bottom:1px solid rgba(255,255,255,.85);
  box-shadow:0 10px 34px -26px rgba(23,43,77,.42),inset 0 -1px 0 rgba(23,43,77,.06);
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .site-head{background:rgba(255,255,255,.94)}
}
.site-head::after{
  height:1px;opacity:1;
  background:linear-gradient(90deg,transparent,rgba(195,164,94,.55),rgba(23,43,77,.05),rgba(195,164,94,.55),transparent);
}
.site-head.head-hide{backdrop-filter:none;-webkit-backdrop-filter:none}

/* 导航：下拉 ------------------------------------------------------------ */
/* front.css 里 .main-nav 是 overflow-x:auto，会把绝对定位的下拉面板裁掉，
   这里放开；导航项本身不换行、不横向滚动（条目少，放得下） */
.main-nav{gap:22px;align-self:stretch;align-items:center;overflow:visible}
.main-nav .nav-item{position:relative;display:flex;align-items:center;align-self:stretch}
.nav-parent{
  position:relative;display:inline-flex;align-items:center;gap:5px;
  height:100%;margin:0;padding:6px 2px;background:none;border:0;
  font-family:inherit;font-size:15px;line-height:1.75;color:var(--ink-2);
  cursor:pointer;white-space:nowrap;
}
.nav-parent::after{
  content:"";position:absolute;left:50%;bottom:-2px;width:0;height:1px;
  background:var(--gold-2);transform:translateX(-50%);
  transition:all .22s ease;
}
.nav-item:hover .nav-parent::after,.nav-item.open .nav-parent::after,.nav-item.on .nav-parent::after{width:100%}
.nav-item.on .nav-parent{color:var(--green);font-weight:600}
.nav-caret{
  width:9px;height:9px;flex:0 0 auto;margin-top:2px;
  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  opacity:.55;transition:transform .2s ease;
}
.nav-item:hover .nav-caret,.nav-item.open .nav-caret{transform:rotate(180deg)}
.nav-sub{
  position:absolute;left:50%;top:calc(100% + 4px);z-index:70;
  min-width:170px;padding:8px;border-radius:14px;
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
  backdrop-filter:saturate(180%) blur(20px);
  border:1px solid rgba(255,255,255,.9);
  box-shadow:0 26px 60px -32px rgba(23,43,77,.45),0 2px 10px rgba(23,43,77,.05);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(-50%,6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
/* 鼠标从按钮移到面板之间的过渡区 */
.nav-sub::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.nav-item:hover .nav-sub,
.nav-item.open .nav-sub,
.nav-item:focus-within .nav-sub{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
}
.main-nav .nav-sub a{
  display:block;padding:8px 12px;border-radius:9px;
  font-size:14px;line-height:1.5;color:var(--ink-2);white-space:nowrap;
}
.main-nav .nav-sub a::after{display:none}
.main-nav .nav-sub a:hover{background:rgba(13,59,52,.06);color:var(--green)}
.main-nav .nav-sub a.is-on{color:var(--green);font-weight:600;background:rgba(195,164,94,.13)}

/* 搜索框 / 小按钮：跟随白色调 ------------------------------------------ */
.search-mini{background:rgba(255,255,255,.72);border-color:rgba(23,43,77,.1)}
.mini-btn{background:linear-gradient(180deg,#fff,#f6f9fc);border-color:rgba(13,59,52,.22)}
.mini-btn:hover{background:#fff}

/* 公告条：浅色玻璃 ------------------------------------------------------ */
.notice-bar{
  background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(246,249,252,.94));
  color:#40505f;border-bottom:1px solid rgba(23,43,77,.06);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.notice-item{color:#4a5a6b}
.notice-dot{background:var(--gold);box-shadow:0 0 0 4px rgba(195,164,94,.16)}

/* 卡片 / 面板：纯白 + 柔和阴影 ------------------------------------------ */
.card,.side-card,.post-list,.dl-card,.dl-detail,.dl-empty,.art-card,.page-article,
.auth-card,.acc-card,.account-side,.cform,.art-nav-item,.related-list a,
.art-cover,.pg,.subcats a,.dl-hero,.dl-action,.share-dialog,.maint-card,.empty-state{
  background:#fff;
  border-color:rgba(23,43,77,.075);
}
.card,.side-card,.post-list,.dl-card,.dl-detail,.art-card,.page-article,.auth-card,
.acc-card,.account-side,.maint-card{box-shadow:0 18px 44px -36px rgba(23,43,77,.30)}
.card:hover{border-color:rgba(23,43,77,.13)}
.post-row:hover{background:#f7fafc}
.post-row{border-bottom-color:rgba(23,43,77,.06)}
.author-card{background:linear-gradient(180deg,rgba(13,59,52,.035),#fff)}
.dl-hero,.dl-action{background:linear-gradient(135deg,rgba(13,59,52,.035),rgba(195,164,94,.06))}
.paywall-card{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.reward-box{background:linear-gradient(135deg,#fbfcfe 0%,#f4f8fb 100%)}
.acc-quick a{background:rgba(246,249,252,.75)}
.acc-field input[readonly],.acc-field input:disabled{background:#f7f9fc}
.hero{border-color:rgba(23,43,77,.075)}
.art-card .art-cover{background:#fff}

/* 页脚：浅色 ------------------------------------------------------------ */
.site-foot{background:linear-gradient(180deg,#fbfcfe 0%,#f1f5f9 100%);color:#5b6779;border-top:1px solid rgba(23,43,77,.07)}
.site-foot::before{
  height:1px;opacity:1;
  background:linear-gradient(90deg,transparent,rgba(195,164,94,.55),rgba(195,164,94,.22),rgba(195,164,94,.55),transparent);
}
.foot-brand{color:var(--green)}
.foot-desc{color:#63707f}
.foot-ar{color:rgba(156,127,60,.55)}
.foot-col h4{color:#2f3d4d}
.foot-col ul a{color:#5b6779}
.foot-col ul a:hover,.foot-bottom a:hover{color:var(--green)}
.foot-note{color:#7b8695}
.foot-bottom{border-top:1px solid rgba(23,43,77,.07);color:#8a94a3}
.foot-bottom a{color:#6b7789}

/* 手机：导航保持原来的平铺（顶级目录做标签，子目录跟随平铺换行） ------- */
@media (max-width:820px){
  .site-head{background:rgba(255,255,255,.8)}
  /* 手机保持原来的平铺：顶级目录一行排开，点一下在原地展开子目录面板 */
  .main-nav{gap:0 10px;align-self:auto;flex-wrap:wrap;position:relative;overflow:visible}
  .main-nav .nav-item{position:static;display:inline-flex;align-items:center}
  .nav-parent{
    height:auto;padding:4px 0;font-size:13px;line-height:1.6;color:var(--muted);
    letter-spacing:-.01em;
  }
  .nav-parent::after{display:none}
  .nav-item.on .nav-parent{color:var(--green)}
  .nav-caret{width:8px;height:8px;opacity:.45}
  /* 子目录：整行铺开的两列面板，浮在导航下方 */
  .nav-sub{
    position:absolute;left:0;right:0;top:100%;z-index:80;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;
    min-width:0;padding:8px;border-radius:14px;
    background:rgba(255,255,255,.94);
    -webkit-backdrop-filter:saturate(180%) blur(18px);
    backdrop-filter:saturate(180%) blur(18px);
    border:1px solid rgba(23,43,77,.08);
    box-shadow:0 24px 50px -28px rgba(23,43,77,.4);
    transform:translate(0,4px);
  }
  .nav-sub::before{display:none}
  /* 手机只认 .open（点击），不做 hover 自动展开，避免误触 */
  .nav-item:hover .nav-sub{opacity:0;visibility:hidden;pointer-events:none}
  .nav-item.open .nav-sub,
  .nav-item:focus-within .nav-sub{
    opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,0);
  }
  .main-nav .nav-sub a{display:block;padding:9px 10px;font-size:13px;line-height:1.4;
    text-align:center;letter-spacing:-.01em}
  .main-nav .nav-sub a.is-on{background:rgba(195,164,94,.13)}
}
@media (max-width:380px){
  .main-nav{gap:0 7px}
  .nav-parent,.main-nav .nav-sub a{font-size:12.5px}
}