@font-face{font-family:PixelMaru;src:url(/fonts/%E7%82%B9%E7%82%B9%E5%83%8F%E7%B4%A0%E4%BD%93-%E6%96%B9%E5%BD%A2.ttf) format("truetype");font-display:swap}:root{--ink: #31283a;--ink-soft: #4a3d54;--paper: #fff8ef;--paper-warm: #fffaf4;--card-white: #ffffff;--strawberry: #ff7aa9;--strawberry-deep: #ff5e8a;--mint: #9ee8d1;--lemon: #ffd166;--peach: #ffe39b;--success: #67c23a;--warn: #e6a23c;--danger: #f56c6c;--text-main: #3b3340;--text-subtle: #7b6f83;--text-muted: #82778a;--font-pixel: "PixelMaru", "Silkscreen", "Press Start 2P", monospace;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: clamp(.6875rem, .67rem + .06vw, .75rem);--text-sm: clamp(.8125rem, .79rem + .08vw, .875rem);--text-base: clamp(.9375rem, .91rem + .11vw, 1rem);--text-lg: clamp(1.125rem, 1.08rem + .18vw, 1.25rem);--text-xl: clamp(1.375rem, 1.29rem + .36vw, 1.625rem);--text-2xl: clamp(1.625rem, 1.45rem + .73vw, 2.125rem);--text-3xl: clamp(2rem, 1.7rem + 1.3vw, 3rem);--text-hero: clamp(2.5rem, 1.8rem + 4vw, 4.5rem);--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 28px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--space-5xl: 96px;--border-ink: 4px solid var(--ink);--border-ink-md: 3px solid var(--ink);--border-ink-sm: 2px solid var(--ink);--radius-default: 8px;--radius-sm: 6px;--radius-xs: 4px;--shadow-hero: 8px 8px 0 var(--ink);--shadow-card: 6px 6px 0 var(--ink);--shadow-btn: 5px 5px 0 var(--ink);--shadow-btn-sm: 3px 3px 0 var(--ink);--shadow-none: 0 0 0 transparent;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--content-max: 1120px;--content-narrow: 880px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-main);background:var(--paper);background-image:linear-gradient(rgba(49,40,58,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(49,40,58,.03) 1px,transparent 1px);background-size:24px 24px;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-pixel);line-height:1.2;color:var(--ink);text-wrap:balance}h1{font-size:var(--text-hero);letter-spacing:.02em}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{max-width:65ch}.text-pixel{font-family:var(--font-pixel)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.container{max-width:var(--content-max);margin:0 auto;padding:0 var(--space-lg)}.container-narrow{max-width:var(--content-narrow);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-5xl) 0}.section-label{font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--strawberry-deep);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-sm)}.section-title{margin-bottom:var(--space-md)}.section-subtitle{font-size:var(--text-lg);color:var(--text-subtle);max-width:48ch;margin-bottom:var(--space-3xl)}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--paper-warm);border-bottom:var(--border-ink);padding:var(--space-sm) 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-max);margin:0 auto;padding:0 var(--space-lg)}.nav-logo{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-pixel);font-size:var(--text-lg);font-weight:800;color:var(--ink)}.nav-logo-icon{width:32px;height:32px;image-rendering:pixelated}.nav-links{display:flex;align-items:center;gap:var(--space-lg);list-style:none}.nav-links a{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--text-main);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xs);transition:color .15s var(--ease-out-expo)}.nav-links a:hover{color:var(--strawberry)}.nav-cta{font-family:var(--font-pixel);font-size:var(--text-sm);font-weight:800;background:var(--strawberry);color:#fff;padding:var(--space-xs) var(--space-md);border:var(--border-ink-sm);border-radius:var(--radius-default);box-shadow:var(--shadow-btn-sm);cursor:pointer;transition:transform .1s var(--ease-out-expo),box-shadow .1s var(--ease-out-expo)}.nav-cta:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.nav-cta:active{transform:translate(2px,2px);box-shadow:var(--shadow-none)}.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.nav-toggle span{display:block;width:24px;height:3px;background:var(--ink);border-radius:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-pixel);font-weight:800;border-radius:var(--radius-default);cursor:pointer;transition:transform .1s var(--ease-out-expo),box-shadow .1s var(--ease-out-expo),background .15s var(--ease-out-expo);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:translate(2px,2px)}.btn-primary{background:var(--strawberry);color:#fff;border:var(--border-ink);box-shadow:var(--shadow-btn);padding:14px 28px;font-size:var(--text-base)}.btn-primary:hover{background:var(--strawberry-deep)}.btn-primary:active{box-shadow:2px 2px 0 var(--ink)}.btn-secondary{background:var(--mint);color:var(--ink);border:var(--border-ink);box-shadow:var(--shadow-btn);padding:14px 28px;font-size:var(--text-base)}.btn-ghost{background:var(--paper);color:var(--ink);border:var(--border-ink);box-shadow:var(--shadow-btn);padding:14px 28px;font-size:var(--text-base)}.btn-sm{padding:8px 16px;font-size:var(--text-sm);box-shadow:var(--shadow-btn-sm)}.btn-sm:active{box-shadow:1px 1px 0 var(--ink)}.hero{padding:160px 0 var(--space-5xl);position:relative;overflow:hidden;background:var(--peach);border-bottom:var(--border-ink)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(49,40,58,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(49,40,58,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero-content{max-width:560px}.hero-badge{display:inline-block;font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--ink);background:var(--card-white);border:var(--border-ink-sm);border-radius:var(--radius-sm);padding:4px 12px;margin-bottom:var(--space-lg);box-shadow:3px 3px 0 var(--ink)}.hero-title{margin-bottom:var(--space-lg);line-height:1.1}.hero-title .brand-name{display:block;color:var(--strawberry-deep)}.hero-desc{font-size:var(--text-lg);color:var(--text-subtle);margin-bottom:var(--space-xl);max-width:44ch}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md)}.hero-visual{display:flex;align-items:center;justify-content:center;position:relative}.hero-art{width:320px;height:320px;image-rendering:pixelated;border:var(--border-ink);border-radius:var(--radius-default);box-shadow:var(--shadow-hero)}.features{background:var(--paper-warm);border-bottom:var(--border-ink-sm)}.features-header{text-align:center;margin-bottom:var(--space-4xl)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.feature-card{background:var(--card-white);border:var(--border-ink);border-radius:var(--radius-default);box-shadow:var(--shadow-card);padding:var(--space-xl);transition:transform .15s var(--ease-out-expo),box-shadow .15s var(--ease-out-expo);position:relative}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hero)}.feature-icon{width:48px;height:48px;margin-bottom:var(--space-md);image-rendering:pixelated}.feature-card h3{margin-bottom:var(--space-xs);font-size:var(--text-lg)}.feature-card p{color:var(--text-subtle);font-size:var(--text-sm);line-height:1.6}.pricing{background:var(--paper);border-bottom:var(--border-ink-sm)}.pricing-header{text-align:center;margin-bottom:var(--space-4xl)}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-4xl)}.pricing-toggle-label{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--text-subtle)}.pricing-toggle-label.active{color:var(--ink)}.toggle-switch{width:56px;height:28px;background:var(--ink);border:var(--border-ink-sm);border-radius:14px;cursor:pointer;position:relative;transition:background .2s var(--ease-out-expo)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--card-white);border:2px solid var(--ink);border-radius:50%;transition:transform .2s var(--ease-out-expo)}.toggle-switch.yearly:after{transform:translate(28px)}.pricing-discount{font-family:var(--font-pixel);font-size:10px;color:#fff;background:var(--strawberry-deep);padding:2px 8px;border-radius:var(--radius-xs);margin-left:var(--space-xs)}.pricing-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-md);align-items:start}.plan-card{background:var(--card-white);border:var(--border-ink);border-radius:var(--radius-default);box-shadow:var(--shadow-card);padding:var(--space-xl);position:relative;transition:transform .15s var(--ease-out-expo),box-shadow .15s var(--ease-out-expo)}.plan-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hero)}.plan-card.featured{border-color:var(--strawberry);border-width:5px;background:linear-gradient(180deg,#fff,#fff5f8);transform:translateY(-8px)}.plan-card.featured:hover{transform:translateY(-10px) translate(-2px)}.plan-badge{display:inline-block;font-family:var(--font-pixel);font-size:10px;color:#fff;background:var(--strawberry-deep);padding:3px 10px;border-radius:var(--radius-xs);margin-bottom:var(--space-sm);box-shadow:2px 2px 0 var(--ink)}.plan-name{font-family:var(--font-pixel);font-size:var(--text-lg);color:var(--ink);margin-bottom:var(--space-sm)}.plan-price{margin-bottom:var(--space-lg);display:flex;align-items:baseline;gap:2px;white-space:nowrap}.plan-price .currency{font-family:var(--font-pixel);font-size:var(--text-base);color:var(--text-subtle)}.plan-price .amount{font-family:var(--font-pixel);font-size:var(--text-3xl);font-weight:900;color:var(--ink);line-height:1}.plan-price .period{font-size:var(--text-xs);color:var(--text-muted)}.plan-price .yearly-price{display:none;font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--text-subtle);margin-top:2px}.plan-price .yearly-price .strikethrough{text-decoration:line-through;color:var(--text-muted);margin-right:4px}.plan-metrics{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border-ink-sm)}.plan-metric{display:flex;justify-content:space-between;font-size:var(--text-sm)}.plan-metric-label{color:var(--text-subtle)}.plan-metric-value{font-family:var(--font-pixel);font-weight:700;color:var(--ink)}.plan-features{list-style:none;margin-bottom:var(--space-lg)}.plan-features li{font-size:var(--text-sm);color:var(--text-subtle);padding:4px 0 4px 20px;position:relative}.plan-features li:before{content:"◆";position:absolute;left:0;font-size:8px;color:var(--mint);top:7px}.plan-features li.has-feature{color:var(--text-main)}.plan-features li.has-feature:before{color:var(--success)}.plan-card .btn{width:100%}.contact{background:var(--peach);border-bottom:var(--border-ink);position:relative}.contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(49,40,58,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(49,40,58,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.contact-inner{position:relative;z-index:1}.contact-header{text-align:center;margin-bottom:var(--space-4xl)}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.contact-card{background:var(--card-white);border:var(--border-ink);border-radius:var(--radius-default);box-shadow:var(--shadow-card);padding:var(--space-2xl);text-align:center;transition:transform .15s var(--ease-out-expo),box-shadow .15s var(--ease-out-expo)}.contact-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-hero)}.contact-icon{font-size:40px;margin-bottom:var(--space-md);display:block}.contact-card h3{margin-bottom:var(--space-xs);font-size:var(--text-base)}.contact-card p{color:var(--text-subtle);font-size:var(--text-sm);margin-bottom:var(--space-md)}.qr-code{display:block;margin:0 auto;image-rendering:pixelated;border:var(--border-ink-sm);border-radius:var(--radius-sm)}.site-footer{background:var(--ink);color:var(--paper-warm);padding:var(--space-4xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-pixel);font-size:var(--text-xl);color:var(--paper-warm);margin-bottom:var(--space-sm)}.footer-desc{font-size:var(--text-sm);color:#fff8ef99;line-height:1.7}.footer-col h4{font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--paper-warm);margin-bottom:var(--space-md)}.footer-col ul{list-style:none}.footer-col li{margin-bottom:var(--space-xs)}.footer-col a{font-size:var(--text-sm);color:#fff8ef99;transition:color .15s var(--ease-out-expo)}.footer-col a:hover{color:var(--lemon)}.footer-bottom{border-top:2px solid rgba(255,248,239,.1);padding-top:var(--space-lg);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:#fff8ef66}@keyframes fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pixel-pop-in{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes float-up-down{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-in{animation:fade-in-up .6s var(--ease-out-quint) forwards;opacity:0}.animate-pop{animation:pixel-pop-in .5s var(--ease-out-quint) forwards;opacity:0}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out-quint),transform .6s var(--ease-out-quint)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);margin-top:var(--space-3xl);font-family:var(--font-pixel);font-size:var(--text-xs);color:var(--text-muted)}.scroll-beads{display:flex;gap:6px}.scroll-bead{width:8px;height:8px;background:var(--strawberry);border:1px solid var(--ink);border-radius:2px;animation:float-up-down 2s var(--ease-out-quint) infinite}.scroll-bead:nth-child(2){animation-delay:.15s}.scroll-bead:nth-child(3){animation-delay:.3s}.scroll-bead:nth-child(4){animation-delay:.45s}.scroll-bead:nth-child(5){animation-delay:.6s}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#31283a80;z-index:200;display:flex;align-items:center;justify-content:center;animation:fade-in-up .2s var(--ease-out-expo)}.modal-dialog{background:var(--card-white);border:var(--border-ink);border-radius:var(--radius-default);box-shadow:var(--shadow-hero);padding:var(--space-2xl);max-width:400px;width:90%;text-align:center;animation:pixel-pop-in .3s var(--ease-out-quint)}.modal-dialog h3{margin-bottom:var(--space-md)}.modal-dialog .btn{margin-top:var(--space-lg)}@media (max-width: 1199px){.hero-inner{grid-template-columns:1fr;text-align:center;gap:var(--space-3xl)}.hero-content{max-width:100%}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-art{width:240px;height:240px}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(3,1fr)}.plan-card.featured{transform:translateY(0)}.plan-card.featured:hover{transform:translate(-2px,-2px)}.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-2xl)}}@media (max-width: 767px){.section{padding:var(--space-4xl) 0}.hero{padding:128px 0 var(--space-4xl)}.hero-art{width:180px;height:180px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%;max-width:300px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--paper-warm);border-bottom:var(--border-ink);padding:var(--space-md);gap:var(--space-sm)}.nav-links.open,.nav-toggle{display:flex}.features-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.plan-card.featured{transform:translateY(0)}.contact-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{max-width:100%}}@media (min-width: 1400px){.pricing-grid{gap:var(--space-lg)}.plan-card{padding:var(--space-2xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}