:root,[data-theme=sakura]{--bg:#fff0f6;--tint:#fbe4f0;--surface:#fff;--ink:#2b2350;--text:#2b2350;--muted:#5c5180;--primary:#ff4fa3;--primary-strong:#c8176f;--primary-soft:#ffe3f1;--on-primary:#fff;--accent:#5ce1e6;--accent-soft:#ddfafb;--star:#ffb020}[data-theme=ocean]{--bg:#eef5ff;--tint:#dfeaff;--surface:#fff;--ink:#16233f;--text:#16233f;--muted:#4c5b78;--primary:#2f6bff;--primary-strong:#1d4fd6;--primary-soft:#dce7ff;--on-primary:#fff;--accent:#ffc93c;--accent-soft:#fff4d6;--star:#f2a900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--text);font-family:var(--font-rounded), "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-weight:500;line-height:1.6;transition:background-color .2s}:lang(zh-Hans) body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}h1,h2,h3{color:var(--ink);margin:0 0 .5em;font-weight:900;line-height:1.2}h1{letter-spacing:-.01em;font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.7rem,3.4vw,2.4rem)}h3{font-size:1.15rem}p{margin:0 0 1em}a{color:var(--primary-strong);font-weight:700}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:3px solid var(--primary-strong);outline-offset:3px;border-radius:6px}.skip-link{z-index:100;background:var(--ink);color:var(--surface);border-radius:999px;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}.card{background:var(--surface);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:18px;padding:22px}.button{border:2.5px solid var(--ink);background:var(--surface);min-height:50px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-weight:900;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button--primary{background:var(--primary);color:var(--on-primary)}.button--soon{background:var(--accent-soft);color:var(--muted);box-shadow:none;cursor:default;font-weight:700}.button--soon:hover,.button--soon:active{box-shadow:none;transform:none}.button:disabled{opacity:.6;cursor:progress}.text-link{text-decoration:none}.text-link:hover{text-decoration:underline}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2.5px solid var(--ink);position:sticky;top:0}.header-inner{align-items:center;gap:18px;max-width:1120px;margin:0 auto;padding:10px 16px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:12px}.brand-name{flex-direction:column;font-size:1.3rem;font-weight:900;line-height:1;display:flex}.brand-tag{color:var(--primary-strong);font-size:.78rem;font-weight:800}.header-nav{gap:18px;margin-left:auto;display:flex}.header-nav a{color:var(--ink);font-weight:800;text-decoration:none}.header-nav a:hover{color:var(--primary-strong)}.header-tools{align-items:center;gap:10px;display:flex}.lang-menu{position:relative}.lang-menu summary{cursor:pointer;border:2px solid var(--ink);background:var(--surface);white-space:nowrap;border-radius:999px;padding:7px 12px;font-weight:800;list-style:none}.lang-menu summary::-webkit-details-marker{display:none}.lang-menu ul{background:var(--surface);border:2.5px solid var(--ink);min-width:160px;box-shadow:4px 4px 0 var(--ink);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.lang-menu a{color:var(--ink);border-radius:10px;padding:8px 12px;text-decoration:none;display:block}.lang-menu a:hover,.lang-menu a[aria-current=true]{background:var(--primary-soft)}.theme-toggle{border:2px solid var(--ink);background:var(--surface);border-radius:999px;padding:3px;display:flex}.theme-option{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-weight:800;display:flex}.theme-option[aria-pressed=true]{background:var(--accent-soft);color:var(--ink)}.theme-swatch{border:2px solid var(--ink);border-radius:999px;width:16px;height:16px}.theme-option--sakura .theme-swatch{background:#ff4fa3}.theme-option--ocean .theme-swatch{background:#2f6bff}main{display:block}.section,.hero{max-width:1120px;margin:0 auto;padding:72px 16px}.section--tint{background:var(--tint);border-top:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);max-width:none}.section--tint>*{max-width:1088px;margin-left:auto;margin-right:auto}.section-intro{color:var(--muted);max-width:720px;font-size:1.1rem}.split{grid-template-columns:1.1fr 1fr;align-items:start;gap:40px;display:grid}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding-top:56px;display:grid}.eyebrow{border:2px solid var(--ink);background:var(--accent-soft);border-radius:999px;padding:4px 14px;font-size:.95rem;font-weight:800;display:inline-block}.lead{color:var(--muted);font-size:1.2rem}.actions{flex-wrap:wrap;gap:12px;margin:24px 0 18px;display:flex}.badges{flex-wrap:wrap;gap:8px;display:flex}.badges li{background:var(--primary-soft);border:2px solid var(--ink);border-radius:999px;padding:4px 12px;font-size:.9rem;font-weight:800}.hero-art{flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}.hero-logo{width:120px;height:120px;filter:drop-shadow(4px 4px 0 var(--ink));z-index:2;position:absolute;top:-40px;right:-10px;transform:rotate(8deg)}.mock{background:var(--surface);border:3px solid var(--ink);width:min(100%,360px);box-shadow:6px 6px 0 var(--ink);border-radius:28px;flex-direction:column;gap:12px;padding:18px;display:flex}.mock-bar{color:var(--ink);background:var(--tint);border-radius:14px;padding:8px 12px;font-weight:900}.mock-items{flex-direction:column;gap:8px;display:flex}.mock-items li{border:2px solid var(--ink);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-weight:800;display:flex}.mock-items li.is-done{background:var(--accent-soft);color:var(--muted);text-decoration:line-through}.mock-check{border:2px solid var(--ink);background:var(--surface);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:.8rem;display:grid}.is-done .mock-check{background:var(--primary);color:var(--on-primary)}.mock-idea{border:2px dashed var(--primary-strong);background:var(--primary-soft);border-radius:14px;flex-direction:column;gap:2px;padding:12px;display:flex}.mock-idea span:last-child{color:var(--muted);font-size:.9rem}.mock-stars{color:var(--star);letter-spacing:2px}.mock-button{text-align:center;border:2.5px solid var(--ink);background:var(--primary);color:var(--on-primary);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:12px;font-weight:900}.avatars{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.avatars img{border:2px solid var(--ink);image-rendering:pixelated;background:var(--surface);border-radius:12px}.about-site{background:var(--surface)}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px;display:grid}.feature-grid p,.steps p{color:var(--muted);margin:0}.card-icon{margin-bottom:8px;font-size:2rem;display:block}.checklist{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.checklist li{background:var(--surface);border:2px solid var(--ink);border-radius:14px;padding:14px 16px 14px 52px;font-weight:700;position:relative}.checklist li:before{content:"✓";background:var(--primary);width:26px;height:26px;color:var(--on-primary);border-radius:8px;place-items:center;font-weight:900;display:grid;position:absolute;top:12px;left:14px}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.step-number{border:2.5px solid var(--ink);background:var(--accent);width:44px;height:44px;color:var(--ink);border-radius:999px;place-items:center;margin-bottom:10px;font-size:1.3rem;font-weight:900;display:grid}.style-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-top:28px;display:grid}.style-card{box-shadow:4px 4px 0 var(--ink);border:2.5px solid;border-radius:18px;padding:20px;position:relative}.style-card h3{color:inherit}.style-card p{opacity:.85;margin:0 0 12px}.style-face{white-space:nowrap;margin-bottom:6px;font-size:1.6rem;display:block}.style-dots{gap:6px;display:flex}.style-dots i{border:2px solid;border-radius:999px;width:18px;height:18px}.chips{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.chips a{border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:8px 16px;text-decoration:none;display:inline-block}.faq-group{margin-top:32px}.faq-group h3{color:var(--primary-strong)}.faq{flex-direction:column;gap:12px;display:flex}.faq details{background:var(--surface);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:16px}.faq summary{cursor:pointer;padding:16px 52px 16px 18px;font-weight:900;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--primary-strong);font-size:1.4rem;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:0;padding:0 18px 18px}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-form label{flex-direction:column;gap:6px;font-weight:800;display:flex}.contact-form input,.contact-form textarea{font:inherit;border:2.5px solid var(--ink);background:var(--surface);color:var(--text);border-radius:14px;padding:12px 14px;font-weight:500}.contact-form textarea{resize:vertical}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.form-error{color:#b3133f;margin:0;font-weight:700}.form-note{font-weight:800}.cta{text-align:center}.cta .section-intro{margin-left:auto;margin-right:auto}.cta .actions{justify-content:center}.legal{max-width:820px;margin:0 auto;padding:48px 16px 72px}.legal-card{background:var(--surface);border:2.5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:20px;padding:clamp(22px,4vw,40px)}.legal-card h1{font-size:clamp(1.8rem,4vw,2.6rem)}.legal-card h2{margin-top:1.6em;font-size:1.25rem}.legal-updated{color:var(--muted);font-weight:700}.legal-intro{font-size:1.1rem}.site-footer{border-top:2.5px solid var(--ink);background:var(--surface)}.footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:28px;max-width:1120px;margin:0 auto;padding:40px 16px;display:grid}.footer-inner ul{flex-direction:column;gap:6px;display:flex}.footer-inner a{color:var(--ink);text-decoration:none}.footer-inner a:hover{color:var(--primary-strong);text-decoration:underline}.footer-name{margin-bottom:4px;font-size:1.2rem;font-weight:900}.footer-heading{margin-bottom:8px;font-weight:900}.footer-made{color:var(--muted);font-size:.9rem}@media (max-width:900px){.header-nav{display:none}.header-tools{margin-left:auto}.hero,.split{grid-template-columns:1fr}.hero-art{margin-top:24px}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:520px){.theme-name,.brand-tag{display:none}.section,.hero{padding-top:48px;padding-bottom:48px}.hero-logo{width:84px;height:84px;top:-24px;right:0}.actions .button{width:100%}.footer-inner{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,body{transition:none}}