:root,uni-page-body{--bg: #08080a;--bg-soft: #0b0b0d;--surface: #111114;--surface-2: #161619;--surface-3: #1c1c21;--line: rgba(243, 241, 234, .08);--line-strong: rgba(243, 241, 234, .15);--text: #f3f1ea;--text-2: #b9b6ae;--muted: #85827b;--faint: #6b6963;--ink: #0a0a0b;--lime: #d8ff4a;--lime-soft: rgba(216, 255, 74, .1);--lime-line: rgba(216, 255, 74, .24);--violet: #b9a8ff;--violet-soft: rgba(185, 168, 255, .1);--violet-line: rgba(185, 168, 255, .24);--gold: #e8c98a;--gold-soft: rgba(232, 201, 138, .1);--gold-line: rgba(232, 201, 138, .24);--cyan: #9bd8e4;--cyan-soft: rgba(155, 216, 228, .1);--pink: #e9a9bd;--pink-soft: rgba(233, 169, 189, .1);--danger: #ff6b6b;--success: var(--lime);--warning: var(--gold);--error: var(--danger);--info: var(--violet);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--mono: "SFMono-Regular", "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, monospace;--fs-display: 32px;--fs-h1: 28px;--fs-h2: 20px;--fs-h3: 16px;--fs-title: 17px;--fs-body: 15px;--fs-sub: 13px;--fs-foot: 12px;--fs-caption: 11px;--fs-eyebrow: 11px;--fs-sm: 13px;--fs-micro: 11px;--r-xs: 8px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-2xl: 28px;--r-pill: 999px;--e-1: 0 1px 2px rgba(0, 0, 0, .3);--e-2: 0 12px 32px rgba(0, 0, 0, .38);--e-3: 0 28px 70px rgba(0, 0, 0, .5);--e-brand: 0 8px 26px rgba(216, 255, 74, .16);--e-dialog: 0 40px 100px rgba(0, 0, 0, .68);--ease: cubic-bezier(.22, .8, .24, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .16s;--dur: .24s;--dur-slow: .36s}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow:hidden;-webkit-tap-highlight-color:transparent}uni-page-body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.55}body{background:var(--bg)}uni-view,uni-text,uni-scroll-view,uni-image,uni-button,uni-input,uni-textarea{box-sizing:border-box}uni-button{margin:0;padding:0;border:none;background:none;color:inherit;font-family:inherit;line-height:inherit;border-radius:0}uni-button:after{border:none}uni-input,uni-textarea{color:var(--text);font-family:inherit}uni-input:focus,uni-textarea:focus{outline:none}uni-image{display:block}.stage{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(48px,7vw,128px);min-height:100vh;padding:28px 48px;overflow:hidden;background:radial-gradient(760px 560px at 6% -4%,rgba(216,255,74,.055),transparent 58%),radial-gradient(720px 620px at 94% 104%,rgba(185,168,255,.055),transparent 60%),#050506}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.09;background-image:linear-gradient(rgba(243,241,234,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(243,241,234,.4) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,black,transparent 78%);mask-image:radial-gradient(ellipse at 50% 45%,black,transparent 78%)}.stage:after{content:"";position:absolute;width:560px;height:560px;left:-280px;bottom:-320px;border-radius:50%;border:1px solid rgba(216,255,74,.1);pointer-events:none}.brand-panel{position:relative;z-index:2;width:384px;flex:0 0 384px}.brand-mark{display:flex;align-items:center;gap:14px;margin-bottom:52px}.brand-logo{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--text);color:var(--ink);font-weight:800;font-size:19px;letter-spacing:-.04em}.brand-name{display:block;font-size:14px;font-weight:700;letter-spacing:.28em;line-height:1.2}.brand-sub{display:block;margin-top:4px;font-size:10px;color:var(--muted);letter-spacing:.2em}.brand-title{display:block;margin:0 0 22px;font-size:clamp(44px,4.2vw,58px);line-height:1.04;font-weight:700;letter-spacing:-.055em}.brand-title em{font-style:normal;color:var(--lime)}.brand-copy{display:block;font-size:13.5px;line-height:1.85;color:var(--text-2);max-width:340px}.brand-copy strong{color:var(--text);font-weight:600}.brand-chips{display:flex;flex-wrap:wrap;align-items:center;margin-top:28px}.brand-chip{padding:0;border:none;background:none;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.brand-chip+.brand-chip:before{content:"·";margin:0 10px;color:var(--faint)}.brand-thumb-row{display:flex;gap:10px;margin-top:34px}.brand-thumb{width:72px;height:72px;border-radius:16px;border:1px solid var(--line);overflow:hidden;background:#0b0b0e}.brand-thumb uni-image{width:100%;height:100%;transform:scale(1.2)}.brand-foot{display:flex;align-items:center;gap:10px;margin-top:48px;font-size:9.5px;font-weight:600;letter-spacing:.24em;color:var(--faint)}.brand-foot:before{content:"";width:24px;height:1px;background:var(--lime)}.phone-wrap{position:relative;z-index:2}.phone{position:relative;width:400px;height:min(856px,100vh - 48px);background:var(--bg);border:1px solid rgba(243,241,234,.12);border-radius:46px;box-shadow:0 50px 120px rgba(0,0,0,.68),0 0 0 7px rgba(243,241,234,.02);overflow:hidden}.phone:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:46px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(243,241,234,.05)}.notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:96px;height:24px;background:#000;border-radius:var(--r-pill);z-index:30}.status-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 24px;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--text);background:linear-gradient(to bottom,rgba(8,8,10,.98),rgba(8,8,10,.5));backdrop-filter:blur(14px)}.status-right{display:flex;align-items:center;gap:6px}.signal{display:flex;align-items:flex-end;gap:2px;height:10px}.signal i{display:block;width:2px;border-radius:1px;background:var(--text)}.signal i:nth-child(1){height:4px;opacity:.45}.signal i:nth-child(2){height:6px;opacity:.65}.signal i:nth-child(3){height:8px;opacity:.85}.signal i:nth-child(4){height:10px}.wifi{width:12px;height:9px;border-top:2px solid var(--text);border-radius:50%;position:relative;opacity:.85}.wifi:after{content:"";position:absolute;left:4px;top:3px;width:4px;height:4px;border-radius:50%;background:var(--text)}.battery{width:18px;height:9px;border:1px solid rgba(243,241,234,.55);border-radius:3px;position:relative;padding:1px}.battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:3px;background:rgba(243,241,234,.55);border-radius:0 1px 1px 0}.battery span{display:block;width:78%;height:100%;border-radius:1px;background:var(--text)}.screen{position:relative;height:calc(100% - 44px);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:108px}.screen::-webkit-scrollbar{display:none}.screen.no-nav{padding-bottom:0}.app-footer{position:absolute;left:0;right:0;bottom:0;z-index:25;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(8,8,10,.98) 46%,rgba(8,8,10,0));backdrop-filter:blur(12px)}.display{display:block;margin:0;font-size:var(--fs-display);line-height:1.06;font-weight:700;letter-spacing:-.05em}.eyebrow{display:block;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.h1{display:block;font-size:var(--fs-h1);line-height:1.08;font-weight:700;letter-spacing:-.045em;margin:0}.h2{display:block;font-size:var(--fs-h2);line-height:1.25;font-weight:600;letter-spacing:-.03em;margin:0}.h3{display:block;font-size:var(--fs-h3);line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0}.caption{font-size:var(--fs-micro);line-height:1.55;color:var(--muted)}.muted{color:var(--muted)}.faint{color:var(--faint)}.text-2{color:var(--text-2)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.page-pad{padding:0 20px}.section{margin-top:32px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.block{display:block}.small{font-size:var(--fs-micro)}.section-more{display:inline-flex;align-items:center;gap:3px;padding-bottom:2px;font-size:var(--fs-foot);font-weight:500;color:var(--muted)}.divider{height:1px;background:var(--line)}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-pill);font-size:var(--fs-caption);font-weight:500;letter-spacing:.04em;color:var(--text-2);background:rgba(243,241,234,.06);border:1px solid var(--line);backdrop-filter:blur(10px)}.tag.live{color:var(--lime);background:rgba(216,255,74,.1);border-color:var(--lime-line)}.tag.violet{color:var(--violet);background:var(--violet-soft);border-color:var(--violet-line)}.tag.gold{color:var(--gold);background:var(--gold-soft);border-color:var(--gold-line)}.tag.pink{color:var(--pink);background:var(--pink-soft);border-color:rgba(233,169,189,.24)}.tag.gray{color:var(--muted);background:rgba(243,241,234,.04);border-color:var(--line)}.type-dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:0 0 auto}.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:var(--r-md);font-size:var(--fs-body);font-weight:600;letter-spacing:-.01em;transition:transform var(--dur-fast) ease,opacity var(--dur-fast) ease,background var(--dur-fast) ease,border-color var(--dur-fast) ease;cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.985);opacity:.94}.btn-primary{background:var(--text);color:var(--ink)}.btn-accent{background:var(--lime);color:var(--ink);box-shadow:var(--e-brand)}.btn-ghost{background:rgba(243,241,234,.043);color:var(--text);border:1px solid var(--line-strong)}.btn-dark{background:var(--surface-2);color:var(--text-2);border:1px solid var(--line)}.btn-sm{height:38px;padding:0 15px;border-radius:var(--r-sm);font-size:var(--fs-foot)}.btn[disabled],.btn.is-disabled{opacity:.36;pointer-events:none}.icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-sm);background:rgba(243,241,234,.04);border:1px solid var(--line);color:var(--text-2);cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:background var(--dur-fast) ease,border-color var(--dur-fast) ease,color var(--dur-fast) ease}.icon-btn:active{color:var(--text);background:rgba(243,241,234,.08);border-color:var(--line-strong)}.sub-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:48px;padding:0 20px}.sub-head-title{font-size:var(--fs-title);font-weight:600;letter-spacing:-.02em}.sub-head-actions{display:flex;align-items:center;gap:8px}.sub-head-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--r-sm);background:rgba(243,241,234,.04);border:1px solid var(--line);color:var(--text-2);cursor:pointer}.sub-head-spacer{width:38px;height:38px;flex:0 0 auto}[class*=btn],[class*=action],.tab,.category-chip,.option,.quick-item,.drop-card,.product-card,.collection-card,.series-card,.menu-item,.wallet-btn,.amount-item,.channel,.chip,.nav-item,.nav-center,.section-more{cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none}.btn:focus-visible,.icon-btn:focus-visible,.category-chip:focus-visible,.tab:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.skeleton{background:linear-gradient(90deg,#141417 25%,#1d1d22 37%,#141417 63%);background-size:400% 100%;animation:shimmer 1.5s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s var(--ease-out) both}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 899px){.stage{display:block;min-height:100vh;padding:0;background:var(--bg)}.brand-panel{display:none}.phone-wrap{width:100%}.phone{width:100%;height:100vh;height:100dvh;border:none;border-radius:0;box-shadow:none}.phone:after{border-radius:0}.notch,.status-bar{display:none}.screen{height:100%;padding-top:calc(env(safe-area-inset-top) + 4px)}}
