:root { color-scheme:dark; --bg:#0b0e13; --panel:#11161e; --text:#f4f0e7; --muted:#9ba5b5; --dim:#687487; --line:rgba(216,226,239,.14); --lime:#d8f36a; --cyan:#8de4dc; --orange:#ffad68; --display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; --body:"Avenir Next","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif; }
    * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--text); background:var(--bg); font:15px/1.65 var(--body); background-image:radial-gradient(rgba(216,243,106,.09) 1px,transparent 1px),radial-gradient(circle at 75% 2%,rgba(91,125,255,.15),transparent 30rem); background-size:24px 24px,auto; }
    a { color:inherit; text-decoration:none; } .shell { width:min(1180px,calc(100% - 40px)); margin:auto; }
    .topbar { height:76px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); } .brand { display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:-.02em; } .brand-mark { display:grid; place-items:center; width:31px; height:31px; border:1px solid var(--lime); color:var(--lime); font-size:11px; letter-spacing:.08em; transform:rotate(-6deg); } .brand-slash { color:var(--dim); font-weight:500; }
    nav { display:flex; align-items:center; gap:24px; color:var(--muted); font-size:13px; } nav a:hover,.text-link:hover { color:var(--lime); } .nav-star { padding:7px 12px; border:1px solid rgba(216,243,106,.45); color:var(--lime); }
    .hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr); gap:70px; align-items:center; padding:104px 0 92px; } .eyebrow { display:flex; align-items:center; gap:9px; color:var(--lime); font-size:11px; letter-spacing:.16em; font-weight:800; } .signal { width:7px; height:7px; background:var(--lime); border-radius:50%; box-shadow:0 0 0 5px rgba(216,243,106,.12); }
    h1 { max-width:700px; margin:19px 0 21px; font:400 clamp(3.2rem,7vw,6.25rem)/.94 var(--display); letter-spacing:-.065em; } h1 em { color:var(--lime); font-style:normal; } .lead { max-width:630px; margin:0; color:var(--muted); font-size:18px; line-height:1.75; } .actions { display:flex; flex-wrap:wrap; gap:11px; margin:32px 0 20px; } .button { display:inline-flex; align-items:center; gap:9px; padding:12px 17px; border:1px solid var(--lime); background:var(--lime); color:#13170e; font-weight:800; } .button.alt { border-color:var(--line); background:rgba(255,255,255,.035); color:var(--text); } .button:hover { transform:translateY(-2px); box-shadow:0 10px 30px rgba(216,243,106,.12); } .fine-print { color:var(--dim); font-size:12px; }
    .receipt { position:relative; padding:18px; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); border:1px solid var(--line); box-shadow:24px 24px 0 rgba(216,243,106,.08); } .receipt:before { content:""; position:absolute; inset:8px -8px -8px 8px; border:1px solid rgba(141,228,220,.15); z-index:-1; } .receipt-head { display:flex; justify-content:space-between; align-items:center; padding-bottom:17px; border-bottom:1px solid var(--line); color:var(--muted); font-size:11px; letter-spacing:.12em; } .live { color:var(--lime); } .receipt-title { margin:31px 0 25px; font:400 28px/1.1 var(--display); } .run { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; padding:13px 0; border-top:1px solid var(--line); } .run-no { color:var(--dim); font-size:11px; } .run-name { font-weight:700; } .run-desc { display:block; color:var(--dim); font-size:12px; } .run-state { color:var(--cyan); font:11px ui-monospace,SFMono-Regular,Menlo,monospace; } .artifacts { display:flex; flex-wrap:wrap; gap:7px; margin-top:27px; } .artifact { padding:5px 8px; border:1px solid var(--line); color:var(--muted); font:11px ui-monospace,SFMono-Regular,Menlo,monospace; }
    .section { padding:78px 0; border-top:1px solid var(--line); } .section-kicker { color:var(--orange); font-size:11px; letter-spacing:.15em; font-weight:800; text-transform:uppercase; } h2 { max-width:700px; margin:12px 0 36px; font:400 clamp(2.1rem,4vw,3.6rem)/1.03 var(--display); letter-spacing:-.05em; }
    .proofs { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border:1px solid var(--line); } .proof { min-height:170px; padding:25px; border-right:1px solid var(--line); } .proof:last-child { border-right:0; } .proof-no { color:var(--lime); font:12px ui-monospace,monospace; } .proof h3 { margin:35px 0 7px; font-size:17px; } .proof p,.feature p,.step p { margin:0; color:var(--muted); font-size:14px; }
    .canvas-section { display:grid; grid-template-columns:.78fr 1.22fr; gap:48px; align-items:center; } .canvas-copy h2 { margin-bottom:17px; } .canvas-copy p { color:var(--muted); max-width:430px; } .canvas-shot { padding:10px; background:#f5f6fb; border:1px solid rgba(216,243,106,.3); transform:rotate(1deg); box-shadow:18px 18px 0 rgba(141,228,220,.10); } .canvas-shot img { display:block; width:100%; height:auto; }
    .evidence { display:grid; grid-template-columns:1.08fr .92fr; gap:12px; margin-top:38px; } .evidence-card { margin:0; padding:10px; border:1px solid var(--line); background:var(--panel); } .evidence-card img { display:block; width:100%; height:220px; object-fit:cover; background:#0e1218; } .evidence-card.arch img { object-fit:contain; padding:17px; } .evidence-card figcaption { padding:11px 4px 2px; color:var(--muted); font-size:12px; }
    .features { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .feature { min-height:188px; padding:22px; border:1px solid var(--line); background:rgba(17,22,30,.72); } .feature:hover { border-color:rgba(216,243,106,.55); } .feature-icon { color:var(--lime); font:18px var(--display); } .feature h3 { margin:22px 0 7px; font-size:16px; }
    .paths { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .path { padding:24px; border-top:2px solid var(--cyan); background:var(--panel); } .path:nth-child(2){border-color:var(--lime)} .path:nth-child(3){border-color:var(--orange)} .path h3 { margin:0 0 7px; font-size:18px; } .path p { margin:0 0 17px; color:var(--muted); font-size:14px; } .steps { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:52px; } .step { padding-top:15px; border-top:1px solid var(--line); } .step strong { display:block; color:var(--lime); font:12px ui-monospace,monospace; } .step h3 { margin:16px 0 6px; font-size:16px; }
    .cta-band { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:31px; border:1px solid var(--lime); background:linear-gradient(100deg,rgba(216,243,106,.13),rgba(141,228,220,.05)); } .cta-band h2 { margin:0; font-size:clamp(1.8rem,3vw,2.7rem); } .cta-band p { margin:7px 0 0; color:var(--muted); } footer { display:flex; justify-content:space-between; gap:20px; padding:28px 0 36px; color:var(--dim); font-size:12px; } footer a { color:var(--muted); }
    @media(max-width:850px) { nav a:not(.nav-star):not(.nav-lang){display:none} .hero,.canvas-section { grid-template-columns:1fr; gap:42px; padding-top:72px; } .proofs,.features,.paths { grid-template-columns:1fr; } .proof { border-right:0; border-bottom:1px solid var(--line); } .proof:last-child { border-bottom:0; } .steps { grid-template-columns:repeat(2,1fr); } }
    @media(max-width:560px) { .shell { width:min(100% - 28px,1180px); } .topbar { height:65px; } .brand-slash { display:none; } h1 { font-size:3.35rem; } .lead { font-size:16px; } .hero { padding-bottom:64px; } .steps,.evidence { grid-template-columns:1fr; } .cta-band,footer { display:block; } .cta-band .button { margin-top:22px; } footer a { display:inline-block; margin-top:8px; } }
    @media(prefers-reduced-motion:no-preference) { .hero>* { animation:rise .65s ease both; } .hero-visual { animation-delay:.12s; } .button,.feature { transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; } @keyframes rise { from { transform:translateY(14px); } to { transform:none; } } }
    :focus-visible { outline:2px solid var(--lime); outline-offset:4px; }
    .guide-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
    .guide-card { padding:24px; border:1px solid var(--line); background:var(--panel); }
    .guide-card h3 { margin:0 0 8px; font-size:18px; }
    .guide-card p { color:var(--muted); margin:0 0 15px; }
    .guide-card a { color:var(--lime); text-decoration:underline; text-underline-offset:3px; }
    .faq-list { display:grid; gap:10px; max-width:850px; }
    .faq-list details { border:1px solid var(--line); background:var(--panel); padding:16px 18px; }
    .faq-list summary { cursor:pointer; font-weight:700; }
    .faq-list p { color:var(--muted); margin:10px 0 0; }
    @media(max-width:850px) { nav a:not(.nav-star):not(.nav-lang){display:none} nav { gap:12px; } }
    @media(max-width:560px) { .guide-grid { grid-template-columns:1fr; } .nav-star { padding:7px 8px; } }


html[lang="zh-CN"] h1 { line-height:1.12; letter-spacing:-.035em; text-wrap:balance; }
@media(max-width:560px) { html[lang="zh-CN"] h1 { font-size:2.75rem; } }