:root{--font-family:"PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--color-bg:#fff9f4;--color-bg-hero:linear-gradient(180deg, #fde3d3 0%, #fff2e8 380px, #fff9f4 900px);--color-brand-gradient:linear-gradient(180deg, #ee6e2b 0%, #d8581c 100%);--color-primary:#e0601f;--color-primary-deep:#c9501a;--color-primary-soft:#fdeadf;--color-primary-border:#f5d3bf;--color-tag-bg:#2b1b14;--color-tag-text:#fff3ea;--color-danger:#d92d20;--color-success:#027a48;--color-text-primary:#2b1a11;--color-text-body:#4a342a;--color-text-secondary:#7a6157;--color-text-tertiary:#b0a29a;--color-line:#efdccf;--color-line-soft:#f7e9de;--color-surface-card:#fff;--color-surface-muted:#fbf0e7;--color-surface-dark:#2b1b14;--shadow-card:0 10px 32px #7a4a2a14;--shadow-primary:0 8px 20px #c9501a42;--focus-ring:0 0 0 4px #e0601f24;--fs-display:36px;--fs-h1:28px;--fs-h2:22px;--fs-title:18px;--fs-body:16px;--fs-caption:14px;--fs-mini:12px;--fw-heavy:700;--fw-semibold:600;--fw-regular:400;--lh-title:1.28;--lh-body:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-input:14px;--radius-card:20px;--radius-pill:999px;--h-input:52px;--h-button:50px;--h-button-sm:40px;--h-nav-item:36px;--h-tabbar:56px;--container-max:1120px;--h5-max:480px;--duration-fast:.15s;--duration-normal:.2s;--ease-standard:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{background:var(--color-bg-hero), var(--color-bg);color:var(--color-text-body);font-family:var(--font-family);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;background-repeat:no-repeat}button{font:inherit;color:inherit}a{color:inherit}h1,h2,h3,h4,p{margin:0}ul{margin:0;padding:0;list-style:none}svg{display:block}.container{width:100%;max-width:calc(var(--container-max) + var(--space-8) * 2);padding:0 var(--space-4);margin:0 auto}@media (width>=760px){.container{padding:0 var(--space-8)}}.section{padding:var(--space-12) 0;scroll-margin-top:76px}@media (width>=900px){.section{padding:var(--space-16) 0}}.section--tight{padding-top:0}.eyebrow{font-size:var(--fs-mini);font-weight:var(--fw-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.section-head{max-width:640px;margin-bottom:var(--space-6)}.section-head h2{margin-top:var(--space-2);font-size:calc(var(--fs-h1) * 1.03);line-height:var(--lh-title);font-weight:var(--fw-heavy);color:var(--color-text-primary)}.section-head p{margin-top:var(--space-3);color:var(--color-text-secondary)}@media (width>=900px){.section-head h2{font-size:var(--fs-h1)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--h-button);padding:0 var(--space-6);border-radius:var(--radius-pill);font-size:var(--fs-body);font-weight:var(--fw-semibold);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard), background var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible,.link:focus-visible,.faq-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.btn--primary{background:var(--color-brand-gradient);color:#fff;box-shadow:var(--shadow-primary)}.btn--primary:hover{transform:translateY(-1px)}.btn--primary:active{background:var(--color-primary-deep);transform:translateY(0)}.btn--ghost{background:var(--color-surface-card);border-color:var(--color-line);color:var(--color-primary)}.btn--ghost:hover{border-color:var(--color-primary)}.btn--sm{height:var(--h-button-sm);font-size:var(--fs-caption);padding:0 18px}.btn--block{width:100%}.link{color:var(--color-primary);font-size:var(--fs-caption);font-weight:var(--fw-semibold);cursor:pointer;background:0 0;border:0;padding:0}.link:hover{color:var(--color-primary-deep)}.tag{height:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-deep);font-size:var(--fs-mini);align-items:center;line-height:1;display:inline-flex}.site-header{z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-line-soft);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-4);height:64px;display:flex}.brand{align-items:center;gap:var(--space-2);flex:none;text-decoration:none;display:inline-flex}.brand-name{font-size:var(--fs-body);font-weight:var(--fw-heavy);color:var(--color-text-primary);letter-spacing:.02em}.brand-sub{font-size:var(--fs-mini);color:var(--color-text-secondary);display:none}@media (width>=560px){.brand-sub{padding-left:var(--space-2);border-left:1px solid var(--color-line);display:inline}}.site-nav{align-items:center;gap:var(--space-6);margin-left:auto;display:none}.site-nav a{color:var(--color-text-body);font-size:var(--fs-caption);text-decoration:none}.site-nav a:hover{color:var(--color-primary)}.header-cta{margin-left:auto}@media (width>=900px){.site-nav{display:flex}.header-cta{margin-left:var(--space-6)}}.hero{padding:var(--space-8) 0 var(--space-12)}.hero-grid{gap:var(--space-6);align-items:center;display:grid}.hero h1{margin-top:var(--space-3);font-size:calc(var(--fs-h1) * 1.16);line-height:1.18;font-weight:var(--fw-heavy);color:var(--color-text-primary);letter-spacing:-.01em}.hero h1 em{color:var(--color-primary);font-style:normal}.hero-lead{margin-top:var(--space-4);max-width:520px;color:var(--color-text-secondary);font-size:var(--fs-body);line-height:1.75}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.trust-row{gap:var(--space-2) var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.trust-item{font-size:var(--fs-mini);color:var(--color-text-secondary);align-items:center;gap:6px;display:inline-flex}.trust-item svg{width:14px;height:14px;color:var(--color-primary);flex:none}@media (width>=900px){.hero{padding:var(--space-12) 0 var(--space-16)}.hero-grid{gap:var(--space-12);grid-template-columns:1.02fr .98fr}.hero h1{font-size:calc(var(--fs-display) * 1.26)}}.compare{aspect-ratio:4/5;border-radius:var(--radius-card);border:1px solid var(--color-line);width:100%;box-shadow:var(--shadow-card);background:var(--color-surface-muted);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.compare.is-interactive{cursor:ew-resize}.compare.is-contain{aspect-ratio:var(--ratio,4 / 5)}.compare.is-contain .portrait{background:var(--color-surface-dark)}.compare.is-contain .portrait img{object-fit:contain}.compare-after{position:absolute;inset:0}.compare-before{clip-path:inset(0 calc(100% - var(--pos,46%)) 0 0);position:absolute;inset:0}.compare-divider{top:0;bottom:0;left:var(--pos,46%);z-index:2;background:var(--color-surface-card);pointer-events:none;width:2px;margin-left:-1px;position:absolute}.compare-label{bottom:var(--space-2);z-index:3;height:22px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-mini);color:var(--color-tag-text);background:var(--color-surface-dark);align-items:center;line-height:1;display:inline-flex;position:absolute}.compare-label--before{left:var(--space-2)}.compare-label--after{right:var(--space-2);background:var(--color-primary-deep)}.compare-handle{top:50%;left:var(--pos,46%);z-index:4;background:var(--color-surface-card);width:34px;height:34px;color:var(--color-primary);box-shadow:var(--shadow-card);cursor:ew-resize;border:0;border-radius:50%;place-items:center;margin:-17px 0 0 -17px;padding:0;display:grid;position:absolute}.compare-handle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.compare-handle svg{width:14px;height:14px}.compare-note{margin-top:var(--space-2);font-size:var(--fs-mini);color:var(--color-text-secondary);text-align:center}.portrait{width:100%;height:100%;position:relative;overflow:hidden}.portrait--before{background:var(--color-surface-muted)}.portrait--after{background:var(--color-primary-soft)}.portrait svg,.portrait img{width:100%;height:100%}.portrait img{object-fit:cover;display:block}.cap-grid{gap:var(--space-4);display:grid}@media (width>=760px){.cap-grid{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}}.cap-card{padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface-card);border:1px solid var(--color-line-soft);box-shadow:var(--shadow-card)}.cap-icon{background:var(--color-primary-soft);width:44px;height:44px;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.cap-card h3{margin-top:var(--space-4);font-size:var(--fs-title);font-weight:var(--fw-heavy);color:var(--color-text-primary)}.cap-card p{margin-top:var(--space-2);font-size:var(--fs-caption);color:var(--color-text-secondary)}.tag-row{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.flow{gap:var(--space-4);counter-reset:flow;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.flow{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr))}}.flow-step{padding:var(--space-6) var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-muted);border:1px solid var(--color-line-soft)}.flow-num{font-family:var(--font-mono);font-size:var(--fs-mini);letter-spacing:.1em;color:var(--color-primary-deep)}.flow-step h3{margin-top:var(--space-2);font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text-primary)}.flow-step p{margin-top:var(--space-1);font-size:var(--fs-caption);color:var(--color-text-secondary)}.example-grid{gap:var(--space-6);display:grid}@media (width>=760px){.example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.example-card{border-radius:var(--radius-card);background:var(--color-surface-card);border:1px solid var(--color-line-soft);box-shadow:var(--shadow-card);overflow:hidden}.example-media{aspect-ratio:4/5;position:relative;overflow:hidden}.example-media .portrait{position:absolute;inset:0}.example-before{left:var(--space-3);bottom:var(--space-3);z-index:2;aspect-ratio:4/5;border:2px solid var(--color-surface-card);border-radius:var(--radius-sm);width:30%;box-shadow:var(--shadow-card);position:absolute;overflow:hidden}.example-before .portrait{position:absolute;inset:0}.example-before .compare-label{height:18px;font-size:var(--fs-mini);border-radius:0;justify-content:center;bottom:0;left:0;right:0}.example-media .compare-label--after{bottom:var(--space-3)}.example-body{padding:var(--space-4)}.example-body h3{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--color-text-primary)}.example-body p{font-size:var(--fs-mini);color:var(--color-text-secondary);margin-top:4px}.example-meta{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.example-meta span{font-size:var(--fs-mini);color:var(--color-text-secondary)}.scene-grid{gap:var(--space-4);display:grid}@media (width>=640px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.scene-item{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-card);border:1px solid var(--color-line-soft);display:flex}.scene-icon{border-radius:var(--radius-sm);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);flex:none;place-items:center;display:grid}.scene-item h3{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--color-text-primary)}.scene-item p{font-size:var(--fs-mini);color:var(--color-text-secondary);margin-top:2px}.privacy{margin-top:var(--space-12);padding:var(--space-12) 0;background:var(--color-surface-dark);color:var(--color-tag-text)}.privacy .eyebrow{color:var(--color-primary-soft)}.privacy h2{color:var(--color-tag-text)}.privacy .section-head p{color:var(--color-tag-text);opacity:.72}.privacy-grid{gap:var(--space-6);display:grid}@media (width>=760px){.privacy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.privacy-item{gap:var(--space-3);display:flex}.privacy-item svg{width:20px;height:20px;color:var(--color-primary-soft);flex:none;margin-top:2px}.privacy-item h3{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--color-tag-text)}.privacy-item p{font-size:var(--fs-caption);color:var(--color-tag-text);opacity:.72;margin-top:4px}.faq{max-width:800px}.faq-item{border-top:1px solid var(--color-line)}.faq-item:last-child{border-bottom:1px solid var(--color-line)}.faq-trigger{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) 0;text-align:left;font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;display:flex}.faq-trigger svg{width:18px;height:18px;color:var(--color-text-secondary);transition:transform var(--duration-normal) var(--ease-standard);flex:none}.faq-trigger[aria-expanded=true] svg{color:var(--color-primary);transform:rotate(45deg)}.faq-answer{padding:0 0 var(--space-4);max-width:660px;font-size:var(--fs-caption);color:var(--color-text-secondary)}.final-cta{margin-top:var(--space-8);padding:var(--space-8) var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-card);border:1px solid var(--color-line-soft);box-shadow:var(--shadow-card);text-align:center}.final-cta h2{font-size:calc(var(--fs-h2) * 1.05);line-height:var(--lh-title);font-weight:var(--fw-heavy);color:var(--color-text-primary)}.final-cta p{margin-top:var(--space-2);font-size:var(--fs-caption);color:var(--color-text-secondary)}.final-cta .btn{margin-top:var(--space-6)}@media (width>=760px){.final-cta{padding:var(--space-12) var(--space-8)}}.site-footer{margin-top:var(--space-12);padding:var(--space-6) 0 var(--space-8);border-top:1px solid var(--color-line-soft);font-size:var(--fs-mini);color:var(--color-text-secondary)}.footer-inner{align-items:center;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.footer-links{gap:var(--space-4);margin-left:auto;display:flex}.footer-links button{font-size:var(--fs-mini);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:0}.footer-links button:hover{color:var(--color-primary)}.toast{left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));z-index:40;align-items:center;gap:var(--space-2);max-width:calc(100vw - var(--space-8));border-radius:var(--radius-pill);background:var(--color-surface-dark);color:var(--color-tag-text);font-size:var(--fs-caption);box-shadow:var(--shadow-card);padding:12px 18px;display:inline-flex;position:fixed;transform:translate(-50%)}.toast svg{width:16px;height:16px;color:var(--color-primary-soft);flex:none}.toast-enter-active,.toast-leave-active{transition:opacity var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.app-page{background:var(--color-bg-hero), var(--color-bg);background-repeat:no-repeat;min-height:100dvh}.app-container{max-width:var(--h5-max);padding:0 var(--space-4);margin:0 auto}.app-top{justify-content:space-between;align-items:center;height:52px;display:flex;position:relative}.icon-btn{width:40px;height:40px;color:var(--color-text-primary);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:-10px;padding:0;display:grid}.icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-heading{margin-top:var(--space-2);text-align:center}.app-heading h1{font-size:var(--fs-h2);line-height:var(--lh-title);font-weight:var(--fw-heavy);color:var(--color-text-primary)}.app-heading p{margin-top:var(--space-1);font-size:var(--fs-caption);color:var(--color-text-secondary)}.app-actions{padding:var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--color-bg) 30%);position:sticky;bottom:0}.btn--primary:disabled{background:var(--color-primary-soft);color:var(--color-text-tertiary);box-shadow:none;cursor:not-allowed;transform:none}.status{font-size:var(--fs-mini);color:var(--color-text-secondary);align-items:center;gap:6px;display:inline-flex}.status:before{content:"";background:var(--color-text-tertiary);border-radius:50%;width:7px;height:7px}.status.is-completed:before{background:var(--color-success)}.status.is-pending:before,.status.is-processing:before{background:var(--color-primary)}.app-error{margin-top:var(--space-3);color:var(--color-danger);font-size:var(--fs-caption);text-align:center}#app{font-family:var(--font-family);color:var(--color-text-body)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}