:root{--bg:#1a1a1a;--surface:#242424;--border:#333;--accent:#f5bd63;--fg:#f1f1f1;--muted:#aaa;--hover:#303030;--font-display:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif;--font-body:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}
body{-webkit-font-smoothing:antialiased}.wrap{width:min(1240px,calc(100% - 96px))}.header{background:#1a1a1aed;backdrop-filter:blur(12px);border-color:#333}.header .header-inner{display:flex;min-height:78px;padding-block:0;gap:32px}.header .brand{flex-shrink:0;gap:10px}.header .brand img{width:35px;height:35px;object-fit:contain;border:0;border-radius:9px;box-shadow:none}.brand-name{display:block;font-size:15px;line-height:1.5;font-weight:600}.brand-by{display:block;font-size:10px;line-height:1.35;color:#777;font-weight:400}.header .nav{position:static;order:0;width:auto;gap:22px;align-self:center;align-items:center;font-size:13px;font-weight:500;line-height:1.5;margin:0}.header .header-actions{margin-left:auto;gap:12px}.nav a:hover{color:var(--accent)}
.hero{padding:78px 0 45px;display:flex;justify-content:space-between;align-items:center;text-align:left;gap:28px}.hero h1{font-size:46px;font-weight:600;letter-spacing:-.045em;line-height:1.25;margin-bottom:17px}.hero p{font-size:16px;color:#aaa}.points-trigger{position:static;min-width:122px;box-shadow:none;flex-shrink:0}.button{border-radius:9px;min-height:46px;letter-spacing:0;font-size:13px}.primary{color:#292216;background:var(--accent)}.primary:hover{background:#ffd28a;color:#292216}
.plans{gap:18px}.plan{padding:28px 25px;border-radius:16px;background:#242424}.plan:hover{transform:translateY(-3px);box-shadow:none;border-color:#555}.plan.recommended,.plan.recommended:hover{background:#27241f;border-color:var(--accent);box-shadow:none}.plan h2{font-size:19px;letter-spacing:-.02em}.badge{font-size:11px;font-weight:500;text-shadow:none;padding:3px 9px;border:1px solid #665135;border-radius:20px;background:transparent}.plan .price{margin-top:27px}.price strong{font-size:42px;letter-spacing:-.045em}.price .currency{font-size:18px}.price .period{font-size:13px}.quota b{font-size:21px}.credit-breakdown{font-size:13px;margin-top:7px;padding-bottom:18px}.benefits{padding-top:20px}.benefit-row{min-height:37px;font-size:14px;gap:7px}.benefit-check{color:var(--accent)}.benefit-tag{padding:3px 6px;background:#302b23;color:#d5bf9b;font-size:12px}.plan .button{font-size:13px}.terms{font-size:13px;color:#888;margin-top:18px}
.section-head h2,.upgrade h2{font-size:27px;letter-spacing:-.035em;font-weight:600}.section-head p{font-size:14px;line-height:1.9}.upgrade{margin:62px 0}.upgrade-list{padding:24px 30px;border-radius:14px;gap:4px 36px;background:#202020}.upgrade-list li{font-size:14px;line-height:1.9;color:var(--accent)}.upgrade-list li::before{width:5px;height:5px;background:#8b7859;top:17px}.upgrade-list strong{color:#ddd}.usage-grid{gap:22px}.usage-card{padding:26px 28px;border-radius:14px;background:#202020}.usage-card h3{font-size:15px;margin-bottom:18px}.rate{font-size:14px;padding-block:13px}.est-row{font-size:14px}.est-total b{color:var(--accent)}#compare{padding-top:65px}.table-scroll{border-radius:14px}.comparison{font-size:14px}.cell{padding:17px 18px}.group{font-size:13px;background:#222}.difference strong{font-size:20px}.shared-generation{font-size:13px}
.faq{padding:68px 0 80px;gap:70px;grid-template-columns:1fr 1.7fr}.faq h2{font-size:28px;color:var(--fg)}.faq-intro p{font-size:13px}.faq-list summary{font-size:15px;min-height:66px}.faq-list details p{font-size:14px}.site-footer{background:#1a1a1a;border-top:1px solid #333}.site-footer .footer-inner{padding-top:27px;padding-bottom:27px;color:#999}.dialog{border-radius:14px;background:#242424}.dialog h2{letter-spacing:-.025em}.dialog .button{min-height:44px}.points-trigger:hover{box-shadow:none}
@media(max-width:1100px){html{scroll-padding-top:130px}.wrap{width:calc(100% - 64px)}.header .header-inner{flex-wrap:wrap;gap:0 24px;padding:12px 0;min-height:112px}.header .brand{order:0}.header .header-actions{order:1;margin-left:auto}.header .nav{order:2;width:100%;gap:24px;padding-top:5px}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:55px}.hero h1{font-size:40px}.faq{gap:36px}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header .header-inner{gap:0 8px;min-height:108px}.header .brand img{width:29px;height:29px}.header .brand-name{font-size:13px}.header .brand-by{font-size:9px}.header .header-actions{gap:5px}.header .nav{font-size:11px;gap:15px;flex-wrap:wrap;row-gap:0}.header .nav a{min-height:32px}.hero{display:block;padding:43px 0 28px}.hero h1{font-size:34px;margin-bottom:14px}.hero p{font-size:14px}.points-trigger{width:auto;min-width:124px;margin-top:23px}.plans{grid-template-columns:1fr;gap:17px}.plan{padding:27px 25px}.plan h2{font-size:20px}.plan .price{margin-top:23px}.price strong{font-size:44px}.benefit-row{font-size:15px;min-height:38px}.benefit-tag{font-size:13px}.plan .button{font-size:14px}.section-head h2,.upgrade h2{font-size:24px}.upgrade{margin:45px 0}.upgrade-list{grid-template-columns:1fr;padding:20px}.usage-grid{grid-template-columns:1fr;gap:17px}.usage-card{padding:23px 20px}.rate{align-items:flex-start;gap:10px}.rate b{white-space:normal;text-align:right;font-size:13px}.est-row{grid-template-columns:85px 1fr 38px;gap:8px}#compare{padding-top:46px}.faq{grid-template-columns:1fr;padding:48px 0;gap:20px}.faq h2{font-size:24px}.faq-list summary{font-size:14px}.site-footer .footer-inner{font-size:9px}}
@media(prefers-reduced-motion:reduce){.plan:hover{transform:none}}

/* Natural-language body copy, including inherited explanatory notes. */
body{font-size:17px}.quota span,.est-total span{font-size:15px}.est-fit{font-size:16px}.usage-note{font-size:14px}