/* 毫猫API · 官网样式（深色技术风） */
:root{
  --bg:#0e1014;
  --bg2:#13161b;
  --card:#181c22;
  --line:#272c34;
  --line2:#333a44;
  --ink:#e9e7e2;
  --ink2:#a6acb6;
  --ink3:#8d96a3;
  --gold:#e2bc84;
  --gold2:#c2965a;
  --code:#0a0c0f;
  --ok:#5fd39a;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg);color:var(--ink);line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
code,pre,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.wrap{max-width:1080px;margin:0 auto;padding:0 26px}

/* ---------- 导航 ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(14,16,20,.86);
  backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:16px;letter-spacing:.01em;flex:none}
.brand .mark{width:27px;height:27px;border-radius:8px;flex:none;overflow:hidden;
  background:linear-gradient(145deg,#232830 6%,#9b7742 98%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.brand .mark svg{width:100%;height:100%;display:block}
.brand small{color:var(--ink3);font-weight:400;font-size:12.5px;letter-spacing:.04em}
.nav-links{display:flex;align-items:center;gap:28px;font-size:14.5px;color:var(--ink2)}
.nav-links a{transition:color .18s}
.nav-links a:hover,.nav-links a.on{color:var(--gold)}
.nav-cta{padding:8px 16px;border-radius:8px;border:1px solid var(--line2);
  background:var(--bg2);color:var(--ink);font-size:14px;transition:border-color .18s,color .18s}
.nav-cta:hover{border-color:var(--gold2);color:var(--gold)}
/* 移动端菜单（纯 CSS） */
.nav-t{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;
  width:40px;height:38px;flex:none;border-radius:9px;border:1px solid var(--line2);
  background:var(--bg2);cursor:pointer;-webkit-tap-highlight-color:transparent}
.burger span{display:block;width:17px;height:1.6px;border-radius:2px;background:var(--ink2);
  transition:transform .2s,opacity .2s}
.nav-t:checked + .burger span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.nav-t:checked + .burger span:nth-child(2){opacity:0}
.nav-t:checked + .burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
.nav-t:focus-visible + .burger{outline:2px solid var(--gold2);outline-offset:2px}

/* ---------- 首屏 ---------- */
.hero{position:relative;overflow:hidden;padding:96px 0 84px;border-bottom:1px solid var(--line)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(760px 380px at 78% -12%, rgba(226,188,132,.11), transparent 62%),
    radial-gradient(620px 340px at 6% 108%, rgba(120,150,220,.06), transparent 60%)}
.hero > *{position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:46px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;letter-spacing:.08em;
  color:var(--gold);border:1px solid rgba(226,188,132,.26);
  background:rgba(226,188,132,.05);padding:5px 13px;border-radius:100px;margin-bottom:24px}
.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--gold);flex:none}
h1{font-size:clamp(29px,3.6vw,42px);line-height:1.32;font-weight:600;letter-spacing:-.015em}
h1 em{font-style:normal;color:var(--gold)}
.lede{margin-top:20px;font-size:16.5px;color:var(--ink2);max-width:560px;line-height:1.9}
p code,.lede code{color:var(--gold);background:rgba(226,188,132,.07);padding:1px 5px;
  border-radius:4px;font-size:.9em;overflow-wrap:anywhere;word-break:break-word}
.btns{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:9px;
  font-size:15px;font-weight:500;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}
.btn-primary{background:linear-gradient(180deg,#e8c48d,#cf9f5c);color:#20180d;
  box-shadow:0 4px 16px rgba(226,188,132,.16)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(226,188,132,.26)}
.btn-ghost{border:1px solid var(--line2);color:var(--ink2);background:var(--bg2)}
.btn-ghost:hover{border-color:var(--gold2);color:var(--gold)}
.hero-note{margin-top:18px;font-size:13px;color:var(--ink3)}
.hero-note b{color:var(--ink2);font-weight:500}

/* ---------- 代码块 ---------- */
.code{background:var(--code);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.34)}
.code-h{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);
  background:var(--bg2)}
.code-h i{width:9px;height:9px;border-radius:50%;background:#3a414c;flex:none}
.code-h span{margin-left:8px;font-size:12px;color:var(--ink3);letter-spacing:.04em}
.code pre{padding:18px 16px;overflow-x:auto;font-size:12.2px;line-height:1.75;color:#cfd6e0}
.code .k{color:var(--gold)}
.code .s{color:#8fd2a8}
.code .c{color:#5d6674}
.code .m{color:#9db8f0}

/* ---------- 通用区块 ---------- */
section{padding:78px 0}
.sec-head{margin-bottom:44px}
.sec-k{font-size:12px;letter-spacing:.1em;color:var(--gold);text-transform:uppercase;margin-bottom:11px}
h2{font-size:clamp(22px,2.6vw,29px);font-weight:600;line-height:1.42;letter-spacing:-.008em}
.sec-desc{margin-top:13px;color:var(--ink2);max-width:620px;font-size:15.5px}

/* ---------- 卡片 ---------- */
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(258px,1fr))}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:26px 24px;
  transition:transform .2s,border-color .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);border-color:rgba(226,188,132,.28);
  box-shadow:0 14px 34px rgba(0,0,0,.28)}
.card .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:rgba(226,188,132,.09);color:var(--gold);font-size:15px;font-weight:600;margin-bottom:15px}
.card h3{font-size:16px;font-weight:600;margin-bottom:9px}
.card p{font-size:14px;color:var(--ink2);line-height:1.85}

/* ---------- 表格 ---------- */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}
.table{width:100%;border-collapse:collapse;font-size:14px;
  border:1px solid var(--line);border-radius:12px;overflow:hidden}
.table th,.table td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
.table th{background:var(--bg2);color:var(--ink3);font-weight:500;font-size:12.5px;
  letter-spacing:.06em;text-transform:uppercase}
.table tr:last-child td{border-bottom:none}
.table td{color:var(--ink2)}
.table td:first-child{color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.tag{display:inline-block;padding:1px 8px;border-radius:100px;font-size:11.5px;
  border:1px solid rgba(95,211,154,.3);color:var(--ok);background:rgba(95,211,154,.07);
  font-family:-apple-system,sans-serif}
.tag-w{display:inline-block;padding:1px 8px;border-radius:100px;font-size:11.5px;
  border:1px solid var(--line2);color:var(--ink3);background:var(--bg2);
  font-family:-apple-system,sans-serif}

/* ---------- 步骤 ---------- */
.steps{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));counter-reset:s}
.step{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:24px 22px;position:relative}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;right:20px;top:16px;
  font-size:12px;color:var(--ink3);font-family:ui-monospace,monospace;letter-spacing:.08em}
.step h3{font-size:15.5px;font-weight:600;margin-bottom:8px}
.step p{font-size:13.5px;color:var(--ink2);line-height:1.8}
.step code{font-size:12.5px;color:var(--gold);background:rgba(226,188,132,.08);
  padding:1px 6px;border-radius:5px;white-space:nowrap}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--line);margin-top:6px}
.faq details{border-bottom:1px solid var(--line);padding:2px 0}
.faq summary{cursor:pointer;padding:17px 30px 17px 0;font-size:15.5px;font-weight:500;
  position:relative;list-style:none;transition:color .16s}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:15px;color:var(--gold2);font-size:19px;
  transition:transform .2s;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq summary:hover{color:var(--gold)}
.faq p{padding:0 40px 18px 0;color:var(--ink2);font-size:14.5px;line-height:1.9}

/* ---------- 提示条 ---------- */
.notice{display:flex;gap:13px;padding:16px 18px;border-radius:11px;
  background:rgba(226,188,132,.055);border:1px solid rgba(226,188,132,.18);
  font-size:13.5px;color:var(--ink2);line-height:1.8}
.notice b{color:var(--gold);font-weight:600}

/* ---------- 正文 / 关于页 ---------- */
.prose{max-width:740px}
.prose p{margin-bottom:18px;color:var(--ink2);font-size:15.5px;line-height:1.95}
.prose h3{font-size:17px;font-weight:600;margin:34px 0 13px;color:var(--ink)}
.prose ul{margin:0 0 18px 20px;color:var(--ink2);font-size:15px;line-height:1.95}
.prose li{margin-bottom:7px}
.quote{border-left:2px solid var(--gold2);padding:2px 0 2px 20px;margin:26px 0;
  color:var(--ink2);font-size:15.5px}
.specs{border-top:1px solid var(--line);margin-top:10px}
.spec-row{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.spec-row .k{color:#9aa3af;width:132px;flex:none;font-size:13.5px;letter-spacing:.01em}
.spec-row .v{color:var(--ink2);flex:1;overflow-wrap:anywhere;word-break:break-word}

/* ---------- CTA ---------- */
.cta{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);
  border-radius:16px;padding:50px 40px;text-align:center;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;left:50%;top:-120px;width:520px;height:280px;
  transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(226,188,132,.12),transparent)}
.cta > *{position:relative}
.cta h2{margin-bottom:12px}
.cta p{color:var(--ink2);margin-bottom:28px;max-width:520px;margin-left:auto;margin-right:auto;font-size:15px}
.cta .btns{justify-content:center;margin-top:0}

/* ---------- 页脚 ---------- */
footer{border-top:1px solid var(--line);padding:48px 0 36px;font-size:13.5px;color:var(--ink3)}
.foot-in{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.foot-col h4{font-size:13px;color:var(--ink2);font-weight:600;margin-bottom:11px;letter-spacing:.03em}
.foot-col p{margin-bottom:5px;line-height:1.9}
.foot-col a:hover{color:var(--gold)}
.foot-bottom{margin-top:34px;padding-top:22px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12.5px;line-height:1.8}

/* ---------- 移动端 ---------- */
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:720px){
  .burger{display:flex}
  .nav-links{display:none;position:absolute;left:0;right:0;top:64px;
    flex-direction:column;align-items:stretch;gap:0;padding:4px 26px 16px;
    background:#0e1014;border-bottom:1px solid var(--line);
    box-shadow:0 16px 34px rgba(0,0,0,.4)}
  .nav-links a{padding:13px 2px;font-size:15.5px;border-bottom:1px solid var(--line)}
  .nav-links a.nav-cta{margin:12px 0 2px;border:1px solid var(--line2);text-align:center;
    border-radius:8px;padding:11px}
  .nav-links a:last-child{border-bottom:none}
  .nav-t:checked ~ .nav-links{display:flex}
  .hero{padding:60px 0 54px}
  section{padding:54px 0}
  .cta{padding:38px 22px}
  .spec-row{flex-direction:column;gap:3px}
  .spec-row .k{width:auto}
  .foot-in{gap:26px}
  .table{font-size:13px}
  .table th,.table td{padding:11px 12px}
  .grid-2{grid-template-columns:1fr}
  h1{font-size:27px}
  .code pre{font-size:12px}
}

/* 手机上表格转卡片，避免列被挤出视口 */
@media (max-width:600px){
  .table-wrap{overflow:visible;border-radius:0}
  .table{display:block;border:0;border-radius:0;font-size:13.5px}
  .table thead{display:none}
  .table tbody{display:block}
  .table tr{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);
    border-radius:11px;background:var(--card);padding:14px 16px;margin-bottom:10px}
  .table tr:last-child{margin-bottom:0}
  .table td{display:block;border:0;padding:0;line-height:1.7}
  .table td:first-child{color:var(--gold);font-weight:600;font-size:12.5px;letter-spacing:.02em}
  .table td:last-child{align-self:flex-start}
}

/* 购买额度入口 */
.nav-buy{padding:8px 16px;border-radius:8px;border:1px solid var(--gold2);font-size:14px;
  color:var(--gold);background:rgba(226,188,132,.08);
  transition:background .18s,color .18s,border-color .18s}
.nav-buy:hover{background:var(--gold);color:#15181d}
@media(max-width:820px){.nav-links a.nav-buy{margin:6px 0;text-align:center;border-radius:8px;padding:11px}}