:root{--paper:#faf6f0;--white:#fff;--ink:#2b241c;--muted:#655c50;--line:#e6dccc;--orange:#e85d3d;--orange-dark:#b54024;--amber:#ffb546;--sage:#e5edd9;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3}a:focus-visible,button:focus-visible{outline:3px solid var(--orange-dark);outline-offset:5px}.wrap{width:min(1184px,calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;padding:10px 20px;background:var(--ink);color:white;z-index:100}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--line);background:rgba(250,246,240,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;gap:26px;min-height:84px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.4px;font-weight:750}.brand img{border-radius:10px}.brand-dot{color:var(--orange)}.nav-links{display:flex;gap:30px;margin-left:auto;font-size:14px}.nav a:not(.brand):hover,.footer a:hover{color:var(--orange-dark)}.language{background:none;border:0;cursor:pointer;padding:10px 3px;font-size:14px;color:var(--ink)}.language span{margin-left:4px}.nav-cta{font-size:14px;border:1px solid var(--line);border-radius:8px;padding:9px 18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;min-height:740px;padding-block:78px 80px}.eyebrow{font-size:13px;letter-spacing:.08em;color:var(--muted);display:flex;gap:10px;align-items:center;font-weight:550}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);flex-shrink:0}.hero h1{font-size:clamp(44px,4.9vw,68px);font-weight:650;letter-spacing:-.055em;line-height:1.24;margin-top:28px}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:17px;line-height:1.95;color:var(--muted);max-width:460px;margin-top:27px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:34px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;border-radius:8px;font-size:15px;font-weight:550;padding:14px 23px;transition:transform .2s,background .2s}.primary{background:var(--ink);color:white}.primary:hover{background:var(--orange-dark);transform:translateY(-2px)}.availability{font-size:13px;color:var(--muted)}.hero-foot{border-top:1px solid var(--line);margin-top:48px;padding-top:18px;display:flex;gap:12px;font-size:13px;color:var(--muted);max-width:400px}.hero-foot>span:first-child{font-size:20px;color:var(--orange)}.collection{position:relative;min-height:558px}.collection-label{display:flex;justify-content:space-between;margin:0 24px 27px 54px;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.12em;color:var(--muted)}.note{position:relative;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 34px -25px #5d402b66;padding:24px 26px;width:90%;background:var(--white)}.note h2{font-size:20px;letter-spacing:-.025em;margin:16px 0 10px}.note p{font-size:14px;color:var(--muted);line-height:1.7}.note-meta{display:flex;justify-content:space-between;align-items:center;font-size:18px;color:var(--muted)}.tag{padding:4px 9px;font-size:11px;border-radius:4px;font-weight:500;letter-spacing:.05em}.sage{background:var(--sage);color:#3d5426}.amber{background:#ffeecc;color:#6b4a10}.note-link{margin-left:30px;transform:rotate(-5deg)}.note-bottom{border-top:1px solid #e6dccc99;margin-top:18px;padding-top:11px;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px}.link-mark{background:var(--paper);width:22px;text-align:center;border-radius:4px}.note-idea{z-index:2;background:#ffedce;margin-top:-30px;margin-left:5px;transform:rotate(3deg);width:85%}.note-idea .tag{background:#fff6e2}.note-code{z-index:3;background:#302b25;color:#f9f0e3;margin-left:72px;width:83%;margin-top:-22px;transform:rotate(-2deg);border-color:#443a2e}.note-code .note-meta{color:#c9bca9;font-size:15px}.code-label{font-family:ui-monospace,monospace;font-size:12px}.note code{display:block;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.8;margin-top:16px}.note code span{color:#ffb87a}.code-footer{border-top:1px solid #ffffff26;padding-top:12px;margin-top:17px;display:flex;align-items:center;gap:8px;color:#d9cbb7;font-size:12px}.tiny-dot{width:5px;height:5px;border-radius:50%;background:var(--amber)}.collection-caption{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:25px 8px 0 0;color:var(--muted);font-size:12px}.collection-caption>span:first-child{color:var(--orange);font-size:23px}.format-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;letter-spacing:.09em;color:var(--muted)}.format-strip>div{display:flex;gap:29px;align-items:center;font-size:17px;color:var(--ink);letter-spacing:0}.format-strip i{font-size:16px;font-style:normal;color:var(--orange)}.section{padding-block:110px}.section-heading{position:relative}.section-heading h2,.inside h2{font-size:clamp(30px,3.1vw,42px);letter-spacing:-.04em;margin-top:20px;font-weight:600;line-height:1.45}.muted{color:#8c8171}.section-heading>p:last-child{position:absolute;right:0;bottom:7px;font-size:16px;line-height:1.85;color:var(--muted);max-width:450px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}.feature{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fffcf8}.feature-number{font-size:12px;color:var(--muted);position:absolute;right:25px;top:27px}.feature-icon{font-size:35px;line-height:1;margin-bottom:32px;color:var(--orange-dark);font-family:Arial,sans-serif}.feature h3{font-size:20px;letter-spacing:-.03em;margin-bottom:13px}.feature p{font-size:15px;color:var(--muted);line-height:1.9}.mini-types{display:flex;gap:8px;margin-top:28px}.mini-types span{font-size:12px;background:#eee7dc;border-radius:4px;padding:3px 12px;color:#594d3b}.mini-types .sage{background:var(--sage)}.mini-types .amber{background:#ffeecc}.mini-people{display:flex;align-items:center;margin-top:28px}.mini-people>span{background:#eadfc9;display:grid;place-items:center;width:30px;height:30px;border:2px solid #fffcf8;border-radius:50%;font-size:11px;margin-right:-6px}.mini-people>span:nth-child(2){background:#dfe7d6}.mini-people>span:nth-child(3){background:#f5d4c2}.mini-people small{margin-left:17px;font-size:12px;color:var(--muted)}.inside{background:#f1ebdf;border-block:1px solid var(--line)}.inside-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.inside-copy>p:not(.eyebrow){color:var(--muted);margin-top:24px;font-size:16px;line-height:1.9}.inside-detail{border-top:1px solid #dcd1c0;padding-top:25px;margin-top:32px;display:flex;gap:18px}.inside-detail>span{color:var(--orange);font-size:25px}.inside-detail h3{font-size:16px;font-weight:600;margin-bottom:8px}.inside-detail p{font-size:14px;line-height:1.85;color:var(--muted)}.inside-copy .screenshot-note{font-size:12px!important;margin-top:30px!important}.screenshots{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 6px 35px}.screen{margin:0;min-width:0}.screen img{width:100%;height:auto;border-radius:25px;border:5px solid #fff9f0;box-shadow:0 20px 40px -22px #6b4d3680}.screen.second{padding-top:58px}.screen figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:17px}.closing{padding:65px 24px;text-align:center;border:1px solid var(--line);border-radius:18px;background:linear-gradient(125deg,#fffaf2,#f8ecda);position:relative}.closing>img{margin:0 auto 25px;border-radius:19px;box-shadow:0 8px 24px #b8471d17}.closing .eyebrow{justify-content:center;font-size:12px}.closing h2{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.035em;margin-top:18px;font-weight:600}.closing>p:not(.eyebrow){color:var(--muted);max-width:520px;margin:18px auto 28px;font-size:16px}.release-badge{display:inline-flex;gap:10px;align-items:center;border-radius:8px;background:var(--ink);padding:13px 22px;color:white;font-size:14px}.contact{display:block;width:fit-content;margin:20px auto 0;color:var(--muted);font-size:13px}.contact:hover{color:var(--orange-dark)}.footer{border-top:1px solid var(--line);padding-block:30px 40px;display:flex;align-items:center;gap:26px;font-size:12px;color:var(--muted)}.footer .brand{color:var(--ink);font-size:24px}.footer>div{display:flex;gap:22px;margin-left:auto}.footer-note{margin-left:18px}
@media(min-width:1440px){.hero{min-height:790px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:24px}.hero h1{font-size:52px}.collection{transform:scale(.92);transform-origin:center right}.section-heading>p:last-child{position:static;margin-top:22px}.inside-grid{gap:32px}.inside h2{font-size:30px}.footer-note{display:none}.note-code{margin-left:40px;width:88%}.strip-end{display:none}.feature{padding:25px}.feature h3{font-size:18px}}
@media(max-width:760px){html{scroll-padding-top:85px}.nav{min-height:72px;gap:17px}.nav-links{display:none}.language{margin-left:auto}.nav-cta{padding:7px 11px;font-size:13px}.brand{font-size:25px}.hero{grid-template-columns:1fr;gap:52px;padding-block:52px 40px;min-height:0}.hero h1{font-size:clamp(42px,9vw,62px);letter-spacing:-.05em}.lead{font-size:16px;max-width:520px}.hero-foot{margin-top:30px}.collection{transform:none;max-width:470px;width:100%;margin:auto;min-height:0}.collection-label{margin-left:35px}.note{padding:21px;width:87%}.note-code{width:85%;margin-left:42px}.note h2{font-size:19px}.collection-caption{margin-top:24px}.format-strip{flex-direction:column;gap:10px;padding:21px 0}.format-strip>div{font-size:16px;gap:24px}.section{padding-block:65px}.section-heading h2,.inside h2{font-size:32px}.features-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.feature{padding:27px}.feature-icon{margin-bottom:23px}.feature h3{font-size:20px}.inside-grid{grid-template-columns:1fr;gap:35px}.screenshots{max-width:490px;margin:auto;gap:16px}.screen img{border-radius:20px;border-width:4px}.closing{padding:45px 22px}.closing h2{font-size:30px}.closing>p:not(.eyebrow){font-size:15px}.footer{flex-wrap:wrap;gap:18px}.footer>div{margin-left:0;width:100%;gap:25px}.footer>span{margin-left:auto}.eyebrow{font-size:12px}.hero-actions{gap:18px}.availability{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* ---- 法务页（/privacy-policy、/user-agreement，由 scripts/legal.mjs 生成） ---- */
.legal{width:min(768px,calc(100% - 48px));padding-block:56px 88px}.legal-note{font-size:13px;color:var(--muted);background:#fffcf8;border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:34px}.legal h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.04em;font-weight:650;margin-bottom:8px}.legal h2{font-size:22px;letter-spacing:-.025em;font-weight:600;margin:52px 0 14px;padding-top:4px}.legal h3{font-size:17px;font-weight:600;margin:32px 0 10px}.legal p{margin:0 0 16px;color:var(--muted);line-height:1.95}.legal h1+p{color:var(--ink);font-size:14px;margin-bottom:0}.legal strong{color:var(--ink);font-weight:600}.legal em{font-style:normal;color:#8c8171;font-size:14px}.legal a{color:var(--orange-dark);text-decoration:underline;text-underline-offset:3px}.legal ul,.legal ol{margin:0 0 16px;padding-left:24px;color:var(--muted);line-height:1.95}.legal li{margin-bottom:8px}.legal li>ul,.legal li>ol{margin:8px 0 0}.legal hr{border:0;border-top:1px solid var(--line);margin:44px 0}
/* 表格在窄屏上横向滚动，不让它把整页撑出横向滚动条。 */
.legal-table{overflow-x:auto;margin:0 0 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.legal-table table{border-collapse:collapse;width:100%;font-size:14px;min-width:460px}.legal-table th,.legal-table td{border-bottom:1px solid var(--line);padding:11px 16px;text-align:left;vertical-align:top;color:var(--muted)}.legal-table th{background:#fffcf8;color:var(--ink);font-weight:600;white-space:nowrap}.legal-table tr:last-child td{border-bottom:0}
@media(max-width:760px){.legal{padding-block:36px 60px}.legal h2{font-size:20px;margin-top:40px}.legal-table th,.legal-table td{padding:10px 13px}}