/* ============================================================
   迅稿Doc · 设计系统 v2
   借鉴 Linear / Stripe / Notion 式极简 SaaS 风格:
   大量留白、单一强调色、细边框弱阴影、克制的字阶
   ============================================================ */
:root{
  --ink:#0e1320;            /* 主文字 */
  --body:#4a5568;           /* 正文 */
  --faint:#8a93a6;          /* 次要 */
  --bg:#ffffff;
  --alt:#f6f7fb;            /* 交替底 */
  --line:#e7e9f2;           /* 细边框 */
  --brand:#4f46e5;          /* 靛蓝 */
  --brand-2:#7c3aed;        /* 渐变副色 */
  --brand-soft:#eef0ff;
  --ok:#0e9f6e; --warn:#b45309; --err:#dc2626;
  --r:14px; --r-lg:20px;
  --sh-sm:0 1px 2px rgba(14,19,32,.05);
  --sh-md:0 10px 30px -12px rgba(14,19,32,.14);
  --sh-lg:0 24px 60px -20px rgba(79,70,229,.22);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--bg);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--brand);text-decoration:none}
a:hover{opacity:.85}
h1,h2,h3{line-height:1.25;letter-spacing:-.02em;font-weight:700}

.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:560px;margin-left:auto;margin-right:auto}
.section{padding:56px 0 72px}
.center{text-align:center}
.muted{color:var(--faint);font-size:14px}
.small{font-size:13px}
.mt{margin-top:16px}
.row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.row-right{display:flex;gap:14px;justify-content:flex-end}
.error{background:#fef2f2;color:var(--err);border:1px solid #fecaca;
  padding:10px 16px;border-radius:10px;font-size:14px;margin:12px 0}

/* ---------- 顶部导航 ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);
  backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.logo span{background:linear-gradient(90deg,var(--brand),var(--brand-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.nav nav{display:flex;align-items:center;gap:22px;font-size:14.5px}
.nav nav a{color:var(--body);font-weight:500}
.nav nav a.btn{color:#fff}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;background:var(--brand);color:#fff;border:none;cursor:pointer;
  padding:11px 22px;border-radius:10px;font-size:15px;font-weight:600;line-height:1.4;
  transition:.15s;box-shadow:var(--sh-sm)}
.btn:hover{background:#4338ca;opacity:1;transform:translateY(-1px)}
.btn:disabled{opacity:.55;cursor:default;transform:none}
.btn-lg{padding:15px 34px;font-size:17px;border-radius:12px}
.btn-sm{padding:8px 16px;font-size:14px;border-radius:9px}
.btn-outline,.btn-ghost{background:#fff;color:var(--brand);border:1.5px solid var(--brand);box-shadow:none}
.btn-outline:hover,.btn-ghost:hover{background:var(--brand-soft)}

/* ---------- 表单 ---------- */
.form{display:flex;flex-direction:column;gap:18px;margin-top:18px}
.form label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;color:var(--ink)}
input[type=text],input[type=password],input[type=tel],input[type=number],
input[type=email],textarea,select{
  width:100%;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;
  font-size:15px;font-family:inherit;color:var(--ink);background:#fff;transition:.15s}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(79,70,229,.12)}
input[type=file]{font-size:14px;color:var(--body);padding:10px;border:1.5px dashed var(--line);
  border-radius:10px;background:var(--alt);width:100%}
.form label.agree-row,.agree-row{display:flex;flex-direction:row;gap:8px;align-items:flex-start;
  font-size:13.5px;color:var(--body);font-weight:400}
.agree-row input{width:auto;margin-top:4px}
.agree-row span{display:inline}

/* ---------- 卡片 ---------- */
.card,.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:22px 24px;box-shadow:var(--sh-sm)}
.cards{display:grid;gap:16px;margin-top:18px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
th{color:var(--faint);font-weight:600;font-size:13px}

/* 状态标签 */
.tag{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12.5px;font-weight:600;
  background:var(--alt);color:var(--body)}
.tag-ok{background:#e8f8f1;color:var(--ok)}
.tag-warn{background:#fef4e6;color:var(--warn)}
.tag-err{background:#fef2f2;color:var(--err)}

/* ============================================================
   首页(landing)
   ============================================================ */
/* ---------- Hero ---------- */
.hx-hero{position:relative;padding:72px 0 60px;text-align:center;overflow:hidden}
.hx-hero::before{content:"";position:absolute;inset:-40% -20% auto;height:130%;z-index:-1;
  background:
    radial-gradient(46% 42% at 30% 18%,rgba(79,70,229,.10),transparent 70%),
    radial-gradient(42% 40% at 72% 12%,rgba(124,58,237,.09),transparent 70%),
    linear-gradient(#fff, #fff)}
.hx-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);
  border-radius:99px;padding:6px 16px;font-size:13.5px;font-weight:600;color:var(--body);
  box-shadow:var(--sh-sm);margin-bottom:22px}
.hx-badge b{color:var(--ok)}
.hx-h1{font-size:clamp(32px,5.4vw,54px);font-weight:800;max-width:820px;margin:0 auto}
.hx-grad{background:linear-gradient(92deg,var(--brand) 10%,var(--brand-2) 90%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hx-sub{max-width:600px;margin:18px auto 0;font-size:17.5px;color:var(--body)}

/* 工具卡 */
.hx-tool{max-width:1072px;margin:36px auto 0;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px 26px 20px;box-shadow:var(--sh-lg);text-align:left}
.hx-drop{display:flex;align-items:center;gap:14px;border:1.8px dashed #c9cdf0;border-radius:14px;
  padding:18px 18px;background:var(--brand-soft);cursor:pointer;transition:.15s}
.hx-drop:hover,.hx-drop.as-drag{border-color:var(--brand);background:#e6e9ff}
.hx-drop.as-hasfile{border-style:solid;border-color:var(--ok);background:#f0fdf7}
.hx-drop-ic{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.as-input-ph{flex:1;font-size:15px;color:var(--body);word-break:break-all}
.hx-drop .btn{flex:none}
.hx-tplrow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.hx-tplrow select{flex:1;min-width:240px}
.hx-tplrow input[type=text]{flex:1;min-width:180px}
.hx-tplrow input[type=file]{flex-basis:100%}
.hx-note{text-align:center;font-size:12.5px;color:var(--faint);margin-top:14px}

/* 数据行 */
.hx-stats{display:flex;justify-content:center;gap:56px;margin-top:44px;flex-wrap:wrap}
.hx-stat b{display:block;font-size:26px;font-weight:800;letter-spacing:-.02em}
.hx-stat span{font-size:13.5px;color:var(--faint)}

/* (高校走马灯已按需求移除) */

/* ---------- 通用 section ---------- */
.hx-sec{padding:84px 0}
.hx-sec-alt{background:var(--alt)}
.hx-eyebrow{display:inline-block;font-size:13.5px;font-weight:700;color:var(--brand);
  letter-spacing:.08em;margin-bottom:12px}
.hx-h2{font-size:clamp(26px,3.4vw,38px);max-width:640px;margin:0 auto}
.hx-lead{max-width:560px;margin:14px auto 0;color:var(--body);font-size:16.5px}

/* ---------- 三大功能分类 ---------- */
.hx-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;text-align:left}
.hx-cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px;transition:.18s;box-shadow:var(--sh-sm);color:var(--ink)}
.hx-cat:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:#d5d9f0;opacity:1}
.hx-cat-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-soft);margin-bottom:18px;font-size:22px}
.hx-cat h3{font-size:18.5px;margin-bottom:8px}
.hx-cat p{font-size:14.5px;color:var(--body);flex:1}
.hx-cat-go{margin-top:18px;font-size:14.5px;font-weight:600;color:var(--brand)}

/* ---------- 步骤 ---------- */
.hx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;text-align:left;
  counter-reset:hxstep}
.hx-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px}
.hx-step-num{display:inline-flex;width:32px;height:32px;border-radius:99px;align-items:center;
  justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;font-weight:700;font-size:15px;margin-bottom:14px}
.hx-step h3{font-size:17px;margin-bottom:6px}
.hx-step p{font-size:14.5px;color:var(--body)}

/* ---------- 能力网格 ---------- */
.hx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px;text-align:left}
.hx-tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px}
.hx-tile span{font-size:20px}
.hx-tile h3{font-size:15.5px;margin:10px 0 5px}
.hx-tile p{font-size:13.5px;color:var(--body)}

/* ---------- 效果对比 ---------- */
.hx-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:44px;text-align:left}
.hx-split h3{font-size:22px;margin-bottom:10px}
.hx-split p{color:var(--body);font-size:15.5px}
.hx-compare{display:flex;gap:16px}
.hx-compare figure{flex:1;margin:0}
.hx-compare img{border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-md)}
.hx-compare figcaption{text-align:center;font-size:13px;color:var(--faint);margin-top:8px;font-weight:600}
.hx-cmp-after img{border-color:#bcd9c9;box-shadow:0 14px 34px -14px rgba(14,159,110,.35)}
.hx-shot{border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-md)}

/* ---------- FAQ ---------- */
.hx-faq{max-width:720px;margin:40px auto 0;text-align:left}
.hx-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:0 20px;margin-bottom:10px}
.hx-faq summary{cursor:pointer;font-weight:600;font-size:15.5px;padding:16px 0;list-style:none;
  display:flex;justify-content:space-between;align-items:center}
.hx-faq summary::-webkit-details-marker{display:none}
.hx-faq summary::after{content:"+";font-size:20px;color:var(--faint);font-weight:400;transition:.15s}
.hx-faq details[open] summary::after{transform:rotate(45deg)}
.hx-faq details p{padding:0 0 16px;color:var(--body);font-size:14.5px}

/* ---------- 底部 CTA ---------- */
.hx-cta{margin:0 24px 72px}
.hx-cta-inner{max-width:1072px;margin:0 auto;text-align:center;color:#fff;
  background:linear-gradient(115deg,#4338ca,#6d28d9 55%,#7c3aed);
  border-radius:24px;padding:64px 32px;position:relative;overflow:hidden}
.hx-cta-inner::before{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 90% at 80% 0%,rgba(255,255,255,.14),transparent 60%)}
.hx-cta-inner h2{font-size:clamp(24px,3.2vw,34px);position:relative}
.hx-cta-inner p{position:relative;margin-top:10px;opacity:.85;font-size:15.5px}
.hx-cta-inner .btn{position:relative;margin-top:26px;background:#fff;color:var(--brand)}
.hx-cta-inner .btn:hover{background:#f2f2ff}

/* ============================================================
   排版向导(/new)
   ============================================================ */
.mode-tabs{display:flex;gap:10px;margin:6px 0 22px}
.mode-tab{flex:1;padding:14px 18px;border:1.5px solid var(--line);border-radius:12px;background:#fff;
  font-size:15px;font-weight:600;color:var(--body);cursor:pointer;transition:.15s;font-family:inherit}
.mode-tab:hover{border-color:var(--brand)}
.mode-tab.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}

.wz-step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:24px 26px;margin-bottom:18px;box-shadow:var(--sh-sm)}
.wz-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.wz-head h3{font-size:17px}
.wz-num{flex:none;width:30px;height:30px;border-radius:99px;display:flex;align-items:center;
  justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;font-weight:700;font-size:14px}
.wz-search{width:100%;padding:13px 16px;font-size:15.5px}

.combo{position:relative}
.combo-list{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow:auto;
  background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh-md);z-index:30}
.combo-item{display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:11px 16px;font-size:14.5px;cursor:pointer}
.combo-item:hover{background:var(--brand-soft)}
.combo-grey{color:var(--faint)}
.combo-free{color:var(--brand);font-weight:600}

.school-ok{background:#e8f8f1;border:1px solid #b8ebd4;border-radius:12px;
  padding:13px 16px;font-size:14.5px;margin-top:14px}
.school-warn{background:#fdf7ec;border:1px solid #f3dfb6;border-radius:12px;
  padding:14px 16px;font-size:14.5px;margin-top:14px}
.school-warn input[type=file]{margin-top:10px;background:#fff}

.cover-box{border:1.5px dashed var(--line);border-radius:12px;padding:14px 18px;font-size:14px}
.cover-box summary{cursor:pointer;font-weight:600;color:var(--body)}
.cover-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:14px}

/* ============================================================
   订单页 / 我的订单
   ============================================================ */
.spinner{width:38px;height:38px;border:4px solid var(--brand-soft);border-top-color:var(--brand);
  border-radius:50%;animation:spin 1s linear infinite;margin:26px auto}
@keyframes spin{to{transform:rotate(360deg)}}
.previews{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0}
.previews img{width:220px;border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-sm)}
/* 大页预览:整页 A4 逐页翻看 */
.pv-viewer{margin:16px auto;max-width:880px;text-align:center}
.pv-viewer img{width:100%;border:1px solid var(--line);border-radius:8px;
  box-shadow:0 8px 30px -10px rgba(30,35,70,.22);background:#fff}
.pv-bar{display:flex;align-items:center;justify-content:center;gap:14px;
  margin-top:12px;flex-wrap:wrap}
.pv-bar button{padding:8px 18px;border:1.5px solid var(--line);border-radius:10px;
  background:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pv-bar button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}
.pv-bar button:disabled{opacity:.4;cursor:default}
#pvInfo{font-size:13.5px;color:var(--faint);min-width:100px}
.pv-pdf{font-size:13.5px;font-weight:600;color:var(--brand)}
.paybox{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:26px;margin-top:18px;box-shadow:var(--sh-sm)}
.pricetag{font-size:30px;font-weight:800;color:var(--brand);letter-spacing:-.02em}
.qr{width:200px;height:200px;border:1px solid var(--line);border-radius:12px;margin:14px auto}
.dl-two{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}
.dl-card{flex:1;min-width:240px;border:1px solid var(--line);border-radius:var(--r);
  padding:20px 24px;background:#fff;box-shadow:var(--sh-sm)}
.dl-card h4{font-size:16px;margin-bottom:4px}
.dl-card p{margin-bottom:12px;font-size:13px;color:var(--body)}

/* ============================================================
   协议 / 隐私政策
   ============================================================ */
.legal h2{margin-bottom:6px}
.legal h3{margin:26px 0 8px;font-size:17px}
.legal p{margin-bottom:10px;line-height:1.9;font-size:14.5px;color:var(--body)}

/* ============================================================
   页脚
   ============================================================ */
.footer{border-top:1px solid var(--line);background:var(--alt);margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:28px;padding:48px 24px 24px}
.f-logo{font-size:19px;font-weight:800}
.f-logo span{background:linear-gradient(90deg,var(--brand),var(--brand-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.f-title{font-weight:700;font-size:14px;margin-bottom:8px}
.f-col{display:flex;flex-direction:column;gap:7px;font-size:13.5px}
.f-col a{color:var(--body)}
.f-bottom{border-top:1px solid var(--line);padding:16px 24px;font-size:12.5px;color:var(--faint)}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:960px){
  .hx-cats,.hx-steps,.hx-grid{grid-template-columns:1fr 1fr}
  .hx-split{grid-template-columns:1fr;gap:28px}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .section{padding:36px 0 48px}
  .hx-sec{padding:56px 0}
  .hx-hero{padding:48px 0 44px}
  .hx-cats,.hx-steps,.hx-grid,.cover-grid{grid-template-columns:1fr}
  .hx-drop{flex-wrap:wrap}
  .hx-drop .btn{width:100%}
  .hx-stats{gap:28px}
  .hx-compare{flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .nav nav{gap:14px;font-size:13.5px}
  .mode-tabs{flex-direction:column}
}

/* ---- 首页工具卡:横向三个模块(草图版式) ---- */
.hx-acc{margin-top:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
.hx-tool-step{font-size:13px;font-weight:700;color:var(--faint);letter-spacing:.02em;
  margin:0 0 8px;text-align:left}
.hx-acc + .hx-tool-step{margin-top:16px}
.hx-acc-item{border:1.5px solid var(--line);border-radius:14px;background:#fff;transition:.15s;
  padding:14px 14px 14px;cursor:pointer;display:flex;flex-direction:column}
.hx-acc-item:hover{border-color:#c4c9ef}
.hx-acc-item.open{border-color:var(--brand);background:#fbfbff;box-shadow:0 0 0 3px rgba(79,70,229,.10)}
.hx-acc-head{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:14.5px;color:var(--ink)}
.hx-acc-head b{font-weight:700}
.hx-acc-dot{flex:none;width:16px;height:16px;border-radius:99px;border:1.5px solid var(--line);
  background:#fff;transition:.15s}
.hx-acc-item.open .hx-acc-dot{border-color:var(--brand);background:var(--brand);
  box-shadow:inset 0 0 0 3px #fff}
.hx-acc-sub{font-size:12.5px;color:var(--faint);line-height:1.55;margin:6px 0 10px}
.hx-acc-body{margin-top:0;flex:1;display:flex;flex-direction:column;gap:10px}
.hx-acc-body select{font-size:13.5px;padding:9px 10px}
.hx-acc-body input[type=file]{font-size:12.5px;padding:8px}
.hx-acc-extra{display:flex;flex-direction:column;gap:8px}
.hx-acc-extra input[type=text]{font-size:13.5px;padding:9px 10px}
@media (max-width:760px){.hx-acc{grid-template-columns:1fr}}

/* ============================================================
   视觉升级 v3:插画、点阵纹理、渐变按钮、走马灯淡出
   ============================================================ */
/* 渐变按钮 */
.btn{background:linear-gradient(135deg,#4f46e5,#6d28d9)}
.btn:hover{background:linear-gradient(135deg,#4338ca,#5b21b6)}
.btn-outline,.btn-ghost{background:#fff}
.btn-outline:hover,.btn-ghost:hover{background:var(--brand-soft)}

/* Hero 点阵纹理 + 浮动文档插画 */
.hx-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:radial-gradient(circle,#c7cbe8 1px,transparent 1px);
  background-size:26px 26px;opacity:.35;
  -webkit-mask-image:radial-gradient(60% 55% at 50% 30%,#000 0%,transparent 78%);
  mask-image:radial-gradient(60% 55% at 50% 30%,#000 0%,transparent 78%)}
.hx-float{position:absolute;width:170px;z-index:0;pointer-events:none;opacity:.96}
.hx-float-l{left:max(12px,calc(50% - 660px));top:150px;transform:rotate(-9deg);
  animation:hxbob 7s ease-in-out infinite}
.hx-float-r{right:max(12px,calc(50% - 660px));top:130px;transform:rotate(7deg);
  animation:hxbob 7s ease-in-out 1.6s infinite}
@keyframes hxbob{0%,100%{margin-top:0}50%{margin-top:-14px}}
@media (max-width:1180px){.hx-float{display:none}}
.hx-hero .wrap{position:relative;z-index:1}


/* 分类卡插画 */
.hx-cat-art{display:block;height:96px;margin-bottom:16px}
.hx-cat-art img{height:100%;width:auto;transition:transform .25s}
.hx-cat:hover .hx-cat-art img{transform:translateY(-4px) scale(1.04)}

/* FAQ / 卡片 hover 细节 */
.hx-faq details{transition:.15s}
.hx-faq details:hover{border-color:#c9cdf0}
.hx-tile{transition:.18s}
.hx-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:#d5d9f0}
.hx-step{transition:.18s}
.hx-step:hover{transform:translateY(-3px);box-shadow:var(--sh-md)}

/* CTA 装饰圆环 */
.hx-cta-inner::after{content:"";position:absolute;right:-70px;bottom:-90px;width:260px;height:260px;
  border-radius:50%;border:44px solid rgba(255,255,255,.08)}

/* 徽章呼吸点 */
.hx-badge b{animation:hxpulse 2.2s ease-in-out infinite}
@keyframes hxpulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ============================================================
   视觉升级 v4:人物插画 + 多彩点缀
   ============================================================ */
/* 人物插画浮动尺寸 */
.hx-float{width:230px}
.hx-float-l{top:120px;transform:rotate(-4deg)}
.hx-float-r{top:110px;transform:rotate(3deg)}

/* 分类卡三色渐变顶饰 + 各自色调 */
.hx-cat{position:relative;overflow:hidden}
.hx-cat::before{content:"";position:absolute;top:0;left:0;right:0;height:5px}
.hx-cats .hx-cat:nth-child(1)::before{background:linear-gradient(90deg,#4f46e5,#7c3aed)}
.hx-cats .hx-cat:nth-child(2)::before{background:linear-gradient(90deg,#14b8a6,#0ea5e9)}
.hx-cats .hx-cat:nth-child(3)::before{background:linear-gradient(90deg,#f59e0b,#ff7a59)}
.hx-cats .hx-cat:nth-child(1) .hx-cat-go{color:#4f46e5}
.hx-cats .hx-cat:nth-child(2) .hx-cat-go{color:#0d9488}
.hx-cats .hx-cat:nth-child(3) .hx-cat-go{color:#d97706}

/* 数据行多彩数字 */
.hx-stats .hx-stat:nth-child(1) b{color:#4f46e5}
.hx-stats .hx-stat:nth-child(2) b{color:#0d9488}
.hx-stats .hx-stat:nth-child(3) b{color:#d97706}
.hx-stats .hx-stat:nth-child(4) b{color:#7c3aed}

/* 眉题变彩色小胶囊 */
.hx-eyebrow{background:var(--brand-soft);padding:5px 14px;border-radius:99px}
.hx-sec-alt .hx-eyebrow{background:#fff}

/* 步骤序号三色 */
.hx-steps .hx-step:nth-child(1) .hx-step-num{background:linear-gradient(135deg,#4f46e5,#7c3aed)}
.hx-steps .hx-step:nth-child(2) .hx-step-num{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}
.hx-steps .hx-step:nth-child(3) .hx-step-num{background:linear-gradient(135deg,#f59e0b,#ff7a59)}

/* 能力网格图标彩色圆底 */
.hx-tile span{display:inline-flex;width:42px;height:42px;border-radius:12px;align-items:center;
  justify-content:center;background:var(--brand-soft)}
.hx-grid .hx-tile:nth-child(2) span{background:#e9fbf6}
.hx-grid .hx-tile:nth-child(3) span{background:#fef4e6}
.hx-grid .hx-tile:nth-child(4) span{background:#fdeef2}
.hx-grid .hx-tile:nth-child(5) span{background:#e9f4fd}
.hx-grid .hx-tile:nth-child(6) span{background:#f3eefe}

/* Hero 背景更鲜明 */
.hx-hero::before{background:
  radial-gradient(46% 42% at 26% 16%,rgba(255,122,89,.13),transparent 70%),
  radial-gradient(46% 44% at 74% 12%,rgba(20,184,166,.13),transparent 70%),
  radial-gradient(50% 46% at 50% 30%,rgba(79,70,229,.12),transparent 72%),
  linear-gradient(#fff,#fff)}

/* ---- v5 微调:数据行分隔线 ---- */
.hx-stats{gap:0}
.hx-stat{padding:0 34px}
.hx-stat + .hx-stat{border-left:1px solid var(--line)}
@media (max-width:640px){.hx-stat{padding:0 18px}.hx-stat:nth-child(3){border-left:none}}

/* ---- 毕业论文模块:学位层次胶囊 ---- */
.hx-degree{display:flex;gap:8px}
.hx-degree button{flex:1;padding:9px 0;border:1.5px solid var(--line);border-radius:10px;
  background:#fff;font-family:inherit;font-size:14px;font-weight:600;color:var(--body);
  cursor:pointer;transition:.15s}
.hx-degree button:hover{border-color:var(--brand)}
.hx-degree button.on{border-color:var(--brand);background:linear-gradient(135deg,#4f46e5,#6d28d9);
  color:#fff;box-shadow:0 4px 12px -4px rgba(79,70,229,.5)}
.hx-acc-link{font-size:12.5px;color:var(--brand);font-weight:600}
.hx-acc-link.on{color:#d97706}

/* ---- 模板样式预览(毕业论文模块) ---- */
.hx-tplprev{border:1px solid var(--line);border-radius:10px;background:var(--alt);
  padding:8px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;gap:6px}
.hx-tplprev img{max-height:150px;width:auto;margin:0 auto;border:1px solid var(--line);
  border-radius:6px;background:#fff;box-shadow:var(--sh-sm)}
#docPrevBox img{max-height:232px}
.hx-tplprev p{font-size:11.5px;color:var(--faint);margin-top:6px;line-height:1.4}
.tplprev-s{margin-top:10px;display:flex;gap:12px;align-items:flex-start}
.tplprev-s img{width:96px;border:1px solid var(--line);border-radius:6px;background:#fff;
  box-shadow:var(--sh-sm)}
.tplprev-s p{font-size:12.5px;color:var(--body);flex:1}

/* ---- 模板预览大图弹层 ---- */
.tpl-modal{position:fixed;inset:0;z-index:200}
.tpl-modal-bd{position:absolute;inset:0;background:rgba(10,12,30,.72);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.tpl-modal-box{position:relative;max-width:min(980px,97vw);margin:2.5vh auto 0;
  display:flex;flex-direction:column;align-items:center;gap:10px}
.tpl-modal-scroll{max-height:87vh;overflow-y:auto;width:100%;border-radius:10px;
  background:#31344a;padding:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.tpl-modal-scroll img{display:block;width:100%;margin:0 auto 12px;border-radius:4px;
  background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.tpl-modal-bar{display:flex;gap:10px;align-items:center;background:#fff;
  border-radius:99px;padding:8px 14px;box-shadow:var(--sh-md)}
.tpl-modal-bar button{border:none;background:none;font-family:inherit;font-size:14px;
  font-weight:600;color:var(--brand);cursor:pointer;padding:4px 10px;border-radius:8px}
.tpl-modal-bar button:hover{background:var(--brand-soft)}
.tpl-modal-bar button:disabled{color:#c3c8d8;cursor:default;background:none}
.tpl-modal-bar #tplPgInfo{font-size:13.5px;color:var(--body);min-width:110px;text-align:center}
.hx-tplprev img,.tplprev-s img{cursor:zoom-in}

/* ---- 管理后台:功能分区 ---- */
.adm-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 18px;position:sticky;top:64px;z-index:20;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:8px 0;border-bottom:1px solid var(--line)}
.adm-nav a{padding:7px 14px;border:1px solid var(--line);border-radius:99px;font-size:13.5px;
  font-weight:600;color:var(--body);background:#fff}
.adm-nav a:hover{border-color:var(--brand);color:var(--brand)}
.adm-nav a b{color:#dc2626}
.adm-block{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  padding:20px 22px;margin-bottom:18px;box-shadow:var(--sh-sm);scroll-margin-top:120px}
.adm-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.adm-head h3{font-size:17px}
.adm-row{padding:8px 0;border-bottom:1px dashed var(--line);justify-content:space-between}
.adm-row:last-child{border-bottom:none}
.adm-school{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px;background:#fbfcff}
.adm-school-name{font-weight:800;font-size:15.5px;margin-bottom:10px}
.adm-degrees{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.adm-cell{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:70px}
.adm-cell-h{font-size:12.5px;font-weight:700;color:var(--faint);margin-bottom:8px;
  padding-bottom:6px;border-bottom:1px solid var(--line)}
.adm-item{margin-bottom:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.adm-empty{font-size:12.5px;color:#c3c8d8}
.adm-unknown{margin-top:10px;background:#fffaf0;border:1px dashed #f3dfb6;border-radius:10px;padding:10px 12px}
@media (max-width:1100px){.adm-degrees{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.adm-degrees{grid-template-columns:1fr}}

/* 模块三示意图 */
.hx-mimic-art img{max-height:132px;border:none;background:none;box-shadow:none}
.hx-mimic-art p{font-size:12px;color:var(--body);line-height:1.7}

/* ---- 管理后台 v2:侧边导航 + 标签页 ---- */
.adm-layout{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start}
.adm-side{position:sticky;top:80px;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;gap:4px}
.adm-side-t{font-weight:800;font-size:15px;padding:4px 10px 10px}
.adm-side-a{display:block;padding:9px 12px;border-radius:9px;font-size:14px;
  font-weight:600;color:var(--body);cursor:pointer}
.adm-side-a:hover{background:var(--alt);opacity:1}
.adm-side-a.on{background:var(--brand-soft);color:var(--brand)}
.adm-side-a b{color:#dc2626}
.adm-main{min-width:0}
.adm-del{color:#dc2626 !important;border-color:#fca5a5 !important}
@media (max-width:860px){
  .adm-layout{grid-template-columns:1fr}
  .adm-side{position:static;flex-direction:row;flex-wrap:wrap}
  .adm-side-t{display:none}
}

/* ============================================================
   体验打磨 v6:依据高转化落地页调研
   (首屏信任强化 / 微交互反馈 / 移动端便捷 / 阅读舒适度)
   ============================================================ */
/* 全局阅读舒适度 */
::selection{background:rgba(79,70,229,.18)}
:focus-visible{outline:3px solid rgba(79,70,229,.35);outline-offset:2px;border-radius:6px}
[id]{scroll-margin-top:76px}

/* 按钮微交互:按下反馈 + 主按钮光泽 */
.btn{position:relative}
.btn:active{transform:translateY(0) scale(.98)}
.btn-lg:hover{box-shadow:0 10px 26px -8px rgba(79,70,229,.55)}

/* 输入控件 hover 反馈 */
input[type=text]:hover,input[type=password]:hover,input[type=tel]:hover,
input[type=email]:hover,textarea:hover,select:hover{border-color:#c4c9ef}

/* 首屏信任徽条:图标化,比纯文字更醒目 */
.hx-note{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;align-items:center}
.hx-note em{font-style:normal;display:inline-flex;align-items:center;gap:5px;color:var(--body);
  font-weight:600}
.hx-note em b{font-weight:400;color:var(--faint)}

/* 滚动显现:进入视口的区块轻轻浮起(尊重减少动态偏好) */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
  .rv.in{opacity:1;transform:none}
  .hx-hero .hx-badge,.hx-hero .hx-h1,.hx-hero .hx-sub{animation:hxrise .6s ease both}
  .hx-hero .hx-sub{animation-delay:.08s}
  .hx-hero .hx-tool{animation:hxrise .6s .16s ease both}
  @keyframes hxrise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}

/* FAQ 展开动画 + 展开态高亮 */
.hx-faq details p{overflow:hidden}
.hx-faq details[open]{border-color:#c9cdf0;background:#fdfdff}
.hx-faq details[open] p{animation:faqopen .28s ease}
@keyframes faqopen{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.hx-faq summary:hover{color:var(--brand)}

/* 能力网格图标 hover 弹跳 */
.hx-tile span{transition:transform .2s}
.hx-tile:hover span{transform:scale(1.12) rotate(-4deg)}

/* 预览滚动容器:细滚动条 + 惯性滚动 */
#pvScroll,.tpl-modal-scroll{scrollbar-width:thin;scrollbar-color:#b9bfdd transparent;
  -webkit-overflow-scrolling:touch}
#pvScroll::-webkit-scrollbar,.tpl-modal-scroll::-webkit-scrollbar{width:8px}
#pvScroll::-webkit-scrollbar-thumb,.tpl-modal-scroll::-webkit-scrollbar-thumb{
  background:#b9bfdd;border-radius:99px}

/* 移动端底部固定 CTA(仅首页;滚过工具卡后出现) */
.hx-mcta{display:none}
@media (max-width:640px){
  .hx-mcta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.92);backdrop-filter:blur(12px);
    border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s}
  .hx-mcta.show{transform:none}
  .hx-mcta .btn{display:block;width:100%;text-align:center;padding:13px 0;font-size:16px}
}

/* 回到顶部 */
.hx-top{position:fixed;right:18px;bottom:24px;z-index:55;width:42px;height:42px;border-radius:12px;
  background:#fff;border:1px solid var(--line);box-shadow:var(--sh-md);cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--body);
  opacity:0;pointer-events:none;transition:.2s}
.hx-top.show{opacity:1;pointer-events:auto}
.hx-top:hover{color:var(--brand);border-color:var(--brand)}
@media (max-width:640px){.hx-top{bottom:78px}}

/* 分类卡箭头位移(带箭头按钮转化更高的调研结论) */
.hx-cat-go::after{content:"";display:inline-block;margin-left:2px;transition:transform .18s}
.hx-cat:hover .hx-cat-go{text-decoration:underline;text-underline-offset:3px}
.hx-cat:hover .hx-cat-go::after{transform:translateX(4px)}

/* 步骤卡之间的连接感:桌面端序号后画虚线 */
@media (min-width:961px){
  .hx-step{overflow:visible}
  .hx-step:not(:last-child)::after{content:"";position:absolute;top:39px;left:calc(26px + 32px + 10px);
    right:-10px;border-top:2px dashed #d9ddf2}
}

/* ============================================================
   重设计 v7 · 依据 taste-skill 重塑视觉(去"AI指纹")
   要点:去紫蓝渐变 -> 单一强调色(深林绿);暖白纸感底色;
   扁平按钮;眉题降噪;三步流程改行式布局打破三等分网格;
   圆角/阴影统一;装饰元素降级,信息本身当主角
   ============================================================ */
:root{
  --bg:#faf7f1;             /* 骨白纸感 */
  --alt:#f2ede3;
  --line:#e5dfd3;
  --ink:#241c1e;
  --body:#544a4d;
  --faint:#928789;
  --brand:#7a2e3b;          /* 深林绿:学术、可靠 */
  --brand-2:#7a2e3b;        /* 废除第二强调色,并入主色 */
  --brand-soft:#f6e9ec;
  --r:12px;--r-lg:16px;
  --sh-lg:0 24px 60px -22px rgba(36,28,30,.18);
}
body{background:var(--bg)}
::selection{background:rgba(122,46,59,.16)}
:focus-visible{outline-color:rgba(122,46,59,.4)}

/* 文字商标与标题:实色,不再用渐变文字 */
.logo span,.f-logo span,.hx-grad{background:none;-webkit-background-clip:unset;
  background-clip:unset;color:var(--brand)}

/* 按钮:扁平深绿,悬停加深 */
.btn{background:var(--brand);box-shadow:none}
.btn:hover{background:#5e2130;box-shadow:0 6px 18px -8px rgba(122,46,59,.5)}
.btn-lg:hover{box-shadow:0 10px 26px -10px rgba(122,46,59,.5)}
.btn-outline,.btn-ghost{background:transparent;color:var(--brand);border-color:var(--brand)}
.btn-outline:hover,.btn-ghost:hover{background:var(--brand-soft)}
input:focus,textarea:focus,select:focus{border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(122,46,59,.13)}
input[type=text]:hover,input[type=password]:hover,input[type=tel]:hover,
input[type=email]:hover,textarea:hover,select:hover{border-color:#d8cfc4}

/* Hero:暖白底 + 单色淡绿光晕,点阵改暖灰 */
.hx-hero::before{background:
  radial-gradient(48% 44% at 50% 16%,rgba(122,46,59,.09),transparent 72%),
  linear-gradient(var(--bg),var(--bg))}
.hx-hero::after{background-image:radial-gradient(circle,#ddd3c4 1px,transparent 1px)}
.hx-badge{border-color:var(--line);color:var(--body)}
.hx-badge b{display:none}                 /* 去装饰性状态圆点 */

/* 工具卡与上传区 */
.hx-tool{box-shadow:var(--sh-lg)}
.hx-drop{background:var(--brand-soft);border-color:#dfc3c9}
.hx-drop:hover,.hx-drop.as-drag{border-color:var(--brand);background:#f1dfe3}
.hx-drop-ic{background:var(--brand)}
.hx-acc-item.open{border-color:var(--brand);background:#fdfafb;
  box-shadow:0 0 0 3px rgba(122,46,59,.10)}
.hx-acc-dot{display:none}                 /* 模块选中态由边框表达,去圆点 */
.hx-acc-item:hover{border-color:#b9c6bd}
.hx-degree button:hover{border-color:var(--brand)}
.hx-degree button.on{border-color:var(--brand);background:var(--brand);
  box-shadow:0 4px 12px -4px rgba(122,46,59,.45)}
.hx-acc-link{color:var(--brand)}

/* 数据行:去多彩数字,统一墨色 */
.hx-stats .hx-stat:nth-child(1) b,.hx-stats .hx-stat:nth-child(2) b,
.hx-stats .hx-stat:nth-child(3) b,.hx-stats .hx-stat:nth-child(4) b{color:var(--ink)}

/* 眉题:去胶囊底,改小字距大写式弱标记 */
.hx-eyebrow,.hx-sec-alt .hx-eyebrow{background:none;padding:0;border-radius:0;
  color:var(--brand);letter-spacing:.22em;font-size:12.5px}

/* 分类卡:去三色顶饰条,单强调色 */
.hx-cat::before{content:none}
.hx-cats .hx-cat:nth-child(1) .hx-cat-go,.hx-cats .hx-cat:nth-child(2) .hx-cat-go,
.hx-cats .hx-cat:nth-child(3) .hx-cat-go{color:var(--brand)}
.hx-cat:hover{border-color:#d8cfc4}

/* 三步流程:从三等分卡片改为行式清单(打破三连卡指纹) */
.hx-steps{grid-template-columns:1fr;max-width:680px;margin-left:auto;margin-right:auto;gap:12px}
.hx-step{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;
  padding:20px 24px;text-align:left}
.hx-step-num{grid-row:1 / span 2;margin-bottom:0;margin-top:2px}
.hx-steps .hx-step:nth-child(1) .hx-step-num,.hx-steps .hx-step:nth-child(2) .hx-step-num,
.hx-steps .hx-step:nth-child(3) .hx-step-num{background:var(--brand)}
.hx-step:hover{transform:none;box-shadow:var(--sh-sm)}
.hx-step::after{content:none!important}

/* 能力网格:图标底统一浅绿 */
.hx-grid .hx-tile:nth-child(2) span,.hx-grid .hx-tile:nth-child(3) span,
.hx-grid .hx-tile:nth-child(4) span,.hx-grid .hx-tile:nth-child(5) span,
.hx-grid .hx-tile:nth-child(6) span{background:var(--brand-soft)}
.hx-tile:hover,.hx-cat:hover{border-color:#d8cfc4}

/* 底部 CTA:深绿实色 */
.hx-cta-inner{background:#6a2734}
.hx-cta-inner::before{background:radial-gradient(60% 90% at 80% 0%,rgba(255,255,255,.10),transparent 60%)}
.hx-cta-inner .btn{background:#fff;color:var(--brand)}
.hx-cta-inner .btn:hover{background:#f7eff1}

/* 预览滚动区:暖色背景 */
#pvScroll{background:#ece5d9!important}
.tpl-modal-scroll{background:#2f302a}
#pvScroll::-webkit-scrollbar-thumb,.tpl-modal-scroll::-webkit-scrollbar-thumb{background:#bfb4a8}
#pvScroll,.tpl-modal-scroll{scrollbar-color:#bfb4a8 transparent}

/* 步骤/向导/支付等余留紫色定制点 -> 主色 */
.wz-num,.hx-drop-ic{background:var(--brand)}
.spinner{border-color:var(--brand-soft);border-top-color:var(--brand)}
.pricetag{color:var(--brand)}
.mode-tab.active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
/* CTA 对比度加深 */
.hx-cta-inner{background:#6a2734}

/* ============================================================
   高级感 v8 · 依据 high-end-visual-design skill
   原型:Editorial Luxury(纸感+衬线大字) 要素:悬浮胶囊导航/
   双重边框容器/胶囊按钮+内嵌圆钮/自定义缓动/颗粒质感/大留白
   ============================================================ */
:root{
  --ease:cubic-bezier(.32,.72,0,1);
  --serif:"XG Serif","Noto Serif SC","Songti SC","STZhongsong","SimSun",serif;
  --sh-md:0 18px 50px -20px rgba(60,30,36,.18);
  --sh-lg:0 40px 90px -30px rgba(60,30,36,.26);
}

/* 衬线显示字:论文产品用宋体系大标题,天然贴题 */
.hx-h1,.hx-h2,.hx-cta-inner h2,.hx-split h3{font-family:var(--serif);letter-spacing:.01em}
.hx-h1{font-size:clamp(38px,6vw,64px);font-weight:900;line-height:1.14}
.hx-h2{font-size:clamp(28px,3.8vw,44px);font-weight:800}
.hx-stat b{font-family:var(--serif);font-size:30px}
.pricetag{font-family:var(--serif)}

/* 纸感颗粒(固定层,不随内容重绘) */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>")}

/* 悬浮胶囊导航(脱离页顶的玻璃岛) */
.nav{position:sticky;top:10px;background:transparent;border-bottom:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 14px}
.nav .nav-inner{max-width:1092px;height:56px;padding:0 12px 0 24px;
  background:rgba(250,247,241,.84);backdrop-filter:saturate(160%) blur(14px);
  -webkit-backdrop-filter:saturate(160%) blur(14px);
  border:1px solid rgba(36,28,30,.09);border-radius:999px;
  box-shadow:0 12px 34px -20px rgba(60,30,36,.4)}
[id]{scroll-margin-top:86px}

/* 按钮:全胶囊 + 物理缓动 + 内嵌圆钮 */
.btn{border-radius:999px;
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .3s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:scale(.97)}
.btn-sm,.btn-lg{border-radius:999px}
.btn-orb{display:inline-flex;width:26px;height:26px;border-radius:99px;
  background:rgba(255,255,255,.18);align-items:center;justify-content:center;
  margin-left:9px;vertical-align:-7px;font-size:14px;font-weight:400;
  transition:transform .5s var(--ease)}
.btn:hover .btn-orb{transform:translate(3px,-1px) scale(1.08)}
.hx-cta-inner .btn .btn-orb{background:rgba(122,46,59,.13)}

/* 双重边框(机加工质感):核心容器像"玻璃嵌在托盘里" */
.hx-tool{border-radius:24px;border-color:rgba(36,28,30,.08);
  box-shadow:0 0 0 6px rgba(36,28,30,.035),0 0 0 7px rgba(36,28,30,.05),var(--sh-lg)}
.hx-compare img{border-radius:14px;
  box-shadow:0 0 0 5px rgba(36,28,30,.04),0 0 0 6px rgba(36,28,30,.05),var(--sh-md)}
#pvScroll{box-shadow:inset 0 1px 8px rgba(36,28,30,.08),0 0 0 6px rgba(36,28,30,.03)}
.hx-cta-inner{border-radius:28px;padding:84px 32px;
  box-shadow:0 0 0 6px rgba(106,39,52,.12),var(--sh-lg)}

/* 大留白:区块重呼吸 */
.hx-sec{padding:112px 0}
.hx-hero{padding:86px 0 72px}
@media (max-width:640px){.hx-sec{padding:64px 0}.hx-hero{padding:56px 0 48px}}

/* 徽章:微型大写字距胶囊 */
.hx-badge{letter-spacing:.16em;font-size:12px;padding:7px 18px;font-weight:700}

/* 滚动入场:重感淡入 + 微模糊聚焦 */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(26px);filter:blur(5px);
    transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease)}
  .rv.in{opacity:1;transform:none;filter:none}
}

/* 卡片统一物理缓动 */
.hx-cat,.hx-tile,.hx-step,.hx-faq details,.card,.panel{
  transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s var(--ease)}
.hx-cat:hover{transform:translateY(-6px);box-shadow:var(--sh-md)}
.card,.panel,.adm-block{border-radius:18px}

/* ---- 管理后台高级化 ---- */
.adm-side{border-radius:20px;box-shadow:var(--sh-sm);padding:16px 12px}
.adm-side-a{border-radius:99px;transition:background .3s var(--ease),color .3s var(--ease)}
.adm-side-a.on{background:var(--brand);color:#fff}
.adm-side-a.on b{color:#ffe1cf}
.adm-block{box-shadow:0 0 0 5px rgba(36,28,30,.025),var(--sh-sm)}
.adm-nav{top:78px;background:rgba(250,247,241,.92)}
th{letter-spacing:.06em;text-transform:uppercase;font-size:12px}
tr:hover td{background:rgba(122,46,59,.03)}
.adm-school{background:#fcf9f7;border-radius:16px}
.tag{border-radius:99px}

/* ============================================================
   布局强化 v9 · 依据 gpt-taste / minimalist-ui skill
   要点:马克笔高亮标题/不对称Bento格/Z轴层叠对比图/FAQ双栏/
   数据行加大衬线数字,版式家族更多样、冲击力更强
   ============================================================ */
/* Hero 标题:绿色马克笔高亮扫过"一键排好" */
.hx-grad{background-image:linear-gradient(transparent 62%,rgba(122,46,59,.16) 62%,rgba(122,46,59,.16) 94%,transparent 94%);
  padding:0 .06em}

/* 数据行:衬线大数字,更有编辑气质 */
.hx-stat b{font-size:38px;line-height:1.2}
.hx-stat span{font-size:14px}

/* 能力网格 -> 不对称 Bento:首格加大跨两列,末格反色深绿 */
.hx-grid{gap:14px}
@media (min-width:961px){
  .hx-grid .hx-tile:nth-child(1){grid-column:span 2;display:grid;
    grid-template-columns:auto 1fr;column-gap:18px;align-items:start;padding:28px}
  .hx-grid .hx-tile:nth-child(1) span{grid-row:1/span 2;width:54px;height:54px;font-size:26px}
  .hx-grid .hx-tile:nth-child(1) h3{font-size:19px;margin-top:2px}
  .hx-grid .hx-tile:nth-child(1) p{font-size:14.5px}
}
.hx-grid .hx-tile:nth-child(6){background:#6a2734;border-color:#6a2734}
.hx-grid .hx-tile:nth-child(6) h3{color:#fff}
.hx-grid .hx-tile:nth-child(6) p{color:rgba(255,255,255,.82)}
.hx-grid .hx-tile:nth-child(6) span{background:rgba(255,255,255,.14)}

/* 效果对比 -> Z轴层叠:排版前压底左倾,排版后放大右倾在前,悬停归正 */
@media (min-width:641px){
  .hx-compare{position:relative;display:block;min-height:460px;margin-left:8px}
  .hx-compare figure{position:absolute;width:56%;margin:0;
    transition:transform .6s var(--ease)}
  .hx-compare figure:first-child{left:0;top:26px;transform:rotate(-3deg);z-index:1;
    filter:saturate(.7) brightness(.985)}
  .hx-compare .hx-cmp-after{right:0;top:0;width:62%;transform:rotate(2deg);z-index:2}
  .hx-compare:hover figure{transform:rotate(0)}
  .hx-cmp-after img{box-shadow:0 0 0 5px rgba(122,46,59,.12),0 0 0 6px rgba(122,46,59,.18),
    0 34px 70px -24px rgba(60,30,36,.4)}
}

/* FAQ:桌面双栏,页面更紧凑 */
@media (min-width:861px){
  .hx-faq{max-width:960px;columns:2;column-gap:14px}
  .hx-faq details{break-inside:avoid;margin-bottom:14px}
}

/* 三步流程:左侧竖向连线轨道,流程感更强 */
.hx-steps{position:relative}
@media (min-width:641px){
  .hx-steps::before{content:"";position:absolute;left:39px;top:28px;bottom:28px;
    border-left:2px dashed #cfd8cf;z-index:0}
  .hx-step{position:relative;z-index:1}
}
/* Bento 修正:末格(深绿)整行横贯,不留空格 */
@media (min-width:961px){
  .hx-grid .hx-tile:nth-child(6){grid-column:span 3;display:grid;
    grid-template-columns:auto 1fr;column-gap:18px;align-items:center;padding:26px 28px}
  .hx-grid .hx-tile:nth-child(6) span{grid-row:1/span 2;width:54px;height:54px;font-size:26px}
  .hx-grid .hx-tile:nth-child(6) h3{font-size:18px}
}

/* ============================================================
   连续画布 + 动效层 v10 · 依据 taste-skill "一页一主题"与动效规范
   ============================================================ */
/* 去掉交替底色色带:整页一张连续的纸,由留白与卡片划分区块 */
.hx-sec-alt{background:transparent}
.footer{background:transparent;border-top:1px solid var(--line)}

/* 导航链接:悬停下划线从左滑出 */
.nav nav a:not(.btn){position:relative}
.nav nav a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-4px;
  border-bottom:2px solid var(--brand);transition:right .35s var(--ease)}
.nav nav a:not(.btn):hover::after{right:0}

@media (prefers-reduced-motion:no-preference){
  /* Hero 标题:马克笔高亮从左到右扫出 */
  .hx-grad{background-repeat:no-repeat;background-size:0% 100%;
    animation:hxmark .9s .5s var(--ease) forwards}
  @keyframes hxmark{to{background-size:100% 100%}}

  /* 上传图标:箭头轻微上浮呼吸,暗示"上传" */
  .hx-drop-ic svg{animation:hxup 2.4s ease-in-out infinite}
  @keyframes hxup{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

  /* 效果对比:进入视口时两张纸从叠齐"扇开" */
  .hx-split>div.rv .hx-compare figure:first-child,
  .hx-split>div.rv .hx-compare .hx-cmp-after{transform:rotate(0)}
  .hx-split>div.rv.in .hx-compare figure:first-child{
    animation:fanL .9s .15s var(--ease) forwards}
  .hx-split>div.rv.in .hx-compare .hx-cmp-after{
    animation:fanR .9s .15s var(--ease) forwards}
  @keyframes fanL{from{transform:rotate(0) translateX(6%)}to{transform:rotate(-3deg) translateX(0)}}
  @keyframes fanR{from{transform:rotate(0) translateX(-6%)}to{transform:rotate(2deg) translateX(0)}}
  .hx-compare:hover figure{animation-play-state:paused}

  /* 分类卡/步骤/能力格:错峰入场 */
  .hx-cats .rv:nth-child(2),.hx-steps .rv:nth-child(2){transition-delay:.1s}
  .hx-cats .rv:nth-child(3),.hx-steps .rv:nth-child(3){transition-delay:.2s}
  .hx-grid .rv:nth-child(2),.hx-grid .rv:nth-child(5){transition-delay:.08s}
  .hx-grid .rv:nth-child(3),.hx-grid .rv:nth-child(6){transition-delay:.16s}
}

/* ============================================================
   大胆版 v11:恢复区块色带节奏 + 影院级暗色 Hero
   (开屏深墨绿×白宋体大字,与纸白正文强对比,与页尾CTA首尾呼应)
   ============================================================ */
/* 恢复交替底色(区块节奏) */
.hx-sec-alt{background:var(--alt)}
.footer{background:var(--alt)}

/* 暗色 Hero 舞台 */
.hx-hero{background:radial-gradient(130% 110% at 50% -22%,#237a5e 0%,#164634 46%,#0e2c21 100%);
  padding:96px 0 84px}
.hx-hero::before{content:none}
.hx-hero::after{background-image:radial-gradient(circle,rgba(255,255,255,.16) 1px,transparent 1px);
  opacity:.45}
.hx-h1{color:#f8f7f1;font-size:clamp(40px,6.4vw,72px)}
.hx-grad{color:#9fe0c4;
  background-image:linear-gradient(transparent 62%,rgba(159,224,196,.22) 62%,rgba(159,224,196,.22) 94%,transparent 94%)}
.hx-sub{color:rgba(248,247,241,.78);font-size:18px}
.hx-badge{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);
  color:rgba(248,247,241,.88);box-shadow:none}
/* 工具卡:白卡浮在暗幕上,亮环托底 */
.hx-tool{box-shadow:0 0 0 6px rgba(255,255,255,.07),0 0 0 7px rgba(255,255,255,.1),
  0 50px 110px -30px rgba(0,0,0,.55)}
/* 数据行:反白 */
.hx-stat b{color:#f8f7f1!important}
.hx-stat span{color:rgba(248,247,241,.6)}
.hx-stat + .hx-stat{border-left-color:rgba(255,255,255,.16)}
/* 人物插画在暗幕上略收敛 */
.hx-float{opacity:.9}

/* ============================================================
   色彩节奏 v12 · 依据 taste-skill 配色一致性锁
   中段补"色彩瞬间":色带调为绿意纸色,网格/卡片点缀浅绿底,
   形成 深绿Hero -> 纸白 -> 绿纸带 -> 纸白 -> 绿纸带 -> 深绿CTA 的纵向韵律
   ============================================================ */
/* 色带:灰 -> 带绿意的纸色(保留分界节奏,同时呼应品牌) */
.hx-sec-alt{background:#eef3ec}
.footer{background:#eef3ec}
.hx-sec-alt .hx-step{border-color:#dbe6dc}
.hx-sec-alt .hx-faq details{border-color:#dbe6dc}

/* 分类卡:插画区垫浅绿软底,白卡不再素面 */
.hx-cat-art{background:var(--brand-soft);border-radius:14px;height:112px;
  display:flex;align-items:center;justify-content:center;padding:10px}
.hx-cat-art img{height:88px}

/* Bento:第2、4格浅绿纸底(满足"网格底色多样性"规则) */
.hx-grid .hx-tile:nth-child(2),.hx-grid .hx-tile:nth-child(4){
  background:var(--brand-soft);border-color:#d7e5da}
.hx-grid .hx-tile:nth-child(2) span,.hx-grid .hx-tile:nth-child(4) span{background:#fff}

/* FAQ 展开态:绿意加深一点,与色带层次分开 */
.hx-faq details[open]{background:#fff}

/* 对比区(白底段):给"用我的文档试试"按钮所在文案列一个左侧绿线,拉住视线 */
.hx-split>div:first-child{border-left:3px solid var(--brand);padding-left:22px}
@media (max-width:640px){.hx-split>div:first-child{border-left:none;padding-left:0}}

/* ============================================================
   v13:恢复浅色 Hero 与灰白色带 + 语言切换按钮
   ============================================================ */
/* Hero 回到纸白浅色版 */
.hx-hero{background:none;padding:86px 0 72px}
.hx-hero::before{content:"";position:absolute;inset:-40% -20% auto;height:130%;z-index:-1;
  background:radial-gradient(48% 44% at 50% 16%,rgba(122,46,59,.09),transparent 72%),
  linear-gradient(var(--bg),var(--bg))}
.hx-hero::after{background-image:radial-gradient(circle,#ddd3c4 1px,transparent 1px);opacity:.35}
.hx-h1{color:var(--ink);font-size:clamp(38px,6vw,64px)}
.hx-grad{color:var(--brand);
  background-image:linear-gradient(transparent 62%,rgba(122,46,59,.16) 62%,rgba(122,46,59,.16) 94%,transparent 94%)}
.hx-sub{color:var(--body)}
.hx-badge{background:#fff;border-color:var(--line);color:var(--body);box-shadow:var(--sh-sm)}
.hx-tool{box-shadow:0 0 0 6px rgba(36,28,30,.035),0 0 0 7px rgba(36,28,30,.05),var(--sh-lg)}
.hx-stat b{color:var(--ink)!important}
.hx-stat span{color:var(--faint)}
.hx-stat + .hx-stat{border-left-color:var(--line)}
.hx-float{opacity:.96}
/* 色带回到灰白 */
.hx-sec-alt{background:var(--alt)}
.footer{background:var(--alt)}
.hx-sec-alt .hx-step{border-color:var(--line)}
.hx-sec-alt .hx-faq details{border-color:var(--line)}

/* 语言切换按钮(导航右侧) */
.lang-btn{border:1.5px solid var(--line);background:#fff;border-radius:99px;
  padding:6px 14px;font-family:inherit;font-size:13px;font-weight:700;color:var(--body);
  cursor:pointer;transition:.25s var(--ease);letter-spacing:.04em}
.lang-btn:hover{border-color:var(--brand);color:var(--brand)}

/* ============================================================
   v14:四模块工具卡(2×2) + "你提要求"文本域 + 移动端衬线字体
   ============================================================ */
.hx-acc{grid-template-columns:repeat(3,1fr)}
@media (max-width:760px){.hx-acc{grid-template-columns:1fr}}
#reqText,#reqtextarea{font-size:13px;line-height:1.8;resize:vertical;min-height:150px}
.hx-req-tip{font-size:11.5px;color:var(--faint);line-height:1.5}

/* 移动端衬线标题:自带字体不全,用内置的子集化衬线字体兜底 */
@font-face{
  font-family:"XG Serif";
  src:url("/static/fonts/xg-serif.woff2") format("woff2");
  font-weight:400 900;
  font-display:swap;
}

/* ============================================================
   v15:按钮箭头圆钮精确对齐 + 全端底部悬浮"立即排版"
   ============================================================ */
/* 按钮改弹性布局:文字与圆钮箭头绝对垂直居中 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn-orb{margin-left:0;vertical-align:baseline;width:24px;height:24px;font-size:13px;
  flex:none}
/* 表单里的按钮保持原尺寸节奏 */
.hx-drop .btn{flex:none}

/* 底部悬浮 CTA:桌面端也启用(滚过上传区后出现,固定不随页面滚动) */
@media (min-width:641px){
  .hx-mcta{display:block;position:fixed;left:50%;bottom:22px;z-index:60;
    padding:0;background:none;border:none;backdrop-filter:none;
    transform:translateX(-50%) translateY(180%);
    transition:transform .35s var(--ease)}
  .hx-mcta.show{transform:translateX(-50%) translateY(0)}
  .hx-mcta .btn{display:inline-flex;width:auto;padding:14px 30px;font-size:15.5px;
    box-shadow:0 16px 44px -14px rgba(80,28,38,.55)}
  .hx-top{bottom:24px}                 /* 与悬浮按钮同高,右下角 */
}

/* ============================================================
   v3.2 · AIGC 预检模块(/aigc)
   与主站同一套视觉:纸感底、深绿主色、衬线大字、胶囊按钮;
   红/黄两级高亮只用于"疑似 AI 句子",其余不引入新色。
   ============================================================ */
:root{
  --ag-red:#c0392b; --ag-red-bg:#fbe4e1; --ag-red-line:#f1b8b1;
  --ag-yel:#9a6a00; --ag-yel-bg:#fff2c4; --ag-yel-line:#f0d987;
  --ag-grn:#0e9f6e; --ag-grn-bg:#e8f8f1;
}
/* ---- 服务页 hero 工具卡 ---- */
.ag-hero{padding:72px 0 56px}
.ag-hero .hx-sub{max-width:640px}
.ag-tool{max-width:1072px;margin:36px auto 0;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:0;
  background:#fff;border:1px solid rgba(36,28,30,.08);border-radius:24px;text-align:left;
  box-shadow:0 0 0 6px rgba(36,28,30,.035),0 0 0 7px rgba(36,28,30,.05),var(--sh-lg);overflow:hidden}
.ag-tool-main{padding:28px 30px 24px}
.ag-tool-side{padding:28px 26px;background:var(--alt);border-left:1px solid var(--line)}
.ag-tool-side h4{font-size:15px;margin-bottom:12px}
.ag-tool-side li{font-size:13.5px;color:var(--body);margin-bottom:8px;list-style:none;
  padding-left:22px;position:relative}
.ag-tool-side li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:800}
.ag-price{display:flex;align-items:baseline;gap:8px;margin:4px 0 14px}
.ag-price b{font-family:var(--serif);font-size:38px;font-weight:900;color:var(--brand);line-height:1}
.ag-price span{font-size:13.5px;color:var(--faint)}
.ag-drop{display:flex;align-items:center;gap:14px;border:1.8px dashed #dfc3c9;border-radius:14px;
  padding:22px 20px;background:var(--brand-soft);cursor:pointer;transition:.2s var(--ease)}
.ag-drop:hover,.ag-drop.as-drag{border-color:var(--brand);background:#f1dfe3}
.ag-drop.as-hasfile{border-style:solid;border-color:var(--ok);background:#f0fdf7}
.ag-drop .hx-drop-ic{background:var(--brand)}
.ag-drop-txt{flex:1;min-width:0}
.ag-drop-txt b{display:block;font-size:15.5px}
.ag-drop-txt span{font-size:12.5px;color:var(--faint)}
.ag-opts{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px}
.ag-opts label{font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px}
.ag-opts select{width:auto;min-width:200px;padding:9px 12px;font-size:14px}
.ag-agree{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--body);margin-top:16px}
.ag-agree input{margin-top:4px}
.ag-tool .btn-lg{width:100%;margin-top:18px}
.ag-recent{margin-top:16px;font-size:13.5px;color:var(--body);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ag-recent a{padding:4px 12px;border:1px solid var(--line);border-radius:99px;background:#fff;font-weight:600;font-size:12.5px}
.ag-policy{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:22px;font-size:13px;color:var(--faint)}
.ag-policy em{font-style:normal;background:#fff;border:1px solid var(--line);border-radius:99px;padding:6px 14px}

/* ---- 三色图例 ---- */
.ag-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--body)}
.ag-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:6px}
.ag-legend .r i{background:var(--ag-red-bg);border:1px solid var(--ag-red-line)}
.ag-legend .y i{background:var(--ag-yel-bg);border:1px solid var(--ag-yel-line)}
.ag-legend .g i{background:#fff;border:1px solid var(--line)}

/* ---- 报告页 ---- */
.ag-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.ag-head h2{font-family:var(--serif);font-size:clamp(22px,3vw,30px)}
.ag-crumb{font-size:13px;color:var(--faint);margin-bottom:6px}
.ag-crumb a{color:var(--faint)}
.ag-steps{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px}
.ag-steps a,.ag-steps span{padding:5px 12px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--body);font-weight:600}
.ag-steps .cur{background:var(--brand);color:#fff;border-color:var(--brand)}
.ag-steps .arrow{border:none;background:none;padding:0 2px;color:var(--faint)}
.ag-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:14px;margin-bottom:18px}
.ag-metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:var(--sh-sm);position:relative}
.ag-metric small{display:block;font-size:12.5px;color:var(--faint);font-weight:600;letter-spacing:.04em}
.ag-metric b{display:block;font-family:var(--serif);font-size:40px;font-weight:900;line-height:1.15;margin-top:6px;letter-spacing:-.01em}
.ag-metric .sub{font-size:12.5px;color:var(--body);margin-top:6px}
.ag-metric.main{background:linear-gradient(135deg,#fff,#fbf6f7);border-color:#e6cdd2}
.ag-metric.main b{font-size:54px;color:var(--brand)}
.ag-metric.red b{color:var(--ag-red)}
.ag-metric.yel b{color:var(--ag-yel)}
.ag-lvl{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;margin-left:8px;vertical-align:middle}
.ag-lvl.ok{background:var(--ag-grn-bg);color:var(--ag-grn)}
.ag-lvl.warn{background:var(--ag-yel-bg);color:var(--ag-yel)}
.ag-lvl.bad{background:var(--ag-red-bg);color:var(--ag-red)}
.ag-target{font-size:13px;margin-top:8px}
.ag-metric .ag-target b,.ag-metric.main .ag-target b{display:inline;font-family:inherit;font-size:13.5px;font-weight:800;margin:0;line-height:inherit}
.ag-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:18px;align-items:start}
.ag-grid>*{min-width:0}
.ag-pane{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh-sm)}
.ag-pane-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;
  padding:14px 20px;border-bottom:1px solid var(--line);position:sticky;top:76px;background:#fff;z-index:5;border-radius:18px 18px 0 0}
.ag-pane-h h3{font-size:15.5px}
.ag-pane-h label{font-size:13px;color:var(--body);display:flex;gap:6px;align-items:center;font-weight:600;cursor:pointer}
.ag-doc{padding:8px 22px 22px;font-size:15px;line-height:2;color:var(--ink)}
.ag-doc .h{font-weight:800;font-size:16.5px;margin:22px 0 4px;font-family:var(--serif)}
.ag-doc .ref,.ag-doc .skip{color:var(--faint);font-size:13px;line-height:1.7}
.ag-doc p{margin:0 0 4px;padding:6px 10px;border-radius:8px;scroll-margin-top:140px}
.ag-doc p.body{text-indent:2em}
.ag-doc p.red{background:#fffafa;border-left:3px solid var(--ag-red-line)}
.ag-doc p.yellow{background:#fffdf5;border-left:3px solid var(--ag-yel-line)}
.ag-doc p.hit{outline:2px solid var(--brand);outline-offset:2px}
.ag-doc .s{padding:1px 0;border-radius:3px;cursor:default;transition:.2s}
.ag-doc .s.red{background:var(--ag-red-bg);box-shadow:inset 0 -2px 0 var(--ag-red-line)}
.ag-doc .s.yellow{background:var(--ag-yel-bg);box-shadow:inset 0 -2px 0 var(--ag-yel-line)}
.ag-doc .s[title]:hover{filter:brightness(.95)}
.ag-doc.only-flag p.green,.ag-doc.only-flag .ref,.ag-doc.only-flag .skip{display:none}
.ag-tags{display:flex;gap:5px;flex-wrap:wrap;margin:2px 0 8px;text-indent:0}
.ag-tag{font-size:11.5px;padding:2px 9px;border-radius:99px;background:var(--alt);color:var(--body);border:1px solid var(--line);line-height:1.6}
.ag-tag.red{background:var(--ag-red-bg);color:var(--ag-red);border-color:var(--ag-red-line)}
.ag-tag.yellow{background:var(--ag-yel-bg);color:var(--ag-yel);border-color:var(--ag-yel-line)}
.ag-side{display:flex;flex-direction:column;gap:16px}
.ag-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--sh-sm)}
.ag-card h3{font-size:15.5px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}
.ag-card h3 .muted{font-weight:500}
.ag-todo{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto;padding-right:4px}
.ag-todo li{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start;cursor:pointer;transition:.2s}
.ag-todo li:hover{border-color:var(--brand);background:#fdfafb}
.ag-todo .n{flex:none;width:26px;height:26px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px;color:#fff}
.ag-todo .n.red{background:var(--ag-red)}
.ag-todo .n.yellow{background:var(--ag-yel)}
.ag-todo .t{flex:1;min-width:0}
.ag-todo .t b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-todo .t span{font-size:12px;color:var(--faint)}
.ag-todo .t .ag-tags{margin:5px 0 0}
.ag-secs{display:flex;flex-direction:column;gap:8px}
.ag-sec{font-size:13px}
.ag-sec .l{display:flex;justify-content:space-between;color:var(--body)}
.ag-sec .l b{color:var(--ink)}
.ag-bar{height:8px;border-radius:99px;background:var(--alt);overflow:hidden;margin-top:4px}
.ag-bar i{display:block;height:100%;background:var(--brand);border-radius:99px}
.ag-bar i.red{background:var(--ag-red)}
.ag-bar i.yellow{background:var(--ag-yel)}
.ag-hist{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ag-hist a,.ag-hist span{padding:5px 12px;border-radius:99px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--body);background:#fff}
.ag-hist .cur{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.ag-hist .down{color:var(--brand)}
.ag-hist .up{color:var(--ag-red)}
.ag-file{width:100%;font-size:13px;background:var(--alt);border:1.5px dashed var(--line);border-radius:10px;padding:10px}
.ag-note{font-size:12.5px;color:var(--body);line-height:1.7}
.ag-note b{color:var(--ink)}
/* 处理中 */
.ag-progress{max-width:640px;margin:0 auto}
.ag-prog{height:10px;background:var(--alt);border-radius:99px;overflow:hidden;margin:18px 0 8px}
.ag-prog i{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .6s var(--ease)}
/* 锁定态 */
.ag-lock{position:relative;min-height:560px;overflow:hidden}
.ag-lock .ag-pane-h{position:relative;top:auto;z-index:6}
.ag-lock .ag-doc{filter:blur(4px);user-select:none;pointer-events:none;opacity:.7}
.ag-lock-box{position:absolute;left:0;right:0;bottom:0;top:58px;display:flex;align-items:flex-start;justify-content:center;
  padding:44px 20px;background:linear-gradient(180deg,rgba(250,247,241,.15),rgba(250,247,241,.94) 35%)}
.ag-paybox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 34px;text-align:center;max-width:440px;
  box-shadow:0 0 0 6px rgba(36,28,30,.035),var(--sh-lg)}
.ag-paybox h3{font-family:var(--serif);font-size:22px;margin-bottom:6px}
.ag-paybox .pricetag{font-size:44px;margin:8px 0 2px}
.ag-paybox ul{list-style:none;text-align:left;margin:14px auto 18px;display:inline-block;font-size:13.5px;color:var(--body)}
.ag-paybox li{padding-left:22px;position:relative;margin-bottom:6px}
.ag-paybox li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:800}
/* 记录页 */
.ag-group{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-bottom:14px;box-shadow:var(--sh-sm)}
.ag-group-h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ag-group-h h3{font-size:16.5px}
.ag-group-h .muted{font-size:13px}
.ag-timeline{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.ag-timeline a{display:flex;flex-direction:column;align-items:center;min-width:88px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff}
.ag-timeline a b{font-family:var(--serif);font-size:20px;font-weight:900}
.ag-timeline a span{font-size:11.5px;color:var(--faint)}
.ag-timeline a.done b{color:var(--brand)}
.ag-timeline a.bad b{color:var(--ag-red)}
.ag-timeline .ar{color:var(--faint)}
/* 首页推广 */
.ag-promo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:24px;padding:44px 48px;box-shadow:0 0 0 6px rgba(36,28,30,.03),var(--sh-md);text-align:left}
.ag-promo h2{font-family:var(--serif);font-size:clamp(26px,3.2vw,38px);margin:10px 0 12px}
.ag-promo p{color:var(--body);font-size:15.5px}
.ag-promo .btn{margin-top:22px}
.ag-mock{background:var(--alt);border:1px solid var(--line);border-radius:18px;padding:18px;font-size:12.5px;line-height:1.9;color:var(--body)}
.ag-mock-top{display:flex;gap:10px;margin-bottom:12px}
.ag-mock-top div{flex:1;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.ag-mock-top small{display:block;font-size:10.5px;color:var(--faint)}
.ag-mock-top b{font-family:var(--serif);font-size:20px;font-weight:900;color:var(--brand)}
.ag-mock-top .r b{color:var(--ag-red)}
.ag-mock-top .y b{color:var(--ag-yel)}
.ag-mock p{margin:0;background:#fff;border-radius:8px;padding:6px 10px;margin-bottom:6px;text-indent:1.5em}
.ag-mock .s.red{background:var(--ag-red-bg)}
.ag-mock .s.yellow{background:var(--ag-yel-bg)}
.ag-mock .why{display:inline-block;text-indent:0;font-size:10.5px;padding:0 7px;border-radius:99px;margin-left:6px;background:var(--ag-red-bg);color:var(--ag-red)}
@media (max-width:960px){
  .ag-tool{grid-template-columns:1fr}
  .ag-tool-side{border-left:none;border-top:1px solid var(--line)}
  .ag-metrics{grid-template-columns:1fr 1fr}
  .ag-grid{grid-template-columns:1fr}
  .ag-promo{grid-template-columns:1fr;padding:30px 26px;gap:26px}
}
@media (max-width:640px){
  .ag-metrics{grid-template-columns:1fr 1fr}
  .ag-metric.main{grid-column:1/-1}
  .ag-doc{padding:6px 12px 16px;font-size:14.5px}
  .ag-pane-h{position:static}
}
/* 原理三格:等宽,不用首页的 Bento 变体 */
.ag-grid3 .hx-tile:nth-child(1){grid-column:auto;display:block;padding:22px}
.ag-grid3 .hx-tile:nth-child(1) span{width:auto;height:auto;font-size:20px}
.ag-grid3 .hx-tile:nth-child(1) h3{font-size:15.5px;margin:10px 0 5px}
.ag-grid3 .hx-tile:nth-child(1) p{font-size:13.5px}
.ag-grid3 .hx-tile span{display:inline-flex;width:40px;height:40px;border-radius:12px;align-items:center;justify-content:center;background:var(--brand-soft)}
@media (max-width:640px){.nav-ag{display:none}}
.ag-doc .frag{background:var(--ag-yel-bg);border-left:3px solid var(--ag-yel-line);color:var(--body);font-size:13px;padding:2px 10px;margin:0}

/* ---- 首页 AIGC 预检入口:顶部通告条 + 导航高亮 + Hero 芯片 ---- */
.ag-announce{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  background:#6a2734;color:#fff;padding:9px 18px;font-size:13.5px;line-height:1.5;text-decoration:none}
.ag-announce:hover{opacity:1;background:#521c28}
.ag-announce-tag{background:#ffd166;color:#1d1f1b;font-weight:900;font-size:11px;letter-spacing:.12em;
  padding:2px 8px;border-radius:99px}
.ag-announce-txt b{color:#fff}
.ag-announce-go{font-weight:800;border:1.5px solid rgba(255,255,255,.7);border-radius:99px;padding:3px 12px;white-space:nowrap}
.ag-announce + .nav{top:10px}
.nav nav a.nav-ag{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:700;
  border:1.5px solid var(--brand);border-radius:999px;padding:6px 13px;line-height:1.2;position:relative}
.nav nav a.nav-ag:hover{background:var(--brand-soft);opacity:1}
.nav nav a.nav-ag i{width:7px;height:7px;border-radius:99px;background:#e53935;display:inline-block;
  box-shadow:0 0 0 3px rgba(229,57,53,.18)}
.ag-hero-chip{display:inline-flex;align-items:center;gap:6px;margin-top:18px;padding:9px 18px;border-radius:999px;
  background:#fff;border:1.5px solid var(--brand);color:var(--brand);font-size:14px;font-weight:600;
  box-shadow:0 8px 24px -14px rgba(122,46,59,.5);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.ag-hero-chip:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(122,46,59,.55);opacity:1}
.ag-hero-chip span{display:inline-flex;width:22px;height:22px;border-radius:99px;background:var(--brand);color:#fff;
  align-items:center;justify-content:center;font-size:12px}
@media (max-width:640px){
  .ag-announce{font-size:12.5px;gap:8px;padding:8px 12px}
  .ag-announce-txt{flex-basis:100%;text-align:center}
}
@media (max-width:640px){
  .nav nav a.nav-ag{display:none}
  .ag-hero-chip{text-align:left;font-size:13px;padding:8px 14px}
  .ag-hero-chip b{white-space:nowrap}
}
@media (max-width:640px){
  .logo,.nav nav a,.nav nav .btn{white-space:nowrap}
  .nav .nav-inner{padding:0 10px 0 16px;height:52px}
  .nav nav{gap:10px;font-size:13px}
  .nav nav a.btn.btn-sm{padding:7px 12px;font-size:13px}
  .lang-btn{padding:5px 10px;font-size:12px}
  .ag-hero-chip{white-space:normal}
}
@media (max-width:640px){
  .ag-hero-chip{display:inline-block;line-height:1.7;text-align:center}
  .ag-hero-chip span{vertical-align:middle;margin-left:4px}
}

/* ---- 首页工具卡第三格:AIGC 预检 ---- */
.hx-acc-new{margin-left:auto;font-size:10px;font-weight:900;letter-spacing:.1em;background:#ffd166;color:#1d1f1b;
  border-radius:99px;padding:2px 7px;line-height:1.5}
.hx-acc-head{display:flex;align-items:center;gap:8px}
.hx-acc-aigc .hx-acc-dot{order:9}
.ag-mini{background:var(--alt);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:11.5px;line-height:1.7;color:var(--body)}
.ag-mini-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:11px;color:var(--faint)}
.ag-mini-top b{font-family:var(--serif);font-size:20px;font-weight:900;color:var(--brand)}
.ag-mini p{margin:0 0 4px;background:#fff;border-radius:6px;padding:3px 8px;text-indent:1.2em}
.ag-mini i{font-style:normal;padding:0 2px;border-radius:3px}
.ag-mini i.r{background:var(--ag-red-bg)}
.ag-mini i.y{background:var(--ag-yel-bg)}
.hx-ag-target{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.hx-ag-target select{font-size:13.5px;padding:9px 10px}
.hx-ag-note{font-size:12px;color:var(--faint);line-height:1.6}
.hx-ag-agree{margin-top:12px;background:var(--brand-soft);border-radius:12px;padding:10px 14px}

/* ---- 后台 v3.4:分页式后台 ---- */
.adm-side-g{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--faint);padding:12px 12px 4px;text-transform:uppercase}
.adm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 16px}
.adm-kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.adm-kpi small{display:block;font-size:12px;color:var(--faint);font-weight:600}
.adm-kpi b{display:block;font-family:var(--serif);font-size:28px;font-weight:900;line-height:1.2;margin-top:4px}
.adm-kpi span{display:block;font-size:12px;color:var(--body);margin-top:2px}
.adm-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.adm-two .card{padding:14px 16px}
.adm-head{align-items:center}
@media (max-width:960px){.adm-kpis{grid-template-columns:1fr 1fr}.adm-two{grid-template-columns:1fr}}

/* ============================================================
   v3.5 主题:勃艮第酒红 + 米白 + 暗金(方向 E)
   主色 #7a2e3b,纸底 #faf7f1,暗金 #b08d3c 只用于眉题/角标/高亮线/小点缀
   ============================================================ */
:root{--gold:#b08d3c;--gold-soft:rgba(176,141,60,.18)}
.hx-eyebrow{color:var(--gold)}
.hx-grad{background-image:linear-gradient(transparent 62%,var(--gold-soft) 62%,var(--gold-soft) 94%,transparent 94%)}
.hx-badge{border-color:#e3d3b4;color:#6b5a33;background:#fdf9f0}
.hx-acc-new,.ag-announce-tag{background:var(--gold);color:#fff}
.nav nav a.nav-ag i{background:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.hx-stat + .hx-stat{border-left-color:var(--line)}
.hx-step-num,.wz-num{background:var(--brand)}
.hx-cta-inner{background:linear-gradient(115deg,#5e2130,#7a2e3b 60%,#8d3a49);box-shadow:0 0 0 6px rgba(122,46,59,.12),var(--sh-lg)}
.hx-cta-inner .btn{background:#fff;color:var(--brand)} .hx-cta-inner .btn:hover{background:#fbf3f4}
.hx-grid .hx-tile:nth-child(6){background:#5e2130;border-color:#5e2130}
.f-logo span,.logo span{color:var(--brand)}
.footer{background:#f2ede3}
.ag-mock-top b,.ag-mini .t b{color:var(--brand)}
.ag-metric.main{background:linear-gradient(135deg,#fff,#fbf6f7);border-color:#e6cdd2}
.ag-metric.main b{color:var(--brand)}
.ag-lvl.ok{background:#e8f8f1;color:#0e9f6e}
.tag-ok{background:#e8f8f1;color:#0e9f6e}
.ag-hist .down,.ag-timeline a.done b{color:#0e9f6e}
.ag-bar i{background:#b5a7aa}
body::after{opacity:.04}
/* 报告页:主指标用墨色,避免与"红=疑似"的语义色相近 */
.ag-metric.main b{color:var(--ink)}
.ag-metric.main .ag-lvl.bad{background:#fbe4e1;color:#c0392b}