/* ============================================================================
   试卷库官网 · 内页样式（功能介绍 / 使用指南 / 常见问题 / 隐私政策 / 用户协议 / 关于本站）
   底色、导航、按钮、页脚等基础样式复用 assets/site.css，这里只放内页组件。
   ============================================================================ */

/* ---------- 内页头部 ---------- */
.page-hero{position:relative;isolation:isolate;overflow:hidden;padding:44px 0 22px}
.page-hero .wrap{position:relative}
.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:13px;color:#8ba695}
.crumbs a{color:#b6c9bf}
.crumbs a:hover{color:#f0faf3}
.crumbs .sep{color:#5f7a6b}
.crumbs .cur{color:#dcece2}
.page-release{display:inline-flex;align-items:center;gap:9px;margin-top:32px;font-size:13px;letter-spacing:2px;color:#acc8bb}
.page-release i{width:6px;height:6px;border-radius:50%;background:#36dbc0;box-shadow:0 0 14px #2ce3b9}
.page-hero h1{font-size:52px;line-height:1.32;letter-spacing:-2px;font-weight:500;color:#f2f8f3;margin:22px 0 20px;max-width:940px}
.page-hero h1 em{font-style:normal;color:#a9efc6}
.page-lead{font-size:18px;line-height:1.95;color:#b6c9bf;max-width:800px}
.page-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:30px;font-size:13px;color:#93afa0}
.page-meta span{position:relative;padding-left:15px}
.page-meta span::before{content:"";position:absolute;left:0;top:.66em;width:5px;height:5px;border-radius:50%;background:#4f7d66}

/* ---------- 内页内容区 ---------- */
.page-content{padding:54px 0 30px}
.wrap-narrow{width:min(920px,calc(100% - 64px));margin:0 auto}
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.section-title{margin:0 0 24px}
.section-title h2{font-size:30px;font-weight:500;letter-spacing:-.8px;line-height:1.5;color:#edf6f0;margin:0 0 10px}
.section-title p{font-size:16px;line-height:1.9;color:#a9c0b2;max-width:760px;margin:0}

/* ---------- 卡片 ---------- */
.card{background:linear-gradient(135deg,#47765c30,#11231b8c);border:1px solid #c7f5dc1a;border-radius:16px;box-shadow:inset 0 1px #e5ffeb06,0 15px 45px #00000012;backdrop-filter:blur(22px);padding:30px}
.card h2{font-size:23px;font-weight:550;letter-spacing:-.4px;line-height:1.5;color:#eaf5ee;margin:0 0 12px}
.card h3{font-size:19px;font-weight:550;letter-spacing:-.2px;color:#e4f1e8;margin:0 0 10px}
.card p{font-size:15.5px;line-height:1.9;color:#adc3b5;margin:0}
.card p + p{margin-top:10px}
.card .icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#2d5442;border:1px solid #c7f6d52a;color:#b6f0d0;font-size:21px;margin-bottom:18px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.tag{font-size:12px;color:#cfe6d8;border:1px solid #cbf9da24;border-radius:999px;padding:8px 12px;background:#2a4a3a66;line-height:1}
.tag.warn{color:#eef0c9;border-color:#e7f2b52e;background:#5b5a2d55}

/* ---------- 功能页 ---------- */
.feature-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:26px;align-items:stretch;margin-bottom:24px}
.feature-copy{padding:34px 34px 36px}
.feature-copy h2{font-size:27px;font-weight:500;letter-spacing:-.6px;color:#eef7f1;margin:14px 0 14px}
.feature-copy p{font-size:16px;line-height:1.95;color:#b0c6b8;margin:0}
.feature-copy p + p{margin-top:12px}
.mini-visual{display:grid;place-items:center;padding:26px;border-radius:16px;background:linear-gradient(160deg,#2a4a3a70,#101f17cc);border:1px solid #c7f5dc1a;min-height:230px}
.mini-visual .rows{width:100%;max-width:320px;display:grid;gap:11px}
.mini-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;background:#1a3026b8;border:1px solid #c3f9d512;font-size:13.5px;color:#cfe3d6}
.mini-row i{width:30px;height:34px;border-radius:8px;display:grid;place-items:center;background:#2c5145;border:1px solid #8fdbb729;color:#a9e8c6;font-style:normal;font-size:10.5px;flex-shrink:0}
.mini-row small{display:block;font-size:11.5px;color:#8fb5a0;margin-top:4px}
.mini-row .bar{margin-left:auto;height:5px;width:52px;border-radius:4px;background:#3d6b5266;overflow:hidden}
.mini-row .bar b{display:block;height:100%;background:#9fe0bb}
.cap-table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:620px}
.cap-wrap{overflow-x:auto;border:1px solid #c7f5dc1a;border-radius:14px;background:#132319cc}
.cap-table th,.cap-table td{padding:15px 19px;text-align:left;border-bottom:1px solid #c7f6d514;line-height:1.7}
.cap-table th{background:#24402f88;color:#dcede2;font-weight:550;white-space:nowrap}
.cap-table td{color:#b4c9bc}
.cap-table tr:last-child td{border-bottom:0}
.cap-table .yes{color:#a9efc6}
.cap-table .no{color:#c9d6aa}

/* ---------- 使用指南 ---------- */
.steps{display:grid;gap:18px}
.step{display:grid;grid-template-columns:78px minmax(0,1fr);gap:22px;padding:28px 30px;align-items:start}
.step-num{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:20px;font-weight:600;color:#d8ffe7;background:linear-gradient(135deg,#3a7154,#234637);border:1px solid #bdf3d02e;box-shadow:0 10px 24px #0002}
.step h2{font-size:23px;font-weight:550;color:#eaf5ee;margin:0 0 10px;letter-spacing:-.3px}
.step p{font-size:15.5px;line-height:1.92;color:#adc3b5;margin:0}
.step p + p{margin-top:9px}
.tips{margin-top:17px;padding:14px 17px;border-radius:10px;background:#19322799;border:1px dashed #8fd0aa3a;font-size:14px;line-height:1.85;color:#b9d6c3}
.tips b{color:#e6f6ea;font-weight:550}

/* ---------- 常见问题 ---------- */
.faq-group{display:grid;gap:14px;margin-bottom:44px}
.faq-group:last-child{margin-bottom:0}
.faq-group > h2{font-size:24px;font-weight:500;letter-spacing:-.4px;color:#e9f4ed;margin:0 0 6px}
.faq-item{border:1px solid #c7f5dc1a;border-radius:14px;background:linear-gradient(135deg,#3f6b522e,#11231b8c);overflow:hidden}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font-size:16.5px;line-height:1.7;color:#e7f4ec;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:23px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:300;color:#9fe0bb}
.faq-item[open] summary::after{content:"–"}
.faq-item summary:hover{color:#fff}
.faq-item .faq-a{padding:0 24px 22px;font-size:15px;line-height:1.9;color:#b0c7b8}
.faq-item .faq-a p{margin:0}
.faq-item .faq-a p + p{margin-top:9px}
.faq-item .faq-a a{color:#a9efc6;text-decoration:underline;text-underline-offset:3px}

/* ---------- 法律页（隐私政策 / 用户协议） ---------- */
.legal-layout{display:grid;grid-template-columns:236px minmax(0,1fr);gap:54px;align-items:start}
.toc{position:sticky;top:120px;padding:24px;font-size:14px;line-height:1.9}
.toc h2{font-size:12px;letter-spacing:2px;color:#8fb9a3;margin:0 0 12px;font-weight:600}
.toc a{display:block;color:#a9c4b3;padding:3px 0}
.toc a:hover{color:#f0faf3}
.prose{font-size:16px;line-height:1.95;color:#b7ccbe;max-width:820px;overflow-wrap:anywhere}
.prose h2{font-size:25px;font-weight:550;color:#eaf5ee;margin:46px 0 16px;letter-spacing:-.3px;scroll-margin-top:130px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:19px;font-weight:550;color:#dfeee4;margin:28px 0 10px;scroll-margin-top:130px}
.prose p{margin:0 0 15px}
.prose ul,.prose ol{margin:0 0 17px;padding-left:23px}
.prose li{margin:7px 0}
.prose a{color:#a9efc6;text-decoration:underline;text-underline-offset:3px}
.prose strong{color:#e9f5ee;font-weight:550}
.prose .note{padding:16px 19px;border-radius:12px;background:#19322799;border:1px solid #8fd0aa33;margin:20px 0;font-size:15px;line-height:1.9;color:#bcd8c6}
.prose .ph{color:#f0e6b4;border-bottom:1px dashed #d8c47a;padding:0 2px}
.ph{color:#f0e6b4;border-bottom:1px dashed #d8c47a;padding:0 2px}
.legal-meta{font-size:13px;color:#8ba695;line-height:1.9;margin-top:18px}
.legal-lead{max-width:820px}

/* ---------- 关于本站 ---------- */
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.info-list{display:grid;gap:2px;margin-top:6px}
.info-row{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px dashed #c7f6d51f;font-size:14.5px;line-height:1.7;color:#b7ccbe}
.info-row:last-child{border-bottom:0}
.info-row b{color:#e6f2e9;font-weight:550;text-align:right;overflow-wrap:anywhere}
.info-row .ph{color:#f0e6b4;border-bottom:1px dashed #d8c47a}
.contact-box{margin-top:18px;padding:18px 20px;border-radius:12px;background:#19322799;border:1px solid #8fd0aa33;font-size:15px;line-height:1.9;color:#bcd8c6}
.contact-box b{color:#e6f6ea}
.mini-note{font-size:13px;line-height:1.85;color:#8fb5a0}

/* ---------- 底部 CTA ---------- */
.cta-band{margin:58px 0 16px;padding:42px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;border-radius:18px;border:1px solid #c7f5dc1f;background:radial-gradient(ellipse at 18% 0%,#3d6a4f55,transparent 72%),linear-gradient(135deg,#47765c30,#11231b8c);backdrop-filter:blur(22px)}
.cta-band h2{font-size:27px;font-weight:500;letter-spacing:-.6px;color:#eef7f1;margin:0 0 10px}
.cta-band p{font-size:15px;line-height:1.85;color:#a9c0b2;margin:0;max-width:620px}
.cta-band .btn{background:#eff7f2;color:#152d23;border-radius:30px;min-height:48px;padding:0 26px;font-size:15px;font-weight:550;box-shadow:0 4px 20px #0002}
.cta-band .btn:hover{background:#fff}

/* ---------- 学习资源页 ---------- */
.res-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.res-card{position:relative;display:block;padding:26px 27px;transition:border-color .2s,transform .2s,background .2s}
.res-card:hover{border-color:#9fe0bb4d;transform:translateY(-2px)}
.res-card h2{font-size:20px;line-height:1.55;margin:12px 0 6px;padding-right:26px}
.res-card p{font-size:14.5px;line-height:1.85;color:#adc3b5}
.res-card .arrow{position:absolute;top:22px;right:22px;color:#9fe0bb;font-size:17px;line-height:1}
.res-card .res-url{font-size:12.5px;color:#8fb5a0;margin:0 0 10px;letter-spacing:.2px;word-break:break-all}
.res-card .res-note{margin-top:12px;font-size:13px;line-height:1.8;color:#93b5a0}
.res-card-wide{grid-column:1 / -1}
.badge{display:inline-block;font-size:11px;line-height:1;padding:6px 10px;border-radius:999px;color:#d7ecdf;background:#2d5442;border:1px solid #c7f6d52a}
.badge-third{color:#f0e6b4;background:#4f4a2a88;border-color:#d8c47a3d}
.notice-card{padding:26px 28px;font-size:14.5px;line-height:1.95;color:#b7ccbe}
.notice-card ul{margin:0;padding-left:20px}
.notice-card li{margin:8px 0}
.notice-card strong{color:#e9f5ee;font-weight:550}
.notice-card .ph{color:#f0e6b4;border-bottom:1px dashed #d8c47a}

/* ---------- 页脚容器 ---------- */
.footer-wrap{margin-top:20px}
.footer-wrap .footer{padding-bottom:46px}

/* ---------- 响应式 ---------- */
@media(max-width:980px){
  .feature-row{grid-template-columns:minmax(0,1fr)}
  .legal-layout{grid-template-columns:minmax(0,1fr);gap:26px}
  .toc{position:static;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
  .toc h2{width:100%;margin-bottom:6px}
  .toc a{padding:2px 0}
}
@media(max-width:900px){
  .page-hero h1{font-size:42px;letter-spacing:-1.2px}
  .grid-3{grid-template-columns:minmax(0,1fr)}
  .info-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  .page-hero{padding:26px 0 12px}
  .page-hero h1{font-size:32px;letter-spacing:-.8px;margin:18px 0 16px}
  .page-lead{font-size:16px;line-height:1.85}
  .page-meta{gap:8px 16px;font-size:12px}
  .page-content{padding:36px 0 18px}
  .wrap-narrow{width:calc(100% - 36px)}
  .grid-2{grid-template-columns:minmax(0,1fr)}
  .grid{gap:16px}
  .card{padding:24px 22px}
  .card h2{font-size:20px}
  .section-title h2{font-size:25px}
  .section-title p{font-size:15px}
  .step{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px}
  .step-num{width:44px;height:44px;font-size:17px;border-radius:12px}
  .step h2{font-size:20px}
  .cta-band{padding:30px 24px;margin-top:38px}
  .cta-band h2{font-size:22px}
  .prose{font-size:15.5px}
  .prose h2{font-size:22px}
  .faq-item summary{font-size:15.5px;padding:17px 48px 17px 19px}
  .faq-item .faq-a{padding:0 19px 19px;font-size:14.5px}
  .feature-copy{padding:26px 22px 28px}
  .feature-copy h2{font-size:22px}
  .mini-visual{min-height:0;padding:20px}
  .cap-table{font-size:13px;min-width:520px}
  .legal-meta{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

@media(max-width:760px){.res-grid{grid-template-columns:minmax(0,1fr)}}

/* 长链接/代码在窄屏强制换行，避免撑宽页面 */
.prose code{font-size:.92em;background:#1c3529;border:1px solid #c7f6d522;border-radius:5px;padding:1px 5px;word-break:break-all;overflow-wrap:anywhere}
.card p,.notice-card li,.step p,.feature-copy p{overflow-wrap:break-word}

/* 首页胶囊入口 */
.hero-pill-actions{gap:16px}
.hero-pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:1px solid #c5ddcf66;border-radius:999px;background:#edf6f10d;color:#e6f1eb;font-size:14px;font-weight:500;line-height:1.5;transition:background .2s,border-color .2s,transform .2s}
.hero-pill svg{width:18px;height:18px;flex-shrink:0}
.hero-pill:hover{background:#edf6f11c;border-color:#d7ebdf99;transform:translateY(-1px)}
.hero-pill:active{transform:translateY(0)}
@media(max-width:420px){.hero-pill-actions{gap:10px}.hero-pill{padding:10px 16px;font-size:13px}}