/* 标书生成智能体 · 官网首页（蓝色主题） 纯静态：不引外部字体与脚本；全部样式在本文件（安全头 style-src 'self'，页面里不写 style 属性）。 */ :root{ --bg:#F5F9FF;--card:#FFFFFF; --ink:#0A1A4F;--text:#1F2D52;--body:#2B3A5E;--sec:#4A5878;--muted:#5F6E86;--muted-2:#56647C; --line:#DCE7FA;--line-2:#E6EEFB;--line-3:#CFE0FB; --blue:#1A6DFF; /* 装饰：图标、大号数字、描边 */ --blue-strong:#1864F0; /* 白字底色：按钮、徽标（白字对比度 ≥ 4.5） */ --blue-text:#1A5FE0; /* 浅底上的小号蓝字 */ --blue-hover:#0F55D6; --tint:#EAF2FF;--tint-2:#F3F8FF;--tint-3:#EEF5FF; --cyan:#36C0FF; --sans:-apple-system,system-ui,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif; --mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace; --gutter:clamp(16px,5.5vw,80px); --sec-gap:clamp(64px,7.8vw,112px); --shadow-card:0 0 0 1px var(--line); color-scheme:light; } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} h1,h2,h3,p,ul,ol,figure{margin:0} ul,ol{padding:0;list-style:none} img,svg{display:block} a{color:var(--blue-text);text-decoration:none} a:hover{color:var(--blue-hover)} button{font:inherit} [hidden]{display:none !important} ::selection{background:#CFE0FB} /* 英文加载时先不画，免得中文一闪（脚本 2.5 秒内一定撤掉这个类） */ html.i18n-wait body{visibility:hidden} /* 焦点：键盘操作时清楚可见 */ :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px} .promo :focus-visible,.cta :focus-visible,.models :focus-visible{outline-color:#FFFFFF} .num{font-family:var(--mono);font-variant-numeric:tabular-nums} .vh{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .sprite{position:absolute;width:0;height:0;overflow:hidden} .skip{position:absolute;left:16px;top:-80px;z-index:50;background:var(--ink);color:#FFFFFF;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700} .skip:focus{top:12px;color:#FFFFFF} #main:focus{outline:none} .page{position:relative;overflow-x:clip} .wrap{width:100%;max-width:calc(1280px + 2 * var(--gutter));margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter)} /* 背景大圆环（纯装饰，裁在自己的盒子里，不撑出横向滚动） */ .bg-deco{position:absolute;top:0;left:0;right:0;height:1180px;overflow:hidden;pointer-events:none;z-index:-1} .bg-ring{position:absolute;top:-210px;right:-300px;width:1180px;height:1180px} /* ── 按钮 ── */ .btn{display:inline-flex;align-items:center;justify-content:center;flex:none;white-space:nowrap;font-weight:700;line-height:1.2;text-decoration:none;border:1px solid transparent;cursor:pointer;background:var(--blue-strong);color:#FFFFFF;transition:background-color .15s ease,box-shadow .15s ease} .btn:hover{background:var(--blue-hover);color:#FFFFFF} .btn-sm{font-size:15px;padding:10px 20px;border-radius:10px;box-shadow:0 10px 22px -12px rgba(26,109,255,.8)} .btn-md{font-size:16px;padding:14px 24px;border-radius:12px;box-shadow:0 12px 24px -14px rgba(26,109,255,.9)} .btn-lg{font-size:17px;padding:16px 28px;border-radius:12px;box-shadow:0 16px 30px -16px rgba(26,109,255,.9)} .btn-ghost{background:#FFFFFF;color:var(--ink);border-color:var(--line-3);box-shadow:none} .btn-ghost:hover{background:var(--tint-2);color:var(--ink);border-color:#B7CFF5} .btn-white{background:#FFFFFF;color:var(--blue-text);box-shadow:none} .btn-white:hover{background:var(--tint);color:var(--blue-hover)} /* 注册入口：默认（未开放）是灰色不可点的「即将开放」；配置 registerOpen=true 时脚本给 加 reg-open */ .reg-on{display:none} .reg-open .reg-on{display:inline} .reg-open .reg-off{display:none} html:not(.reg-open) .login-link{display:none} html:not(.reg-open) .btn.reg{background:#F1F4F9;color:var(--muted);border:1px dashed #C9D2E0;box-shadow:none;cursor:default} html:not(.reg-open) .btn.reg.btn-white{background:rgba(255,255,255,.16);color:#FFFFFF;border-color:rgba(255,255,255,.55)} .btn-soon{display:block;text-align:center;white-space:nowrap;font-size:16px;font-weight:700;padding:14px 0;border-radius:12px;background:#F1F4F9;color:var(--muted);border:1px dashed #C9D2E0} /* ── 限时活动条 ── */ .promo{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;min-height:46px;padding:8px var(--gutter);background:var(--ink);color:#FFFFFF;font-size:14.5px;line-height:1.5;text-align:center} .promo-tag{flex:none;white-space:nowrap;padding:3px 10px;border-radius:999px;background:var(--blue-strong);font-size:12.5px;font-weight:700} .promo-cd{white-space:nowrap;color:#9FD3FF} .promo-cd .num{font-weight:700} .promo-link{white-space:nowrap;color:#FFFFFF;font-weight:700;text-decoration:underline;text-underline-offset:3px} .promo-link:hover{color:#CFE3FF} html:not(.reg-open) .promo-link{color:#A9B6D3;text-decoration:none;font-weight:500} /* ── 页头 ── */ .hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)} .hd-in{min-height:76px;display:flex;align-items:center;gap:40px} .brand{display:flex;align-items:center;gap:12px;color:var(--ink);flex:none} .brand:hover{color:var(--ink)} .brand-mark{width:42px;height:42px;border-radius:11px;background:#FFFFFF;box-shadow:0 0 0 1px var(--line),0 6px 14px -8px rgba(26,109,255,.45)} .brand-t{display:flex;flex-direction:column;line-height:1.2} .brand-n{font-size:17px;font-weight:900;letter-spacing:.02em;white-space:nowrap} .brand-s{font-family:var(--mono);font-size:11.5px;color:var(--muted);white-space:nowrap} .nav{display:flex;gap:30px;margin-left:24px;font-size:15px} .nav a{color:var(--body);white-space:nowrap} .nav a:hover{color:var(--blue-text)} .hd-act{margin-left:auto;display:flex;align-items:center;gap:16px;flex:none} .lang{display:flex;padding:3px;border-radius:999px;background:var(--tint)} .lang button{border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;line-height:1.2;background:transparent;color:var(--muted);cursor:pointer} .lang button:hover{color:var(--ink)} .lang button[aria-pressed="true"]{background:#FFFFFF;color:var(--ink);box-shadow:0 1px 3px rgba(10,26,79,.12);cursor:default} .hd-login{font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap} .hd-login:hover{color:var(--blue-text)} /* ── 通用段落 ── */ section[id],#data{scroll-margin-top:92px} .sec{padding-top:var(--sec-gap);display:flex;flex-direction:column;gap:40px} .sec-h{display:flex;flex-direction:column;gap:12px;max-width:760px} .kicker{font-size:14px;font-weight:700;color:var(--blue-text);letter-spacing:.12em} .h2{font-size:clamp(28px,2.2vw + 10px,42px);line-height:1.25;font-weight:900;color:var(--ink);text-wrap:balance} .sub{font-size:17px;line-height:1.85;color:var(--body);text-wrap:pretty} /* ── 首屏 ── */ .hero{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center;padding-top:88px;padding-bottom:72px} .hero-copy{display:flex;flex-direction:column;gap:28px;min-width:0} .pill{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:var(--tint);color:var(--blue-text);font-size:14px;font-weight:700;line-height:1.4} .pill svg{flex:none} .h1{font-size:clamp(36px,4.4vw + 14px,68px);line-height:1.12;font-weight:900;letter-spacing:-.01em;color:var(--ink)} .h1 .hl{color:var(--blue)} .lead{max-width:560px;font-size:18px;line-height:1.85;color:var(--body);text-wrap:pretty} .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center} .trust{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--muted)} .trust li{display:flex;align-items:center;gap:6px} .trust svg{flex:none} .hero-art{position:relative;height:560px;min-width:0} .hero-glow{position:absolute;top:10px;right:20px;width:min(520px,calc(86% + 20px));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#FFFFFF 0%,var(--tint-3) 62%,rgba(238,245,255,0) 72%)} /* 首屏图是白底：用正片叠底让白色透出身后的浅蓝底与光晕，不出现白色方块 */ .hero-img{position:absolute;top:18px;right:36px;width:min(500px,86%);height:auto;mix-blend-mode:multiply} .ledger-card{position:absolute;left:0;bottom:6px;width:min(420px,78%);padding:22px 22px 18px;background:#FFFFFF;border-radius:18px;box-shadow:0 0 0 1px var(--line),0 30px 60px -30px rgba(10,26,79,.35);display:flex;flex-direction:column;gap:14px} .lc-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px} .lc-t{font-size:15px;font-weight:700;color:var(--ink)} .lc-u{font-size:12.5px;color:var(--muted)} .ledger{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden} .lh{padding:4px 0;font-size:11px;line-height:1.4;color:var(--muted);background:var(--tint-2);text-align:center;border-bottom:1px solid var(--line)} .lh-c{color:var(--blue-text)} .ld{padding:9px 0;text-align:center;font-family:var(--mono);font-weight:700;font-size:20px;line-height:1.3;color:var(--ink);min-height:44px} .ld-y{color:var(--muted)} .ld-yuan{border-right:2px solid var(--blue)} .ld-c{color:var(--blue-text)} .lc-words{display:flex;flex-direction:column;gap:2px} .lc-wl{font-size:12px;color:var(--muted)} .lc-wv{font-size:22px;font-weight:900;letter-spacing:.08em;color:var(--ink)} .lc-ok{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--tint-3);font-size:13.5px;line-height:1.5;color:#1A4FB8} .lc-ok svg{flex:none} /* ── 统计条 ── */ .stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-2);border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 20px 50px -34px rgba(10,26,79,.35)} .stat{background:#FFFFFF;padding:30px 32px;display:flex;flex-direction:column;gap:8px} .stat-v{font-size:40px;font-weight:800;line-height:1.2;color:var(--blue);letter-spacing:-.01em} .stat-v .num{font-family:var(--sans);font-variant-numeric:tabular-nums} .stat-u{font-size:22px;font-weight:900;color:var(--ink);letter-spacing:0} .stat-cn{font-size:34px;font-weight:900;line-height:1.35} .stat-d{font-size:14px;line-height:1.7;color:var(--muted)} /* ── 接入大模型 ── */ .models{margin-top:40px} .models-in{position:relative;overflow:hidden;padding:28px 36px;border-radius:20px;background:linear-gradient(90deg,#0A1A4F 0%,#13307F 100%);display:flex;align-items:center;gap:28px} .models-deco{position:absolute;right:-90px;top:-120px;width:360px;height:360px;pointer-events:none} .models-t{position:relative;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0} .models-t h2{font-size:24px;line-height:1.35;font-weight:900;color:#FFFFFF} .models-t p{font-size:15px;line-height:1.7;color:#BFD6FF} .models-list{position:relative;display:flex;flex-wrap:wrap;gap:12px;flex:none} .models-list li{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;background:#FFFFFF;box-shadow:0 0 0 1px var(--line);font-size:20px;font-weight:800;line-height:1.2;color:var(--ink);white-space:nowrap} .dot{width:10px;height:10px;border-radius:50%;flex:none} .dot-a{background:#D97757} .dot-b{background:#10A37F} .dot-c{background:var(--blue)} /* ── 标书分析 ── */ .split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center} .split-copy{display:flex;flex-direction:column;gap:18px} .ticks{display:flex;flex-direction:column;gap:12px;font-size:15.5px;color:var(--text)} .ticks li{display:flex;align-items:center;gap:10px} .ticks svg{flex:none} .an-card{background:#FFFFFF;border-radius:20px;box-shadow:0 0 0 1px var(--line),0 30px 60px -34px rgba(10,26,79,.4);overflow:hidden} .an-head{padding:16px 22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--tint-2);border-bottom:1px solid var(--line-2)} .an-title{font-size:16px;font-weight:900;color:var(--ink);line-height:1.5} .an-pill{margin-left:auto;white-space:nowrap;padding:3px 10px;border-radius:999px;background:var(--blue-strong);color:#FFFFFF;font-size:12px;font-weight:700;line-height:1.5} .an-body{padding:20px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .an-wide{grid-column:1 / -1;display:flex;flex-direction:column;gap:8px} .an-label{font-size:13px;font-weight:700;color:var(--muted)} .an-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;font-size:13.5px;line-height:1.5} .an-table col.c-lot{width:88px} .an-table col.c-cap{width:110px} .an-table col.c-bond{width:90px} .an-table col.c-term{width:90px} .an-table th,.an-table td{padding:9px 12px;text-align:left;font-weight:400;color:var(--sec);vertical-align:middle} .an-table thead th{padding:8px 12px;background:#F7FAFF;color:var(--muted)} .an-table .r{text-align:right} .an-table tbody .num{font-size:13px} .an-table tr.mine th,.an-table tr.mine td{background:var(--tint-3);color:var(--ink)} .an-table tr.mine th{font-weight:700} .mine-tag{display:inline-block;padding:1px 6px;border-radius:6px;background:var(--blue-strong);color:#FFFFFF;font-size:11px;font-weight:700;line-height:1.5;white-space:nowrap} .an-box{padding:14px 16px;border-radius:12px;box-shadow:0 0 0 1px var(--line-2);display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--text);min-width:0} .an-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;line-height:1.5} .an-row b{color:var(--ink);white-space:nowrap} .src-tag{flex:none;white-space:nowrap;padding:1px 7px;border-radius:6px;background:var(--tint);color:var(--blue-text);font-size:11.5px;font-weight:700} .an-risk{background:#FFF5F5;box-shadow:0 0 0 1px #F9D7D9;color:#7A1F24} .an-risk .an-label{color:#B42330} .score-bar{display:flex;height:30px;border-radius:10px;overflow:hidden;font-size:12.5px;font-weight:700;line-height:30px;color:#FFFFFF} .sb{text-align:center;white-space:nowrap;padding:0 8px} .sb-1{flex:0 0 10%;min-width:max-content;background:var(--cyan);color:var(--ink)} .sb-2{flex:1 1 auto;background:var(--blue-strong)} .sb-3{flex:0 0 10%;min-width:max-content;background:var(--ink)} .an-cap{padding:0 22px 16px;font-size:12.5px;color:var(--muted)} /* ── 卡片网格 ── */ .grid{display:grid;gap:22px} .grid-3,.grid-files{grid-template-columns:repeat(3,minmax(0,1fr))} .card{padding:26px;background:#FFFFFF;border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;min-width:0} .card-lg{padding:28px} .card-t{font-size:19px;line-height:1.4;font-weight:900;color:var(--ink)} .card-lg .card-t{font-size:20px} .card-d{font-size:14.5px;line-height:1.75;color:var(--sec);text-wrap:pretty} .card-lg .card-d{font-size:15px;line-height:1.8} .ico{width:44px;height:44px;border-radius:12px;background:var(--tint);display:grid;place-items:center;flex:none} .card-soon{grid-column:1 / -1;flex-direction:row;align-items:center;gap:18px;padding:22px 26px;background:#F4F6FA;box-shadow:0 0 0 1px #E3E8F0} .ico-gray{background:#E8EDF5} .soon-t{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-width:0} .card-soon .card-t{color:var(--muted)} .card-soon .card-d{color:var(--muted)} .soon-tag{flex:none;white-space:nowrap;padding:5px 12px;border-radius:999px;background:#E8EDF5;color:var(--muted-2);font-size:13px;font-weight:700} /* 怎么用 */ .step{gap:14px;background:linear-gradient(180deg,#FFFFFF 0%,var(--tint-2) 100%)} .step-n{width:40px;height:40px;border-radius:50%;background:var(--blue-strong);color:#FFFFFF;display:grid;place-items:center;font-size:18px;font-weight:800;line-height:1} /* 自动核对 */ .ck{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start} .ck-n{width:56px;height:56px;border-radius:16px;background:var(--blue-strong);color:#FFFFFF;display:grid;place-items:center;font-size:24px;font-weight:800;line-height:1} .ck-b{display:flex;flex-direction:column;gap:8px;min-width:0} /* ── 会员方案 ── */ #pricing{gap:36px} .pr-head{display:flex;align-items:flex-end;gap:24px} .pr-head .sec-h{flex:1 1 auto;max-width:none;min-width:0} .pr-chip{flex:none;white-space:nowrap;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--tint);font-size:14.5px;line-height:1.4;color:var(--ink)} .pr-chip-tag{padding:2px 9px;border-radius:999px;background:var(--blue-strong);color:#FFFFFF;font-size:12px;font-weight:700} .plans{align-items:start} .plan{padding:30px 28px;background:#FFFFFF;border-radius:20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:18px;min-width:0} .plan-hot{box-shadow:0 0 0 2px var(--blue),0 30px 60px -34px rgba(26,109,255,.55)} .plan-h{display:flex;flex-direction:column;gap:6px} .plan-n{font-size:21px;line-height:1.4;font-weight:900;color:var(--ink)} .plan-who{font-size:14px;color:var(--muted);line-height:1.6} .plan-price{display:flex;align-items:baseline;gap:4px;color:var(--ink);white-space:nowrap} .plan-price .cur{font-size:22px;font-weight:700} .plan-price .amt{font-family:var(--sans);font-size:52px;font-weight:800;letter-spacing:-.02em;line-height:1.1} .plan-price .per{font-size:15px;color:var(--muted)} .plan-quota{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:var(--tint-2)} .plan-quota .q{font-size:17px;font-weight:900;color:var(--blue-text)} .plan-quota .qd{font-size:13.5px;color:var(--muted)} .plan-f{display:flex;flex-direction:column;gap:10px} .plan-f li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--text);line-height:1.5} .plan-f svg{flex:none} .plan .btn-soon{margin-top:4px} .invite{display:flex;align-items:center;gap:22px;padding:26px 30px;border-radius:20px;background:linear-gradient(90deg,var(--tint-3) 0%,#F9FBFF 100%);box-shadow:inset 0 0 0 1px var(--line-3)} .invite-ico{flex:none;width:56px;height:56px;border-radius:16px;background:#FFFFFF;box-shadow:0 0 0 1px var(--line);display:grid;place-items:center} .invite-t{display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-width:0} .invite-t h3{font-size:21px;line-height:1.4;font-weight:900;color:var(--ink)} .invite-t p{font-size:15px;line-height:1.75;color:var(--sec)} .pr-note{font-size:14px;line-height:1.8;color:var(--muted)} /* ── 常见问题 ── */ #faq{gap:32px} .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .qa{padding:24px 26px;background:#FFFFFF;border-radius:16px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;min-width:0} .qa h3{font-size:17px;line-height:1.5;font-weight:900;color:var(--ink);text-wrap:balance} .qa p{font-size:15px;line-height:1.8;color:var(--sec);text-wrap:pretty} /* ── 收尾带 ── */ .cta-sec{padding-top:var(--sec-gap)} .cta{position:relative;overflow:hidden;padding:52px 64px;border-radius:24px;background:linear-gradient(100deg,#1A64EC 0%,#1654CF 100%);display:flex;align-items:center;gap:36px} .cta-deco{position:absolute;right:-120px;top:-150px;width:520px;height:520px;pointer-events:none} .cta-t{position:relative;display:flex;flex-direction:column;gap:12px;flex:1 1 auto;min-width:0} .cta-t h2{font-size:clamp(26px,1.6vw + 12px,34px);line-height:1.3;font-weight:900;color:#FFFFFF} @media (min-width:640px){.cta-t h2 .seg{white-space:nowrap}} .cta-t p{font-size:17px;line-height:1.6;color:#EEF4FF} .cd-boxes{position:relative;display:flex;gap:10px;flex:none} .cd-box{width:84px;padding:12px 0;border-radius:14px;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);display:flex;flex-direction:column;align-items:center;gap:2px} .cd-n{font-size:32px;font-weight:700;line-height:1.2;color:#FFFFFF} .cd-l{font-size:12.5px;color:#FFFFFF} .cd-over-band{position:relative;flex:none;max-width:320px;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);font-size:17px;font-weight:700;line-height:1.5;color:#FFFFFF} .cta .btn{position:relative;padding:16px 30px} /* ── 页脚 ── */ .ft{margin-top:clamp(56px,6vw,88px);border-top:1px solid var(--line)} .ft-in{padding-top:36px;padding-bottom:44px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:14px;line-height:1.6;color:var(--muted)} .ft-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:900} .ft-brand img{width:28px;height:28px;border-radius:8px;background:#FFFFFF;box-shadow:0 0 0 1px var(--line)} .ft-beian{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 18px} .ft-beian a{color:var(--muted)} .ft-beian a:hover{color:var(--blue-text);text-decoration:underline} /* ── 英文：同字号下拉丁字母显大，展示字号收一档 ── */ html[lang="en"] .kicker{text-transform:uppercase} html[lang="en"] .h1{font-size:clamp(34px,3.2vw + 14px,60px);line-height:1.1;text-wrap:balance} html[lang="en"] .h2{font-size:clamp(26px,2vw + 10px,38px);line-height:1.2} html[lang="en"] .stat-cn{font-size:30px;line-height:1.3} html[lang="en"] .brand-s{font-family:var(--sans);font-size:12px} /* ── 响应式 ── */ @media (max-width:1199px){ .cta{flex-wrap:wrap;padding:44px 48px} .cta-t{flex-basis:100%} } @media (max-width:1099px){ .nav{display:none} .hero{grid-template-columns:minmax(0,1fr);gap:48px;padding-top:64px;padding-bottom:56px} .lead{max-width:640px} .hero-art{height:auto;display:flex;flex-direction:column;align-items:center;max-width:560px;width:100%;margin-left:auto;margin-right:auto} .hero-glow{top:-8px;right:auto;left:50%;transform:translateX(-50%);width:min(460px,96%)} .hero-img{position:relative;top:auto;right:auto;width:min(440px,88%)} .ledger-card{position:relative;left:auto;bottom:auto;width:min(420px,100%);margin-top:clamp(-90px,-18vw,-56px)} .split{grid-template-columns:minmax(0,1fr);gap:40px} .split-copy{max-width:760px} } @media (max-width:999px){ .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-3{grid-template-columns:minmax(0,1fr)} .grid-files{grid-template-columns:repeat(2,minmax(0,1fr))} .plans{max-width:560px;width:100%;margin-left:auto;margin-right:auto} .faq{grid-template-columns:minmax(0,1fr)} .models-in{flex-direction:column;align-items:flex-start;gap:20px} } @media (max-width:899px){ .pr-head{flex-direction:column;align-items:flex-start;gap:18px} } @media (max-width:799px){ .invite{flex-direction:column;align-items:flex-start;gap:16px;padding:24px} } @media (max-width:767px){ .hd-in{min-height:64px;gap:12px} .hd-act{gap:10px} .brand{gap:10px} .brand-mark{width:36px;height:36px;border-radius:10px} .brand-n{font-size:16px} .lang button{padding:5px 9px} .btn-sm{font-size:14px;padding:9px 14px} section[id],#data{scroll-margin-top:76px} .stat{padding:22px 20px} .stat-v{font-size:30px} .stat-cn{font-size:26px} .stat-u{font-size:18px} html[lang="en"] .stat-cn{font-size:24px} .an-head{padding:14px 16px} .an-body{padding:16px;grid-template-columns:minmax(0,1fr);gap:12px} .an-cap{padding:0 16px 14px} .an-table{font-size:12px} .an-table col.c-lot{width:52px} .an-table col.c-cap{width:70px} .an-table col.c-bond{width:52px} .an-table col.c-term{width:58px} .an-table th,.an-table td,.an-table thead th{padding:7px 6px} .an-table tbody .num{font-size:11.5px} .card-soon{flex-wrap:wrap} .cta{padding:36px 28px;gap:24px} .cta-deco{right:-200px;top:-220px} } @media (max-width:639px){ .promo{font-size:13px;gap:4px 10px} .h1{letter-spacing:0} .lead{font-size:17px} .btn-lg{padding:15px 22px} .grid-files{grid-template-columns:minmax(0,1fr)} .card,.card-lg{padding:22px} .ck{grid-template-columns:44px minmax(0,1fr);gap:14px} .ck-n{width:44px;height:44px;border-radius:12px;font-size:20px} .plan{padding:26px 22px} .plan-price .amt{font-size:44px} .models-in{padding:24px 22px} .models-list li{padding:10px 16px;font-size:18px} .qa{padding:20px 22px} .cta{padding:32px 22px} .cd-boxes{gap:8px} .cd-box{width:64px;padding:10px 0} .cd-n{font-size:24px} .bg-ring{width:760px;height:760px;top:-180px;right:-320px} .ft-beian{margin-left:0} } @media (max-width:420px){ .brand-s{display:none} /* 注册开放后页头要多放一个「登录」：窄屏只留标志图，名称转为读屏可读 */ .reg-open .brand-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} .hd-login{font-size:14px} .lang button{padding:5px 8px} .ledger-card{padding:18px 14px 14px} .ld{font-size:17px;padding:8px 0;min-height:38px} .lc-wv{font-size:20px} .cd-box{width:60px} } @media (max-width:359px){ .brand-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap} } /* 尊重「减少动态效果」 */ @media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} } @media (prefers-reduced-motion:reduce){ *,*::before,*::after{transition:none !important;animation:none !important} }