You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
8.3 KiB
1 lines
8.3 KiB
:root{--bg:#f6f1e8;--panel:rgba(255,255,255,0.78);--panel-strong:#fffaf3;--ink:#1e1b16;--muted:#665f57;--line:rgba(30,27,22,0.1);--accent:#ea7c2b;--accent-soft:#ffd9bf;--shadow:0 24px 64px rgba(36,24,12,0.12);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--container:1200px;--font-display:"Avenir Next","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-body:"IBM Plex Sans","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(234,124,43,.12),transparent 32%),radial-gradient(circle at top right,rgba(163,214,197,.18),transparent 24%),linear-gradient(180deg,#fbf8f2,#f4ede2);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}code,pre{font-family:SFMono-Regular,JetBrains Mono,Consolas,monospace}.site-shell{min-height:100vh}.main-content,.site-footer,.site-header{width:min(calc(100% - 32px),var(--container));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;justify-content:space-between;gap:20px;margin-top:16px;padding:16px 20px;border:1px solid var(--line);border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(255,249,242,.78);box-shadow:0 10px 30px rgba(55,34,20,.06)}.brand-lockup,.site-header{display:flex;align-items:center}.brand-lockup{gap:14px}.benefit-card h2,.brand-lockup strong,.dashboard-card h2,.faq-card h3,.feature-card h3,.hero-copy h1,.login-panel h1,.pricing-card h2,.section-heading h1,.section-heading h2{font-family:var(--font-display)}.brand-lockup span{display:block;color:var(--muted);font-size:13px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#1d1b18,#614126);color:white;font-weight:700;letter-spacing:.08em}.dashboard-actions,.docs-row,.header-actions,.hero-actions,.hero-proof,.locale-switch,.main-nav,.pricing-top,.table-row{display:flex;align-items:center}.main-nav{gap:18px;color:var(--muted);font-size:15px}.footer-links a:hover,.locale-switch a:hover,.main-nav a:hover{color:var(--ink)}.header-actions{gap:14px}.locale-switch{gap:10px;padding:6px;border-radius:999px;background:rgba(30,27,22,.05)}.locale-switch a{padding:6px 10px;border-radius:999px;color:var(--muted);font-size:13px}.locale-switch .locale-active{background:white;color:var(--ink);box-shadow:0 6px 16px rgba(30,27,22,.08)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-1px)}.button-dark{background:#1f1c18;color:white;box-shadow:0 12px 24px rgba(31,28,24,.18)}.button-light{background:rgba(255,255,255,.86);color:var(--ink);border-color:var(--line)}.button-small{min-height:40px;padding:0 14px}.main-content{padding:28px 0 48px}.page-stack{display:grid;grid-gap:24px;gap:24px}.benefit-card,.dashboard-card,.docs-card,.faq-card,.feature-card,.hero-panel,.login-panel,.pricing-card,.section-panel,.stat-card,.step-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--panel);box-shadow:var(--shadow)}.card-grid,.dashboard-grid,.docs-layout,.faq-grid,.hero-panel,.login-shell,.pricing-grid,.section-panel,.stats-grid,.steps-grid{display:grid;grid-gap:20px;gap:20px}.hero-panel{grid-template-columns:1.2fr .8fr;padding:42px;min-height:520px;overflow:hidden}.benefit-card,.dashboard-card,.docs-card,.faq-card,.feature-card,.hero-copy,.hero-stage,.login-panel,.pricing-card,.stat-card,.step-card{position:relative}.hero-copy h1,.section-heading h1{margin:0;font-size:clamp(2.8rem,5vw,5rem);line-height:.96;max-width:12ch}.benefit-card p,.billing-copy,.docs-row p,.faq-card p,.feature-card p,.hero-description,.legal-copy,.login-panel p,.pricing-summary,.section-heading p,.stage-card p,.step-card p,.table-row p{color:var(--muted);line-height:1.65}.hero-actions{gap:14px;margin-top:28px;flex-wrap:wrap}.hero-proof{gap:18px;margin-top:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}.hero-stage{align-content:end}.stage-card{padding:24px;border-radius:28px;border:1px solid var(--line);background:rgba(255,255,255,.8)}.stage-card+.stage-card{margin-top:16px}.stage-card-primary{background:linear-gradient(155deg,rgba(255,231,212,.95),rgba(255,255,255,.88))}.card-kicker,.eyebrow,.stage-label{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.stage-stat{margin-top:12px;font-size:clamp(2rem,4vw,3.4rem);line-height:1;font-weight:700}.stage-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.stage-mini-grid span{padding:14px 16px;border-radius:16px;background:rgba(30,27,22,.05);font-size:14px}.benefit-card,.dashboard-card,.docs-card,.faq-card,.feature-card,.login-panel,.pricing-card,.section-panel,.stat-card,.step-card{padding:28px}.hero-tight .section-heading h1{max-width:none;font-size:clamp(2.4rem,4vw,4rem)}.section-panel-accent{background:linear-gradient(145deg,rgba(255,235,221,.8),rgba(255,249,242,.86))}.section-heading{display:grid;grid-gap:8px;gap:8px}.section-heading.compact h2{margin:0;font-size:1.6rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-card h3,.feature-card h3,.step-card h3{margin:14px 0 8px;font-size:1.3rem}.dashboard-grid,.docs-layout,.faq-grid,.login-shell,.pricing-grid,.stats-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-number{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:rgba(234,124,43,.15);color:var(--accent);font-weight:700}.stat-card{gap:10px}.stat-card strong{display:block;font-size:2rem}.stat-card span{color:var(--muted)}.pricing-card{display:grid;grid-gap:16px;gap:16px;align-content:start}.pricing-card-highlight{background:linear-gradient(155deg,rgba(255,225,197,.88),rgba(255,250,243,.95))}.pricing-top{justify-content:space-between;align-items:flex-start;gap:18px}.price-line{text-align:right}.price-line strong{display:block;font-size:2.4rem}.price-line span{color:var(--muted)}.bullet-list,.number-list{margin:0;padding-left:20px;color:var(--muted);line-height:1.8}.number-list{display:grid;grid-gap:18px;gap:18px}.number-list li strong{display:block;margin-bottom:6px;color:var(--ink)}.docs-card pre,.feature-card pre{margin:14px 0;padding:16px;overflow:auto;border-radius:18px;background:#171411;color:#f7f3ec}.docs-table,.table-list{display:grid;grid-gap:14px;gap:14px}.docs-row,.table-row{justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);align-items:flex-start}.docs-row:last-child,.table-row:last-child{border-bottom:0}.docs-row strong,.table-row strong{display:block}.docs-row span,.table-row span{display:block;margin-top:4px;color:var(--muted);font-size:13px}.login-shell{align-items:stretch}.login-panel{background:linear-gradient(165deg,rgba(255,249,240,.96),rgba(255,255,255,.9))}.login-actions{display:grid;grid-gap:12px;gap:12px;margin-top:28px}.benefit-card{display:grid;align-content:start}.dashboard-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:24px}.dashboard-actions{gap:12px;flex-wrap:wrap}.dashboard-grid{align-items:start}.billing-card{background:linear-gradient(160deg,rgba(255,230,210,.85),rgba(255,255,255,.9))}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:18px 8px 48px;color:var(--muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}@media (max-width:1100px){.card-grid-three,.dashboard-grid,.docs-layout,.faq-grid,.hero-panel,.login-shell,.pricing-grid,.stats-grid,.steps-grid{grid-template-columns:1fr}.hero-panel{min-height:auto}}@media (max-width:840px){.main-content,.site-footer,.site-header{width:min(calc(100% - 20px),var(--container))}.dashboard-top,.site-footer,.site-header{flex-direction:column;align-items:stretch}.main-nav{flex-wrap:wrap}.header-actions{justify-content:space-between}.benefit-card,.dashboard-card,.docs-card,.faq-card,.feature-card,.hero-panel,.login-panel,.pricing-card,.section-panel,.stat-card,.step-card{padding:22px}.hero-copy h1,.section-heading h1{font-size:clamp(2.2rem,10vw,3.2rem)}.card-grid{grid-template-columns:1fr}}
|