:root{color-scheme:light;--bg:#f3f0e8;--bg-warm:#fffaf0;--bg-cool:#e8f2f2;--ink:#111827;--ink-soft:#415064;--muted:#6b7280;--surface:rgba(255,255,255,0.88);--surface-strong:#fffdf8;--surface-muted:#f5f2ea;--line:rgba(17,24,39,0.1);--line-strong:rgba(17,24,39,0.18);--primary:#0f766e;--primary-strong:#0b4f49;--primary-soft:rgba(15,118,110,0.12);--accent:#d97706;--accent-soft:rgba(217,119,6,0.12);--night:#061014;--night-panel:rgba(8,20,26,0.8);--danger:#b42318;--danger-soft:#fff1ee;--success:#126b46;--success-soft:#ecfdf3;--warning:#9a5a12;--warning-soft:#fff8e6;--shadow-lg:0 32px 90px rgba(35,45,59,0.16);--shadow-md:0 18px 42px rgba(35,45,59,0.1);--shadow-soft:0 10px 28px rgba(35,45,59,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{min-height:100dvh;color:var(--ink);font-family:HarmonyOS Sans SC,MiSans,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(circle at 8% 4%,rgba(217,119,6,.16),transparent 30%),radial-gradient(circle at 92% 2%,rgba(15,118,110,.18),transparent 28%),linear-gradient(135deg,var(--bg-warm) 0,var(--bg) 52%,var(--bg-cool) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(17,24,39,.035) 1px,transparent 0),linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 0);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 78%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{touch-action:manipulation}.app-shell{min-height:100dvh}.page-shell{position:relative;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 64px}.admin-layout,.hero-layout{display:grid;grid-gap:24px;gap:24px}.hero-card,.surface-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow-lg)}.device-card:after,.hero-card:after,.surface-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.32),transparent 28%,transparent 72%,rgba(255,255,255,.18))}.hero-card{min-height:560px;display:grid;align-content:space-between;grid-gap:34px;gap:34px;padding:34px;color:#f8fffc;background:radial-gradient(circle at 84% 18%,rgba(94,234,212,.28),transparent 28%),radial-gradient(circle at 14% 80%,rgba(251,191,36,.2),transparent 30%),linear-gradient(145deg,#073336,#061014 62%,#020507)}.surface-card{background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);padding:30px}.access-terminal,.admin-toolbar,.command-center-card,.console-banner,.console-hero,.device-card,.not-found-panel,.summary-card,.watch-panel,.watch-status-rail{position:relative;z-index:1}.console-banner-content,.console-hero-top,.control-band-header,.watch-status-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.eyebrow{margin:0;font-size:12px;line-height:1;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.hero-card .eyebrow{color:rgba(235,255,251,.76)}.section-eyebrow{color:var(--primary)}.console-chip,.watch-status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;font-weight:900}.console-chip{padding:9px 14px;color:#ecfeff;background:rgba(236,254,255,.12);border:1px solid rgba(236,254,255,.18)}.control-band h3,.hero-card h1,.not-found-panel h1,.surface-card h1,.surface-card h2,.watch-panel h2{margin:0;font-weight:900;letter-spacing:-.045em}.hero-card h1{max-width:720px;font-size:clamp(42px,5.2vw,76px);line-height:.96}.surface-card h1{font-size:clamp(32px,4vw,54px)}.control-band h3,.surface-card h2{font-size:clamp(26px,2.6vw,34px)}.console-banner-copy,.console-hero-copy,.console-section-heading,.section-heading{display:grid;grid-gap:14px;gap:14px}.hero-copy,.meta-text,.not-found-panel p,.watch-panel p{line-height:1.68}.hero-copy{max-width:680px;margin:0;color:rgba(235,255,251,.78);font-size:17px}.meta-text{margin:0;color:var(--ink-soft)}.info-label,.summary-label,.watch-status-item span{display:block;font-size:12px;letter-spacing:.06em;font-weight:900}.access-terminal{display:grid;grid-gap:22px;gap:22px;align-content:start}.console-banner{color:#f8fffc;background:radial-gradient(circle at 88% 18%,rgba(20,184,166,.26),transparent 30%),linear-gradient(145deg,#0b1f27,#061014)}.console-banner .section-eyebrow{color:rgba(235,255,251,.72)}.form-stack{display:grid;grid-gap:18px;gap:18px}.device-action-panel,.duration-row,.field-group,.meta-block,.password-box,.summary-card,.watch-status-item{display:grid;grid-gap:8px;gap:8px}.field-label{font-size:14px;font-weight:900}.text-input{width:100%;min-height:56px;padding:15px 16px;border-radius:18px;border:1px solid var(--line-strong);background:rgba(255,255,255,.86);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.text-input:focus{outline:none;border-color:rgba(15,118,110,.62);box-shadow:0 0 0 5px rgba(15,118,110,.13);background:#fff}.button-row,.filter-group{display:flex;gap:12px;flex-wrap:wrap}.danger-button,.ghost-button,.primary-button,.secondary-button{min-height:50px;border:0;border-radius:18px;padding:14px 20px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background-color .15s ease,border-color .15s ease}.viewer-entry-form .primary-button{width:100%}.wechat-contact-card{display:grid;grid-gap:14px;gap:14px;margin-top:2px;padding:16px;border:1px solid rgba(15,118,110,.14);border-radius:24px;background:radial-gradient(circle at top right,rgba(15,118,110,.1),transparent 44%),rgba(255,255,255,.68)}.wechat-contact-copy{display:grid;grid-gap:6px;gap:6px}.wechat-contact-image{display:block;width:min(100%,320px);height:auto;margin:0 auto;border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.danger-button:hover,.filter-chip:hover,.ghost-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.danger-button:disabled,.ghost-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.56;cursor:default;transform:none}.primary-button{color:#f8fffc;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 18px 36px rgba(15,118,110,.26)}.secondary-button{color:var(--ink);background:#fff;border:1px solid var(--line-strong);box-shadow:var(--shadow-soft)}.ghost-button{color:var(--primary-strong);background:var(--primary-soft)}.danger-button{color:var(--danger);background:var(--danger-soft);border:1px solid rgba(180,35,24,.18)}a.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.feedback{margin:0;padding:14px 16px;border-radius:18px;font-size:14px;line-height:1.55}.feedback.error{color:var(--danger);background:var(--danger-soft)}.feedback.success{color:var(--success);background:var(--success-soft)}.feedback.warning{color:var(--warning);background:var(--warning-soft)}.admin-console{display:grid;grid-gap:22px;gap:22px}.admin-access-form{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end}.admin-session-card{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.68);box-shadow:var(--shadow-soft)}.account-panel{background:radial-gradient(circle at 0 0,rgba(15,118,110,.12),transparent 30%),var(--surface-strong)}.account-create-grid,.admin-toolbar-grid{display:grid;grid-gap:14px;gap:14px;align-items:end}.account-create-grid{grid-template-columns:repeat(3,minmax(180px,1fr)) auto}.admin-toolbar-grid{grid-template-columns:minmax(260px,420px) auto}.admin-export-row{justify-content:flex-end}.account-list{display:grid;grid-gap:12px;gap:12px}.account-row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.62)}.summary-strip{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{min-height:140px;padding:18px 20px;border-radius:26px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow-md)}.summary-card strong{font-size:clamp(30px,3.2vw,44px);line-height:1}.summary-card.streaming{background:linear-gradient(180deg,rgba(15,118,110,.16),#fffdf8)}.summary-card.online{background:linear-gradient(180deg,rgba(18,107,70,.12),#fffdf8)}.summary-card.offline{background:linear-gradient(180deg,rgba(65,80,100,.12),#fffdf8)}.summary-card.attention{background:linear-gradient(180deg,rgba(217,119,6,.14),#fffdf8)}.admin-toolbar{display:grid;grid-gap:18px;gap:18px;padding:22px;border-radius:28px;border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow-md)}.admin-search-field{max-width:420px}.control-band-meta{display:grid;grid-gap:4px;gap:4px}.filter-chip{border:1px solid rgba(15,118,110,.16);border-radius:999px;padding:11px 15px;background:rgba(15,118,110,.08);color:var(--primary-strong);font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.filter-chip.is-active{color:#f8fffc;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 14px 28px rgba(15,118,110,.22)}.pagination-row{align-items:center}.admin-page-indicator{font-weight:800}.admin-list{display:grid;grid-gap:18px;gap:18px}.bulk-action-panel{display:grid;grid-gap:14px;gap:14px;grid-template-columns:minmax(220px,1fr) auto minmax(150px,190px) auto;align-items:end;padding:16px;border:1px solid rgba(15,118,110,.18);border-radius:24px;background:radial-gradient(circle at 0 0,rgba(94,234,212,.14),transparent 30%),rgba(255,255,255,.74);box-shadow:var(--shadow-soft)}.select-row{display:inline-flex;min-height:44px;gap:10px;align-items:center;color:var(--ink);font-weight:850;cursor:pointer}.select-row input{width:18px;height:18px;accent-color:var(--primary)}.device-select-row{margin-bottom:8px}.bulk-duration-row{display:grid;grid-gap:6px;gap:6px}.device-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:var(--surface-strong);padding:22px;display:grid;grid-gap:18px;gap:18px;box-shadow:var(--shadow-md)}.device-card.status-streaming{border-color:rgba(15,118,110,.24)}.device-card-actions,.device-card-header{display:grid;grid-gap:14px;gap:14px}.device-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.device-identity{display:grid;grid-gap:10px;gap:10px}.device-code{font-size:clamp(22px,3vw,30px);font-weight:950;letter-spacing:.04em}.device-code-subtitle{font-size:13px;font-weight:800}.device-card-meta{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.meta-block{padding:14px;border-radius:20px;background:rgba(245,242,234,.72);border:1px solid var(--line)}.meta-value{font-weight:800}.device-card-actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.device-action-panel{padding:16px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.62)}.password-box{align-content:start}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:900}.status-badge.online{color:var(--success);background:var(--success-soft)}.status-badge.offline{color:var(--ink-soft);background:#edf0f3}.status-badge.active{color:var(--primary-strong);background:var(--primary-soft)}.status-badge.ended,.status-badge.error{color:var(--danger);background:var(--danger-soft)}.status-badge.unknown{color:var(--warning);background:var(--warning-soft)}.watch-shell{background:radial-gradient(circle at top right,rgba(94,234,212,.2),transparent 25%),linear-gradient(180deg,#081014,#020405)}.watch-player,.watch-shell{position:relative;min-height:100dvh;overflow:hidden}.watch-status-rail{position:absolute;top:16px;left:16px;z-index:3;width:min(440px,calc(100% - 32px));padding:16px;border-radius:26px;background:rgba(5,14,18,.64);border:1px solid rgba(214,247,241,.16);color:#f8fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 24px 58px rgba(0,0,0,.34)}.watch-status-rail.is-compact{width:auto;min-width:min(206px,calc(100% - 20px));max-width:min(260px,calc(100% - 20px));padding:7px;border-radius:16px;background:rgba(5,14,18,.32);border-color:rgba(214,247,241,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(0,0,0,.18);pointer-events:none}.watch-status-rail.is-compact .watch-status-header{gap:6px;align-items:center;flex-wrap:nowrap}.watch-status-grid{display:grid;grid-gap:10px;gap:10px;margin-top:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.watch-status-rail.is-compact .watch-status-grid{gap:5px;margin-top:5px}.watch-status-item{padding:12px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.watch-status-rail.is-compact .watch-status-item{min-width:0;padding:6px 8px;border-radius:11px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.055)}.watch-status-rail.is-compact .watch-status-item span{display:none}.watch-status-item span{color:rgba(235,255,251,.6)}.watch-status-item strong{display:block;font-size:15px;font-weight:900;margin-top:6px}.watch-status-rail.is-compact .watch-status-item strong{overflow:hidden;font-size:12px;line-height:1.2;margin-top:0;text-overflow:ellipsis;white-space:nowrap}.watch-status-pill{padding:9px 13px}.watch-status-rail.is-compact .watch-status-pill{padding:5px 8px;font-size:10px}.watch-status-pill.pending{color:#cffafe;background:rgba(94,234,212,.15)}.watch-status-pill.ready{color:#dcfce7;background:rgba(34,197,94,.18)}.watch-frame{display:block;width:100%;height:100dvh;border:0;background:#020405}.screenshot-refresh-bar{display:flex;justify-content:center;margin-top:18px}.screenshot-refresh-bar.is-floating{position:absolute;right:auto;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;z-index:4;transform:translateX(-50%);margin-top:0;padding:8px;border-radius:24px;background:rgba(5,14,18,.36);border:1px solid rgba(214,247,241,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 40px rgba(0,0,0,.24)}.screenshot-refresh-bar.is-floating .primary-button{min-height:48px;padding-inline:22px}.watch-video{object-fit:contain}.not-found-shell,.watch-expired,.watch-overlay{display:grid;place-items:center}.watch-expired,.watch-overlay{position:absolute;inset:0;padding:24px;text-align:center;color:#f8fffc;background:radial-gradient(circle at 50% 35%,rgba(15,118,110,.2),transparent 32%),linear-gradient(180deg,rgba(2,4,5,.56),rgba(2,4,5,.9))}.not-found-panel,.watch-panel{width:min(560px,100%);padding:32px;border-radius:32px;border:1px solid rgba(214,247,241,.16);background:rgba(5,14,18,.78);box-shadow:0 32px 80px rgba(0,0,0,.4);color:#f8fffc;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.not-found-panel p,.watch-panel p{color:rgba(235,255,251,.78)}.watch-spinner{width:38px;height:38px;margin:0 auto 18px;border-radius:999px;border:3px solid rgba(214,247,241,.2);border-top-color:#5eead4;animation:spin .9s linear infinite}.not-found-shell{min-height:100dvh;padding:24px;background:radial-gradient(circle at top left,rgba(15,118,110,.2),transparent 26%),linear-gradient(180deg,#081014,#020405)}@keyframes spin{to{transform:rotate(1turn)}}@media (min-width:960px){.hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);align-items:stretch}.console-banner-content{display:grid;grid-template-columns:minmax(0,1fr) auto}}@media (max-width:980px){.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.page-shell{width:min(100% - 20px,100%);padding:20px 0 40px}.hero-card{min-height:auto}.hero-card,.not-found-panel,.surface-card,.watch-panel,.watch-status-rail{padding:22px;border-radius:26px}.wechat-contact-card{padding:14px;border-radius:22px}.wechat-contact-image{width:min(100%,280px);border-radius:18px}.account-create-grid,.admin-access-form,.admin-session-card,.admin-toolbar-grid,.bulk-action-panel,.device-card-actions,.summary-strip,.watch-status-grid{grid-template-columns:1fr}.admin-export-row{justify-content:flex-start}.account-row{align-items:stretch;flex-direction:column}.watch-status-rail{top:12px;left:12px;width:calc(100% - 24px)}.watch-status-rail.is-compact{top:8px;left:8px;width:auto;min-width:min(188px,calc(100% - 16px));max-width:min(238px,calc(100% - 16px));padding:6px;border-radius:15px}.screenshot-refresh-bar.is-floating{bottom:calc(18px + env(safe-area-inset-bottom));left:50%;padding:6px}.screenshot-refresh-bar.is-floating .primary-button{min-height:46px;border-radius:16px;padding:12px 16px}.watch-expired,.watch-overlay{align-items:end;padding:16px;background:linear-gradient(180deg,rgba(2,4,5,.08),rgba(2,4,5,.42))}.watch-panel{width:min(360px,100%);padding:16px;border-radius:22px;background:rgba(5,14,18,.56)}.watch-panel .watch-spinner{width:24px;height:24px;margin-bottom:10px;border-width:2px}.watch-panel h2{margin:0 0 6px;font-size:18px}.watch-panel p{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}