:root{--bg0: #0F1012;--bg1: #181A1E;--bg2: #22252A;--bg3: #2C3038;--primary: #B8C4D0;--primary-dim: #6B7A8A;--primary-glow: rgba(184, 196, 208, .19);--primary-container: #2A3040;--accent: #CAAF82;--accent-dim: #7A6A4E;--accent-glow: rgba(202, 175, 130, .19);--success: #7EC89A;--warning: #D4A957;--error: #BF6B6B;--muted: #555B64;--text-primary: #CCD0D4;--text-secondary: #787E86;--text-muted: #484E56;--border: #2C3038;--border-highlight: #B8C4D0;--dot-idle: #9FAFC0;--dot-active: #A8B8C8;--dot-peak: #D0DCE8;--scanline: rgba(255, 255, 255, .031);--noise: rgba(255, 255, 255, .012);--radius: 2px;--border-width: 1px;--font-primary: "Silkscreen", "FusionPixel", "Courier New", monospace;--font-chinese: "FusionPixel", "Silkscreen", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}@font-face{font-family:Silkscreen;src:url(../fonts/Silkscreen-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FusionPixel;src:url(../fonts/fusion-pixel-12px-monospaced-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-007F,U+0080-00FF,U+0100-024F}@font-face{font-family:FusionPixel;src:url(../fonts/fusion-pixel-12px-monospaced-zh_hans.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+3000-303F,U+FF00-FFEF,U+2000-206F}body{background-color:var(--bg0);color:var(--text-primary);font-family:var(--font-primary);font-size:12px;letter-spacing:.5px;overflow-x:clip}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dim)}::selection{background:var(--primary-container);color:var(--primary)}#pixel-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}#scanline-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,var(--scanline) 0px,var(--scanline) 1px,transparent 1px,transparent 3px)}#app{position:relative;z-index:2}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 40px}.container{max-width:1200px;width:100%;margin:0 auto}#lang-toggle{position:fixed;top:24px;right:24px;z-index:100;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-family:var(--font-primary);font-size:12px;letter-spacing:1px;padding:6px 12px;cursor:pointer;transition:all .15s ease}#lang-toggle:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out}.scroll-reveal.visible{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}#hero{min-height:100vh;padding:0 40px}.hero-layout{display:flex;align-items:center;gap:48px;min-height:100vh}.hero-left{flex:1 1 55%;display:flex;flex-direction:column;gap:40px}.hero-right{flex:0 0 380px;display:flex;align-items:center;justify-content:center}.hero-text{position:relative}.hero-title-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.hero-accent-bar{width:4px;height:56px;background:var(--primary);border-radius:1px;flex-shrink:0}.hero-logo{width:56px;height:56px;image-rendering:pixelated}.hero-title{font-family:var(--font-primary);font-size:56px;font-weight:400;color:var(--primary);letter-spacing:6px;line-height:1}.hero-tagline-cn{font-family:var(--font-chinese);font-size:22px;color:var(--accent);margin-bottom:6px;letter-spacing:2px}.hero-tagline-en{font-family:var(--font-primary);font-size:14px;color:var(--text-secondary);letter-spacing:1px;margin-bottom:20px}.hero-description{font-family:var(--font-primary);font-size:13px;color:var(--text-secondary);line-height:1.7;max-width:500px;margin-bottom:32px}.hero-buttons{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;font-family:var(--font-primary);font-size:12px;letter-spacing:1px;border-radius:var(--radius);cursor:pointer;transition:all .15s ease;text-transform:uppercase}.btn-primary{background:var(--bg2);color:var(--primary);border:1px solid var(--border)}.btn-primary:hover{background:var(--bg3);border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.hero-seats-wrapper{position:relative;width:100%;max-width:480px;height:200px;background:#181a1e66;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.hero-seats{width:100%;height:100%;position:relative}.demo-panel{width:100%;max-width:380px}#concept{background:linear-gradient(180deg,transparent 0%,rgba(24,26,30,.3) 50%,transparent 100%)}.concept-layout{text-align:center}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;justify-content:center}.section-accent-bar{width:4px;height:28px;background:var(--primary);border-radius:1px}.section-title{font-family:var(--font-primary);font-size:28px;font-weight:400;color:var(--primary);letter-spacing:3px}.concept-subtitle{font-family:var(--font-chinese);font-size:16px;color:var(--text-secondary);max-width:600px;margin:0 auto 48px;line-height:1.7}.concept-visual{width:100%;max-width:400px;height:300px;margin:0 auto 48px;position:relative}.principles{display:flex;gap:24px;justify-content:center}.principle{flex:1;max-width:300px;text-align:left;padding:24px;background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s ease,box-shadow .15s ease}.principle:hover{border-color:var(--primary-dim);box-shadow:0 0 8px var(--primary-glow)}.principle-icon{font-family:var(--font-primary);font-size:22px;color:var(--accent);letter-spacing:2px;margin-bottom:12px}.principle h3{font-family:var(--font-primary);font-size:13px;color:var(--text-primary);letter-spacing:1px;margin-bottom:10px;font-weight:400}.principle p{font-family:var(--font-primary);font-size:12px;color:var(--text-secondary);line-height:1.6}#features{min-height:auto;padding:100px 40px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.feature-card{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .15s ease,box-shadow .15s ease}.feature-card:hover{border-color:var(--primary);box-shadow:0 0 12px var(--primary-glow)}.feature-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#b8c4d014;border-radius:var(--radius);margin-bottom:16px;color:var(--primary);font-size:18px}.feature-title{font-family:var(--font-primary);font-size:14px;color:var(--text-primary);letter-spacing:1px;margin-bottom:10px}.feature-desc{font-family:var(--font-primary);font-size:12px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.feature-stat{font-family:var(--font-primary);font-size:20px;color:var(--accent);letter-spacing:2px}#how-it-works{min-height:auto;padding:100px 40px;background:linear-gradient(180deg,transparent 0%,rgba(24,26,30,.3) 50%,transparent 100%)}.flow-diagram{display:flex;align-items:center;justify-content:center;gap:0;margin-top:48px}.flow-step{background:var(--bg1);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;text-align:center;min-width:200px;transition:border-color .15s ease,box-shadow .15s ease}.flow-step:hover{border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.flow-step-number{font-family:var(--font-primary);font-size:22px;color:var(--accent);letter-spacing:2px;margin-bottom:12px}.flow-step-title{font-family:var(--font-primary);font-size:13px;color:var(--text-primary);letter-spacing:1px;margin-bottom:8px}.flow-step-desc{font-family:var(--font-primary);font-size:12px;color:var(--text-secondary);line-height:1.5}.flow-connector{width:48px;height:2px;position:relative;flex-shrink:0}.flow-connector:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,var(--primary-dim) 0px,var(--primary-dim) 6px,transparent 6px,transparent 12px);background-size:12px 100%;animation:dash-flow .8s linear infinite}.flow-connector:after{content:"";position:absolute;right:-4px;top:-3px;width:0;height:0;border-left:6px solid var(--primary-dim);border-top:4px solid transparent;border-bottom:4px solid transparent}@keyframes dash-flow{0%{background-position:0 0}to{background-position:12px 0}}.demo-panel{background:var(--bg1);border:1px solid rgba(44,48,56,.5);border-radius:4px;padding:20px}.demo-header{margin-bottom:16px}.demo-title{font-family:var(--font-primary);font-size:14px;font-weight:700;color:var(--primary-dim);letter-spacing:1px;margin-bottom:4px}.demo-subtitle{font-family:var(--font-primary);font-size:12px;color:var(--text-muted)}.demo-play-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#b8c4d01a;border:1px solid rgba(184,196,208,.3);border-radius:var(--radius);color:var(--primary);font-family:var(--font-primary);font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .15s ease;margin-bottom:16px}.demo-play-btn:hover{background:#b8c4d026;box-shadow:0 0 8px var(--primary-glow)}.demo-play-btn:disabled,.demo-play-btn[data-playing=true]{background:var(--bg2);border-color:var(--border);color:var(--text-muted);cursor:default}.demo-play-icon{font-size:14px}.demo-timeline{display:flex;flex-direction:column;gap:2px}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:8px 10px;border-radius:var(--radius);border:1px solid transparent;transition:all .2s ease}.timeline-item-active{background:#b8c4d014;border-color:#b8c4d033}.timeline-dot-col{display:flex;flex-direction:column;align-items:center;padding-top:5px}.timeline-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--border);background:transparent;transition:all .2s ease;flex-shrink:0}.dot-active{border-color:var(--primary);background:var(--primary)}.dot-done{border-color:var(--success);background:var(--success)}.dot-pending{border-color:var(--border);background:transparent}.timeline-line{width:1px;height:18px;background:var(--border);margin-top:4px}.timeline-content{flex:1;min-width:0}.timeline-label{font-family:var(--font-primary);font-size:12px;color:var(--text-muted);letter-spacing:.5px;transition:color .2s ease}.timeline-label-active{color:var(--text-primary);font-weight:700}.timeline-item-done .timeline-label{color:var(--text-secondary)}.timeline-detail{font-family:var(--font-primary);font-size:12px;color:var(--text-muted);margin-top:2px}.timeline-detail-pending{opacity:.5}.timeline-item-done .timeline-detail{color:var(--text-muted)}.timeline-check{color:var(--success);font-size:12px;padding-top:4px}.timeline-sound-icon{font-family:var(--font-primary);font-size:12px;color:var(--success);min-width:16px;text-align:center;padding-top:4px;transition:all .2s ease}.timeline-sound-icon-active{color:var(--accent);animation:icon-pulse .6s ease-in-out}@keyframes icon-pulse{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}#room-layout{min-height:auto;padding:100px 40px}.room-layout-content{text-align:center}.room-desc{font-family:var(--font-primary);font-size:14px;color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.room-visual{display:flex;justify-content:center}#footer{min-height:auto;padding:40px;display:block;border-top:1px solid var(--border);background:var(--bg1);box-shadow:0 200px 0 200px var(--bg1)}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:10px}.footer-logo{width:24px;height:24px;image-rendering:pixelated}.footer-name{font-family:var(--font-primary);font-size:13px;color:var(--primary-dim);letter-spacing:2px}.footer-links{display:flex;gap:24px}.footer-links a{font-family:var(--font-primary);font-size:12px;color:var(--text-secondary);letter-spacing:.5px;transition:color .15s ease}.footer-links a:hover{color:var(--primary)}.footer-meta{font-family:var(--font-primary);font-size:12px;color:var(--text-muted);letter-spacing:.5px}@keyframes dash-flow-vertical{0%{background-position:0 0}to{background-position:0 12px}}@media(max-width:1024px){section{padding:60px 24px}.hero-layout{gap:32px}.hero-right{flex:0 0 320px}.hero-title{font-size:44px;letter-spacing:4px}.hero-logo{width:44px;height:44px}.hero-accent-bar{height:44px}.hero-tagline-cn{font-size:18px}.demo-panel{max-width:320px}.principles{gap:16px}.principle{padding:20px}#features{padding:80px 24px}.features-grid{grid-template-columns:repeat(2,1fr);gap:16px}.feature-card{padding:24px}#how-it-works,#room-layout{padding:80px 24px}.footer-content{gap:16px}}@media(max-width:767px){section{min-height:auto;padding:48px 16px}.container{max-width:100%}#lang-toggle{top:12px;right:12px;padding:5px 10px;font-size:11px;min-height:36px;min-width:44px}.section-title{font-size:22px;letter-spacing:2px}.section-accent-bar{height:22px}#hero{padding:0 16px}.hero-layout{flex-direction:column;align-items:stretch;min-height:auto;padding-top:72px;padding-bottom:40px;gap:32px}.hero-left{flex:none;gap:24px}.hero-right{flex:none;width:100%}.hero-title{font-size:32px;letter-spacing:3px}.hero-logo{width:36px;height:36px}.hero-accent-bar{height:36px}.hero-tagline-cn{font-size:16px}.hero-tagline-en{font-size:12px}.hero-description{font-size:12px;max-width:100%}.hero-buttons{flex-direction:column;gap:10px}.btn{width:100%;justify-content:center;padding:12px 16px;min-height:44px}.hero-seats-wrapper{max-width:100%;height:160px}.demo-panel{max-width:100%;padding:16px}.demo-play-btn{padding:12px;min-height:44px}.concept-subtitle{font-size:14px;margin-bottom:32px}.concept-visual{max-width:280px;height:220px;margin-bottom:32px}.principles{flex-direction:column;align-items:center;gap:12px}.principle{max-width:100%;width:100%;padding:20px}#features{padding:48px 16px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:20px}.feature-stat{font-size:18px}#how-it-works{padding:48px 16px}.flow-diagram{flex-direction:column;align-items:stretch}.flow-step{min-width:auto;width:100%;padding:20px 16px}.flow-connector{width:2px;height:32px;align-self:center}.flow-connector:before{background:repeating-linear-gradient(180deg,var(--primary-dim) 0px,var(--primary-dim) 6px,transparent 6px,transparent 12px);background-size:100% 12px;animation:dash-flow-vertical .8s linear infinite}.flow-connector:after{right:auto;top:auto;bottom:-4px;left:-3px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--primary-dim);border-bottom:none}#room-layout{padding:48px 16px}.room-desc{font-size:12px;max-width:100%}#footer{padding:24px 16px}.footer-content{flex-direction:column;align-items:center;gap:16px;text-align:center}.footer-links{gap:16px}}