:root { color-scheme: light; --paper:#f3efe7; --ink:#171714; --muted:#6b675f; --line:rgba(23,23,20,.16); --orange:#ed6b3b; --soft:#ece4d8; --white:#fffdf8; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif; font-size:16px; line-height:1.78; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-underline-offset:3px; }
.site-header { position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); background:rgba(243,239,231,.9); backdrop-filter:blur(18px); }
.nav { display:flex; width:min(calc(100% - 40px),1120px); min-height:72px; margin:auto; align-items:center; justify-content:space-between; gap:32px; }
.brand { display:inline-flex; align-items:center; gap:9px; font-size:20px; font-weight:800; letter-spacing:-.05em; text-decoration:none; }
.brand-mark { position:relative; width:18px; height:18px; border-radius:6px; background:var(--orange); transform:rotate(-8deg); }
.brand-mark::after { content:""; position:absolute; width:7px; height:7px; right:-3px; top:-3px; border-radius:50%; background:#efb82e; }
.nav-links { display:flex; align-items:center; gap:24px; }
.nav-links a { font-size:13px; font-weight:650; text-decoration:none; }
.nav-links a[aria-current="page"] { color:var(--orange); }
main { width:min(calc(100% - 40px),980px); margin:70px auto 110px; }
.hero,.document { background:transparent; }
.hero { padding:70px 0; }
.eyebrow { margin:0 0 18px; color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
h1,h2,h3 { font-family:"PingFang SC","Microsoft YaHei",sans-serif; line-height:1.28; letter-spacing:-.035em; }
h1 { margin:0; font-size:clamp(42px,7vw,76px); font-weight:800; }
.lead { max-width:680px; margin:24px 0 0; color:var(--muted); font-size:19px; }
.document-header { padding:65px 0 48px; border-bottom:1px solid var(--ink); }
.document-header h1 { max-width:760px; }
.document-app-icon { display:block; width:96px; height:96px; margin-bottom:28px; border:2px solid var(--ink); border-radius:24px; box-shadow:8px 8px 0 var(--ink); object-fit:cover; }
.meta { margin:18px 0 0; color:var(--muted); font-size:13px; }
.store-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; min-height:50px; margin-top:26px; padding:0 20px; border:1px solid var(--ink); background:var(--ink); color:var(--white); font-size:13px; font-weight:750; text-decoration:none; transition:transform .2s ease,background .2s ease,border-color .2s ease; }
.store-button:hover { transform:translateY(-3px); border-color:var(--orange); background:var(--orange); }
.language-nav { display:flex; gap:10px; margin-top:28px; }
.language-nav a { padding:8px 14px; border:1px solid var(--ink); font-size:12px; font-weight:700; text-decoration:none; transition:background .2s,color .2s; }
.language-nav a:hover { background:var(--ink); color:var(--white); }
.policy-section { max-width:780px; padding-top:54px; }
.policy-section + .policy-section { margin-top:80px; border-top:1px solid var(--ink); }
.policy-section h2 { margin:44px 0 12px; font-size:25px; }
.policy-section h3 { margin:36px 0 10px; font-size:20px; }
.policy-section > h2:first-child,.policy-section > h3:first-child { margin-top:0; }
.policy-section p { margin:0 0 18px; }
.policy-section ul { padding-left:1.25em; }
.policy-section li { margin:7px 0; padding-left:5px; }
.policy-section a { color:#b94522; }
.notice { margin-bottom:40px!important; padding:19px 22px; border-left:4px solid var(--orange); background:var(--soft); }
table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; border-top:1px solid var(--ink); }
th,td { min-width:130px; padding:13px 14px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
th { background:var(--soft); font-size:13px; }
.site-footer { display:flex; justify-content:space-between; width:min(calc(100% - 40px),1120px); margin:0 auto 30px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.site-footer a { text-decoration:none; }
@media (max-width:650px) { .nav { min-height:62px; }.nav-links { gap:12px; }.nav-links a { font-size:11px; }.nav-links a:first-child { display:none; } main { margin-top:35px; }.document-header { padding-top:38px; }.document-app-icon { width:78px; height:78px; border-radius:20px; box-shadow:6px 6px 0 var(--ink); }.policy-section { padding-top:40px; }.site-footer { flex-direction:column; gap:8px; } }
@media print { .site-header,.language-nav,.site-footer { display:none; } body { background:#fff; } main { width:100%; margin:0; }.document-header { padding-top:0; } }