:root{--bg:#0d1113;--screen:#12181b;--ink:#fff8ed;--muted:#fff8edb8;--faint:#fff8ed7a;--line:#f6f1e929;--glass:#12181b94;--glass-strong:#12181bc7;--paper:#f6f1e9f0;--paper-ink:#182023;--teal:#21c7b7;--gold:#d8ad67;--green:#7acb8e;--blue:#7398ff;--rose:#e98fb8;--orange:#e8a35a;--shadow:0 24px 70px #00000057;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:linear-gradient(135deg,#14262c 0%,#101617 42%,#28261e 100%);place-items:center;margin:0;padding:22px;display:grid;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.prototype{gap:16px;width:min(96vw,1420px);display:grid}.device{aspect-ratio:16/9;background:linear-gradient(145deg,#050708,#1d252b 56%,#070a0c);border-radius:22px;width:100%;padding:18px;box-shadow:0 34px 92px #0000007a,inset 0 0 0 2px #ffffff14,inset 0 0 0 8px #ffffff06}.screen{background:var(--screen);border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.ambience{background-color:#0000;background-image:linear-gradient(#1017190f,#1017197a),linear-gradient(90deg,#0f1718b8,#2a261e38),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='wall' x1='0' x2='1'%3E%3Cstop stop-color='%23d7d0c3'/%3E%3Cstop offset='.5' stop-color='%23c6bbae'/%3E%3Cstop offset='1' stop-color='%23eee9df'/%3E%3C/linearGradient%3E%3ClinearGradient id='wood' x1='0' x2='1'%3E%3Cstop stop-color='%23714d2f'/%3E%3Cstop offset='.5' stop-color='%23b57c3d'/%3E%3Cstop offset='1' stop-color='%23633c23'/%3E%3C/linearGradient%3E%3Cfilter id='soft'%3E%3CfeGaussianBlur stdDeviation='18'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='1600' height='900' fill='url(%23wall)'/%3E%3Crect x='0' y='0' width='1600' height='138' fill='%23f1efe9' opacity='.55'/%3E%3Crect x='0' y='424' width='1600' height='8' fill='%23868a87' opacity='.42'/%3E%3Crect x='160' y='500' width='1180' height='138' fill='url(%23wood)' opacity='.92'/%3E%3Crect x='180' y='612' width='980' height='150' fill='%235a351f' opacity='.88'/%3E%3Crect x='92' y='640' width='560' height='120' rx='12' fill='%23f4efe5' opacity='.9'/%3E%3Crect x='220' y='614' width='180' height='100' rx='6' fill='%23202b35' opacity='.76'/%3E%3Crect x='438' y='614' width='180' height='100' rx='6' fill='%23202b35' opacity='.72'/%3E%3Crect x='1050' y='605' width='260' height='150' rx='8' fill='%23d6b187' opacity='.72'/%3E%3Crect x='960' y='620' width='70' height='126' fill='%2372a07e' opacity='.65'/%3E%3Crect x='1030' y='130' width='156' height='156' fill='%23f4f1e8'/%3E%3Crect x='1044' y='144' width='128' height='128' fill='%2318222f'/%3E%3Cpath d='M1048 264 L1168 144' stroke='%23f7f7f2' stroke-width='18'/%3E%3Crect x='1220' y='152' width='132' height='112' fill='%23f4f1e8'/%3E%3Cpath d='M1228 248 L1344 164' stroke='%23c7493c' stroke-width='34'/%3E%3Cpath d='M190 790 C380 740 560 790 760 748 C930 710 1160 760 1370 716' stroke='%232f3535' stroke-width='120' opacity='.28' filter='url(%23soft)'/%3E%3C/svg%3E");background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:absolute;inset:0}.ambience:after{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000 18%),linear-gradient(90deg,#ffffff0f,#0000 32%),#060a0c0a;position:absolute;inset:0}.view{z-index:2;display:none;position:absolute;inset:0}.view.active{animation:.28s both view-in;display:block}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:42px;left:64px;right:64px}.time{gap:6px;display:grid}.time strong{letter-spacing:0;color:#fff8edeb;text-shadow:0 16px 38px #00000052;font-size:clamp(66px,8vw,118px);font-weight:300;line-height:.82}.time span{color:var(--muted);padding-left:6px;font-size:clamp(15px,1.35vw,20px)}.device-status{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#f6f1e9c7;background:#12181b85;border:1px solid #f6f1e92e;border-radius:999px;align-items:center;gap:10px;min-height:40px;padding:9px 16px;font-size:clamp(14px,1.3vw,18px);display:inline-flex;box-shadow:0 10px 26px #0000002e}.online-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 14px var(--teal);border-radius:50%}.home-content{z-index:4;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);align-items:stretch;gap:22px;display:grid;position:absolute;inset:238px 64px 150px}.headline{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#141b1ceb,#0e1415e0);border:1px solid #fff8ed2e;border-radius:8px;flex-direction:column;justify-content:space-between;align-self:stretch;max-width:none;padding:clamp(22px,2.5vw,36px);display:flex;overflow:hidden;box-shadow:0 24px 70px #00000052}.headline .eyebrow{color:#f2d7a8;background:#d8ad6724;border:1px solid #d8ad6759;border-radius:999px;align-items:center;width:fit-content;min-height:32px;margin-bottom:16px;padding:6px 12px;font-size:clamp(14px,1.2vw,18px);display:inline-flex}.headline h1{color:#fff8edf5;text-wrap:balance;text-shadow:0 18px 44px #00000059;max-width:720px;margin:0;font-size:clamp(38px,4.1vw,62px);font-weight:600;line-height:1.04}.headline p{color:#fff8edc7;text-wrap:pretty;max-width:600px;margin:14px 0 0;font-size:clamp(17px,1.55vw,23px);line-height:1.48}.prompt-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.prompt-row span{color:#fff8edc7;white-space:nowrap;background:#fff8ed1a;border:1px solid #fff8ed29;border-radius:999px;align-items:center;min-height:34px;padding:7px 12px;font-size:clamp(13px,1.15vw,16px);display:inline-flex}.voice-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(#161d1ff0,#0f1516e6);border:1px solid #fff8ed2e;border-radius:8px;align-content:space-between;align-self:stretch;gap:16px;padding:clamp(18px,2vw,26px);display:grid;overflow:hidden;box-shadow:0 24px 70px #00000052}.voice-card-top{align-items:center;gap:14px;display:flex}.assistant-mark{background:linear-gradient(145deg, var(--teal), #7ce6dc);color:#082524;border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 14px 28px #21c7b742}.voice-entry{transition:transform .16s,box-shadow .16s}.voice-entry:active{transform:scale(.96);box-shadow:0 8px 18px #21c7b738}.voice-card h2{margin:0;font-size:clamp(20px,1.7vw,26px);font-weight:600}.voice-card small{color:var(--muted);margin-top:4px;font-size:clamp(13px,1.1vw,16px);display:block}.sample-bubble{background:var(--paper);color:var(--paper-ink);text-wrap:pretty;border-radius:8px;margin:0;padding:15px 17px;font-size:clamp(18px,1.75vw,27px);line-height:1.3}.home-mini-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.home-mini-list li{color:#fff8edcc;border-top:1px solid #fff8ed1a;justify-content:space-between;align-items:center;gap:14px;padding-top:10px;font-size:clamp(14px,1.25vw,18px);display:flex}.home-mini-list b{color:var(--ink);font-weight:600}.home-mini-list em{color:#8ff2e8;white-space:nowrap;font-style:normal}.dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:6;background:#0c1113c2;border:1px solid #f6f1e92e;border-radius:8px;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;min-height:104px;padding:12px 14px;display:grid;position:absolute;bottom:34px;left:54px;right:54px;box-shadow:0 18px 48px #00000042}.dock button,.service-card,.quick button,.control-buttons button{border:0}.dock button{background:0 0;border-radius:8px;align-content:center;justify-items:center;gap:8px;min-width:0;transition:background .18s,transform .18s;display:grid}.dock button:hover{background:#f6f1e914;transform:translateY(-2px)}.dock-icon{color:#fff;border-radius:8px;place-items:center;width:clamp(44px,4.8vw,62px);height:clamp(44px,4.8vw,62px);display:grid;box-shadow:0 13px 28px #0000003d}.dock-label{color:#fff8ede6;white-space:nowrap;max-width:100%;font-size:clamp(13px,1.25vw,18px);line-height:1.15}.icon{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.icon.lg{width:34px;height:34px}.c-teal{background:linear-gradient(145deg,#21c7b7,#147d76)}.c-green{background:linear-gradient(145deg,#7acb8e,#1b8b63)}.c-gold{background:linear-gradient(145deg,#d8ad67,#b27135)}.c-blue{background:linear-gradient(145deg,#7398ff,#445fe3)}.c-rose{background:linear-gradient(145deg,#e98fb8,#c95392)}.c-orange{background:linear-gradient(145deg,#e8a35a,#d36a35)}.panel-layer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:linear-gradient(#090e109e,#090e10c7);position:absolute;inset:0}.grid-view-inner{z-index:3;grid-template-rows:auto 1fr auto;gap:26px;padding:72px 82px 70px;display:grid;position:absolute;inset:0}.view-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.back{border:1px solid var(--line);background:#f6f1e914;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.view-title h2{margin:0;font-size:clamp(30px,3vw,44px);font-weight:500}.view-title p{color:var(--muted);margin:8px 0 0;font-size:clamp(15px,1.35vw,20px)}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:16px;display:grid}.service-card{text-align:left;background:#f6f1e917;border:1px solid #f6f1e91f;border-radius:8px;grid-template-columns:72px 1fr;align-items:center;gap:16px;min-height:clamp(118px,13.4vw,164px);padding:20px;transition:transform .18s,background .18s,border-color .18s;display:grid;box-shadow:0 16px 42px #0003}.service-card:hover{background:#f6f1e921;border-color:#f6f1e93d;transform:translateY(-3px)}.service-card .dock-icon{width:64px;height:64px}.service-card strong{font-size:clamp(24px,2.25vw,34px);font-weight:600;line-height:1.1;display:block}.service-card span:last-child{color:var(--muted);margin-top:8px;font-size:clamp(14px,1.2vw,18px);display:block}.wake-line{color:#f6f1e9d1;justify-content:center;align-items:center;gap:10px;font-size:clamp(18px,1.7vw,25px);display:flex}.dots{gap:7px;display:inline-flex}.dots i{background:#f6f1e95c;border-radius:999px;width:8px;height:4px}.dots i:first-child{background:var(--teal);width:18px}.voice-view{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:linear-gradient(#070c0dc2,#070c0ddb);place-items:center;padding:74px;display:grid;position:absolute;inset:0}.state-label{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#f6f1e914;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:clamp(13px,1.15vw,16px);display:inline-flex;position:absolute;top:48px;left:64px}.voice-stack{justify-items:center;gap:22px;width:min(780px,74%);display:grid}.orb{color:#092725;background:radial-gradient(circle at 38% 28%, #ffffffe6, transparent 13%), linear-gradient(145deg, #84f1e5, var(--teal));border-radius:50%;place-items:center;width:clamp(132px,14vw,196px);height:clamp(132px,14vw,196px);display:grid;position:relative;box-shadow:0 0 55px #21c7b757,0 24px 58px #00000047}.orb:before,.orb:after{content:"";border-radius:inherit;border:1px solid #21c7b761;animation:1.9s ease-out infinite pulse;position:absolute;inset:-18px}.orb:after{animation-delay:.45s;inset:-36px}@keyframes pulse{0%{opacity:.72;transform:scale(.9)}to{opacity:0;transform:scale(1.16)}}.bars{align-items:center;gap:7px;height:56px;display:flex}.bars i{background:#082725;border-radius:999px;width:6px;height:24px;animation:1s ease-in-out infinite bars}.bars i:nth-child(2){height:38px;animation-delay:80ms}.bars i:nth-child(3){height:52px;animation-delay:.16s}.bars i:nth-child(4){height:44px;animation-delay:.24s}.bars i:nth-child(5){height:30px;animation-delay:.32s}@keyframes bars{0%,to{opacity:.68;transform:scaleY(.62)}50%{opacity:1;transform:scaleY(1.12)}}.voice-stack h2{text-wrap:balance;margin:0;font-size:clamp(38px,4.2vw,62px);font-weight:500;line-height:1.08}.voice-stack p{color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(18px,1.8vw,27px);line-height:1.45}.transcript{background:var(--paper);width:min(760px,100%);color:var(--paper-ink);text-align:left;text-wrap:pretty;border-radius:8px;padding:16px 22px;font-size:clamp(20px,2vw,30px);line-height:1.32;box-shadow:0 18px 48px #0000003d}.speech-preview{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070c0d8a;border:1px solid #84f1e557;border-radius:12px;gap:8px;width:min(760px,100%);padding:16px 22px;display:grid;box-shadow:inset 0 1px #ffffff14,0 18px 48px #00000038}.speech-preview span{color:#f6f1e994;letter-spacing:0;font-size:clamp(13px,1.1vw,16px)}.speech-preview strong{color:#f8f4ec;text-wrap:pretty;font-size:clamp(19px,1.85vw,28px);font-weight:500;line-height:1.35}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(840px,100%);display:grid}.steps div{border:1px solid var(--line);color:var(--muted);background:#f6f1e914;border-radius:8px;padding:14px 10px;font-size:clamp(13px,1.2vw,17px)}.steps .done{color:#102421;background:#84f1e5e0;border-color:#84f1e5e0;font-weight:700}.recommend-view{z-index:3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(#070c0d8c,#070c0dd1);grid-template-columns:minmax(0,1fr) minmax(380px,520px);align-items:end;gap:30px;padding:64px;display:grid;position:absolute;inset:0}.reply-panel{align-self:end;gap:18px;display:grid}.reply-panel .assistant-line{background:var(--paper);width:fit-content;max-width:900px;color:var(--paper-ink);text-wrap:pretty;border-radius:8px;padding:18px 22px;font-size:clamp(24px,2.45vw,38px);line-height:1.34;box-shadow:0 20px 58px #00000045}.session-note{color:var(--muted);align-items:center;gap:10px;font-size:clamp(15px,1.35vw,19px);display:flex}.merchant{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#12181bc2;border:1px solid #f6f1e92e;border-radius:8px;overflow:hidden}.merchant-media{background:linear-gradient(135deg,#21c7b7e0,#d8ad67d1),linear-gradient(90deg,#2e3c36,#6f4d2e);justify-content:space-between;align-items:flex-end;gap:16px;height:150px;padding:22px;display:flex}.merchant-media h2{color:#fff;text-shadow:0 12px 28px #00000042;margin:0;font-size:clamp(31px,3vw,46px);font-weight:600;line-height:1}.score{color:#17211f;text-align:center;background:#ffffffdb;border-radius:999px;min-width:64px;padding:8px 11px;font-weight:800}.merchant-body{gap:16px;padding:20px;display:grid}.meta{flex-wrap:wrap;gap:8px;display:flex}.meta span{color:#f6f1e9d1;background:#f6f1e91a;border-radius:999px;padding:7px 10px;font-size:clamp(13px,1.1vw,16px)}.merchant-body p{color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.48}.quick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.quick button{background:#f6f1e91a;border-radius:8px;min-height:42px;font-size:clamp(13px,1.15vw,16px)}.quick button:first-child{background:var(--teal);color:#092725;font-weight:800}.followup-top{z-index:6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f6f1e9d6;background:#12181bb8;border:1px solid #21c7b761;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:13px 18px;font-size:clamp(15px,1.35vw,20px);display:flex;position:absolute;top:46px;left:64px;right:64px}.countdown{color:#8ff2e8;text-align:right;min-width:62px;font-weight:800}.sleep-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(740px,76%);box-shadow:var(--shadow);text-align:left;background:#12181bb8;border-radius:8px;padding:30px}.sleep-card h2{margin:0 0 14px;font-size:clamp(34px,4vw,56px);line-height:1.1}.sleep-card p{color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(18px,1.8vw,26px);line-height:1.48}.lock-screen{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 50% 32%,#21c7b733,#0000 34%),linear-gradient(#070b0dbd,#070b0de6);place-items:center;padding:48px;display:grid;position:absolute;inset:0}.lock-panel{text-align:center;background:#12181bc7;border:1px solid #f6f1e92e;border-radius:8px;gap:18px;width:min(420px,92%);padding:28px;display:grid;box-shadow:0 26px 80px #00000070}.lock-panel.shake{animation:.22s linear both lock-shake}.lock-mark{color:#062725;background:linear-gradient(145deg, #7ee7dc, var(--teal));border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto;display:grid;box-shadow:0 14px 34px #21c7b747}.lock-copy{gap:6px;display:grid}.lock-copy span{color:var(--gold);font-size:13px;font-weight:700}.lock-copy h2{letter-spacing:0;margin:0;font-size:32px;line-height:1.18}.lock-copy p{color:var(--muted);margin:0;font-size:16px}.pin-dots{justify-content:center;gap:12px;min-height:18px;display:flex}.pin-dots i{background:#f6f1e914;border:1px solid #f6f1e980;border-radius:50%;width:14px;height:14px}.pin-dots i.filled{border-color:var(--teal);background:var(--teal);box-shadow:0 0 18px #21c7b780}.lock-error{color:#f6f1e9b8;min-height:22px;font-size:14px}.lock-panel.shake .lock-error{color:#ffb0a8}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.keypad button{height:54px;color:var(--ink);letter-spacing:0;background:#f6f1e914;border:1px solid #f6f1e924;border-radius:8px;font-size:20px;font-weight:800}.keypad button:active{background:#21c7b738;transform:translateY(1px)}.keypad button.action{color:#0a2927;background:#7ee7dce6;border-color:#7ee7dce6;font-size:16px}.prototype.locked>.controls{opacity:.38;pointer-events:none}@keyframes lock-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.controls{color:#f6f1e985;justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.control-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.debug-control-buttons{justify-content:flex-end;width:100%}.control-buttons button{color:#f6f1e9bd;background:#f6f1e912;border:1px solid #f6f1e929;border-radius:999px;min-height:34px;padding:0 13px}.control-buttons button.active,.control-buttons button.primary-control{background:var(--teal);border-color:var(--teal);color:#082725;font-weight:800}@media (width<=980px){body{padding:10px;overflow:auto}.device{padding:10px}.topbar{top:28px;left:34px;right:34px}.home-content{grid-template-columns:1fr;inset:170px 34px 138px}.voice-card{display:none}.dock{grid-template-columns:repeat(4,minmax(0,1fr));left:26px;right:26px}.grid-view-inner{padding:52px 42px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-view{grid-template-columns:1fr;padding:42px}.merchant{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}