@font-face{font-family:得意黑;src:url(/assets/SmileySans-Oblique.ttf-K8hpreXB.woff2) format("woff2"),url(/assets/SmileySans-Oblique-DYaKlXvX.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"Source Han Serif SC";src:url(/assets/SourceHanSerifSC-SemiBold-FH66vswX.otf) format("opentype");font-style:normal;font-weight:600;font-display:swap}:root{color-scheme:light;--font-body: "得意黑", "Smiley Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Source Han Serif SC", "Songti SC", serif;--bg: #f5f4ef;--bg-strong: #edf1f4;--panel: rgba(255, 255, 255, .84);--panel-strong: #ffffff;--line: rgba(20, 50, 79, .12);--line-strong: rgba(20, 50, 79, .24);--text: #17324b;--text-soft: rgba(23, 50, 75, .68);--accent: #95b2d1;--accent-strong: #4973a6;--accent-pale: rgba(149, 178, 209, .18);--success: #2f7d5c;--danger: #b45151;--shadow: 0 24px 60px rgba(24, 45, 69, .12);font-family:var(--font-body);line-height:1.5;font-weight:500;color:var(--text);background:radial-gradient(circle at top left,rgba(149,178,209,.3),transparent 34%),linear-gradient(180deg,#fcfbf7,#f1f2ee);background-size:140% 140%;background-position:0% 0%;animation:page-drift 28s ease-in-out infinite alternate}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);background:transparent}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:none}img{max-width:100%;display:block}#app{min-height:100vh}.panel,.brand-card,.sidebar-foot,.topbar,.user-pill,.section-panel,.stat-card,.table-wrap,.upload-card,.scanner-panel,.login-panel,.mobile-header,.mobile-nav,.nav-link,.mobile-nav-link,.quick-card,.status-card,.status-kv,.status-list-item,.status-provider,.record-card,.desktop-management-note,.login-note,.info-list li{animation:rise-in .52s cubic-bezier(.2,.8,.2,1) both}.panel{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 6px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.field-label{display:block;margin-bottom:8px;font-size:.92rem;font-weight:700}.field-tip,.muted-text{color:var(--text-soft);font-size:.92rem}.error-text{color:var(--danger)}.primary-button,.secondary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.primary-button{background:linear-gradient(135deg,var(--accent-strong),#224d78);color:#fff;box-shadow:0 14px 30px #224d7847}.secondary-button{background:#95b2d12e;color:var(--text)}.ghost-button{background:#ffffffb8;color:var(--text);border:1px solid var(--line)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}input,select,textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffffeb;color:var(--text)}textarea{min-height:110px;resize:vertical}.shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;gap:20px;padding:20px}.shell-mobile{display:block;padding:14px}.sidebar{display:flex;flex-direction:column;gap:20px;min-width:0}.brand-card,.sidebar-foot{padding:26px;border-radius:28px;background:#ffffffbd;border:1px solid var(--line);box-shadow:var(--shadow)}.brand-card{display:flex;align-items:center;gap:18px;min-width:0}.brand-card h1,.topbar h2,.login-panel h1,.mobile-header h1,.mobile-context h2{font-family:var(--font-display);margin:0;font-size:1.55rem;font-weight:600;line-height:1.15;overflow-wrap:anywhere}.brand-logo{width:82px;height:82px;padding:10px;border-radius:24px;background:linear-gradient(180deg,#95b2d133,#ffffffb3)}.nav-list{display:grid;gap:10px}.nav-link{padding:16px 18px;border-radius:22px;background:#ffffff9e;border:1px solid transparent;min-width:0}.nav-link span,.nav-link small{display:block;overflow-wrap:anywhere}.nav-link small{color:var(--text-soft)}.nav-link.is-active{background:linear-gradient(135deg,#95b2d166,#ffffffe6);border-color:#4973a640}.sidebar-foot{margin-top:auto}.main-panel{display:grid;grid-template-rows:auto 1fr;gap:18px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-radius:28px;background:#ffffffb8;border:1px solid var(--line)}.topbar-copy{min-width:0}.topbar-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.user-pill{display:grid;justify-items:end;padding:12px 14px;border-radius:18px;background:var(--panel);border:1px solid var(--line);min-width:0}.user-pill strong,.user-pill span{overflow-wrap:anywhere}.mode-pill{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(73,115,166,.18);background:linear-gradient(135deg,#95b2d13d,#ffffffe0);color:var(--accent-strong);font-size:.9rem;white-space:nowrap}.content-grid{display:grid;gap:20px;align-content:start;min-width:0}.content-grid-mobile{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.page-grid{display:grid;gap:20px;min-width:0}.page-grid.two-columns{grid-template-columns:1.25fr .95fr}.section-panel{padding:24px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;min-width:0}.section-head>div{min-width:0}.section-head h3,.scanner-header h3{font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.metric-grid,.form-grid,.summary-grid{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.single-column{grid-template-columns:1fr}.stat-card{display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:152px;padding:22px 24px;overflow:hidden}.stat-card .eyebrow{margin-bottom:12px;letter-spacing:.12em;line-height:1.35;word-break:break-word}.stat-card h3{font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,2.4vw,2.35rem);font-weight:600;line-height:1.08;overflow-wrap:anywhere}.stat-hint{margin:14px 0 0;color:var(--text-soft);font-size:.98rem;line-height:1.45;overflow-wrap:anywhere}.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#95b2d12e;color:var(--accent-strong);max-width:100%;overflow-wrap:anywhere}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:920px}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}th{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.thumbnail{width:58px;height:58px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.status-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#2f7d5c29;color:var(--success)}.status-chip.is-sold{background:#b4515124;color:var(--danger)}.actions-row,.field-inline,.button-row{display:flex;gap:12px;flex-wrap:wrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.button-row>*{min-width:0}.upload-card{display:grid;gap:12px;padding:22px;cursor:pointer}.upload-card input{display:none}.upload-preview{min-height:200px;border-radius:24px;border:1px dashed var(--line-strong);background:linear-gradient(180deg,#95b2d124,#fffc);display:grid;place-items:center;overflow:hidden}.upload-preview img{width:100%;height:200px;object-fit:cover}.scanner-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#17324b2e;display:grid;place-items:center;z-index:20}.scanner-panel{width:min(520px,calc(100vw - 32px));padding:22px}.scanner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.scanner-panel video{width:100%;aspect-ratio:1 / 1;border-radius:24px;background:#0b1823;object-fit:cover}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(760px,100%);padding:32px;display:grid;gap:24px}.login-brand{display:flex;gap:20px;align-items:center;min-width:0}.login-copy{min-width:0}.login-brand img{width:96px;height:96px;padding:12px;border-radius:28px;background:#95b2d12e}.login-calligraphy{margin:10px 0 0;font-family:var(--font-display);font-size:clamp(.84rem,1.05vw,1.02rem);font-weight:600;line-height:1.2;letter-spacing:.12em;color:#30506f61;text-shadow:0 1px 0 rgba(255,255,255,.72),0 4px 10px rgba(48,80,111,.04)}.login-note{padding:16px 18px;border-radius:18px;background:#95b2d11f;border:1px solid var(--line)}.login-note code{padding:3px 8px;border-radius:999px;background:#ffffffc7}.stack{display:grid;gap:12px}.tiny-text{font-size:.84rem;color:var(--text-soft);overflow-wrap:anywhere}.mobile-shell{display:grid;gap:16px}.mobile-header{display:grid;gap:16px;padding:18px}.mobile-brand{display:flex;gap:14px;align-items:center;min-width:0}.mobile-brand-logo{width:64px;height:64px;border-radius:20px}.mobile-header-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.mobile-context{display:grid;gap:10px}.mobile-context h2{font-size:1.35rem}.mobile-nav{position:fixed;left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;z-index:15}.mobile-nav-link{display:grid;justify-items:center;gap:4px;padding:12px 8px;border-radius:18px;color:var(--text-soft);min-width:0;text-align:center}.mobile-nav-link span,.mobile-nav-link small{overflow-wrap:anywhere}.mobile-nav-link span{font-weight:700}.mobile-nav-link small{font-size:.72rem}.mobile-nav-link.is-active{color:var(--text);background:linear-gradient(135deg,#95b2d152,#ffffffeb)}.dashboard-hero{overflow:hidden}.dashboard-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px;align-items:start}.hero-copy{min-width:0}.hero-copy h3{font-family:var(--font-display);margin:0;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:600;line-height:1.08}.hero-copy p{margin:12px 0 0;color:var(--text-soft);max-width:56ch}.hero-card-grid{display:grid;gap:12px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sidebar>*:nth-child(1){animation-delay:20ms}.sidebar>*:nth-child(2){animation-delay:80ms}.sidebar>*:nth-child(3){animation-delay:.14s}.sidebar>*:nth-child(4){animation-delay:.2s}.main-panel>.topbar{animation-delay:80ms}.content-grid>*:nth-child(1){animation-delay:.12s}.content-grid>*:nth-child(2){animation-delay:.18s}.content-grid>*:nth-child(3){animation-delay:.24s}.metric-grid .stat-card:nth-child(1),.quick-grid .quick-card:nth-child(1),.nav-list .nav-link:nth-child(1),.mobile-nav .mobile-nav-link:nth-child(1){animation-delay:40ms}.metric-grid .stat-card:nth-child(2),.quick-grid .quick-card:nth-child(2),.nav-list .nav-link:nth-child(2),.mobile-nav .mobile-nav-link:nth-child(2){animation-delay:.11s}.metric-grid .stat-card:nth-child(3),.quick-grid .quick-card:nth-child(3),.nav-list .nav-link:nth-child(3),.mobile-nav .mobile-nav-link:nth-child(3){animation-delay:.18s}.metric-grid .stat-card:nth-child(4),.quick-grid .quick-card:nth-child(4),.nav-list .nav-link:nth-child(4),.mobile-nav .mobile-nav-link:nth-child(4){animation-delay:.25s}.quick-card{display:grid;gap:10px;padding:18px;border-radius:24px;background:linear-gradient(160deg,#ffffffeb,#95b2d11f);border:1px solid var(--line);box-shadow:0 16px 32px #182d4514;transition:transform .2s ease,border-color .2s ease}.quick-card:hover{transform:translateY(-1px);border-color:#4973a638}.quick-card strong{font-size:1rem}.quick-card p{margin:0;color:var(--text-soft);font-size:.92rem}.status-page{gap:20px}.status-hero{display:grid;gap:18px}.status-hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.status-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-card{display:grid;gap:14px;justify-content:flex-start}.status-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.status-card-detail{margin:0;color:var(--text-soft);font-size:.98rem;line-height:1.5}.status-card-foot,.status-list-foot,.status-footline{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;color:var(--text-soft);font-size:.84rem}.status-footline{padding-top:4px}.health-chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:.84rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.health-chip.is-online{background:#2f7d5c29;color:var(--success);border-color:#2f7d5c2e}.health-chip.is-degraded{background:#cc912e29;color:#a66a16;border-color:#cc912e2e}.health-chip.is-offline{background:#b4515124;color:var(--danger);border-color:#b451512e}.health-chip.is-disabled{background:#546a8024;color:#17324bb8;border-color:#546a8029}.health-chip.is-unknown{background:#4973a61f;color:var(--accent-strong);border-color:#4973a629}.status-kv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-kv{display:grid;gap:6px;padding:14px 16px;border-radius:20px;background:#ffffffb3;border:1px solid var(--line);min-width:0}.status-kv strong{overflow-wrap:anywhere}.status-subsection{display:grid;gap:14px;margin-top:18px}.status-list,.status-provider-list{display:grid;gap:12px}.status-list-item,.status-provider{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:20px;background:#ffffffb8;border:1px solid var(--line)}.status-list-head,.status-provider-meta{display:grid;gap:6px;justify-items:end;text-align:right}.status-provider-copy{display:grid;gap:6px;min-width:0}.status-provider-copy p{margin:0;color:var(--text-soft);font-size:.92rem}.status-provider-meta small{color:var(--text-soft)}.status-error{margin:0}.status-tunnel-note{margin:16px 0 0}.entry-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;align-items:start}.entry-side-stack{display:grid;gap:16px}.accent-panel{background:linear-gradient(160deg,#95b2d133,#ffffffe0)}.info-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.info-list li{padding:12px 14px;border-radius:18px;background:#ffffffad;border:1px solid rgba(73,115,166,.1)}.desktop-management-note{display:grid;gap:8px;padding:18px}.desktop-management-note strong{font-size:1rem}.record-card-grid{display:grid;gap:14px}.record-card{display:grid;gap:12px;padding:18px}.record-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.record-card-meta{display:grid;gap:6px}.record-card-meta strong,.record-card-meta span,.record-card p{overflow-wrap:anywhere}.record-card-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}.record-card-row span{color:var(--text-soft);font-size:.84rem}.record-card-row strong{display:block;margin-top:4px}.uuid-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.uuid-card{display:grid;gap:12px;padding:18px;text-align:center}.uuid-card img{justify-self:center;width:96px;height:96px}.entry-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}@media(max-width:1100px){.shell,.page-grid.two-columns,.dashboard-hero-grid,.entry-layout,.form-grid,.status-kv-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column}.topbar-meta{justify-content:flex-start}.status-hero-head,.status-card-head,.status-list-item,.status-provider{align-items:stretch;flex-direction:column}.status-list-head,.status-provider-meta{justify-items:start;text-align:left}table{min-width:720px}}@media(max-width:720px){.metric-grid,.quick-grid,.uuid-card-grid,.record-card-row{grid-template-columns:1fr}.stat-card{min-height:136px;padding:20px}.login-page{padding:14px}.login-panel{padding:22px}.login-brand{align-items:flex-start;flex-direction:column}.field-inline{flex-direction:column}.field-inline>*{width:100%}.mobile-header{padding:16px}.mobile-nav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.mobile-nav-link{padding:10px 6px}.section-panel{padding:20px}.status-toolbar{width:100%}.status-toolbar>*{width:100%}.status-card-foot,.status-footline,.status-list-foot{flex-direction:column;align-items:flex-start}.upload-preview,.upload-preview img{min-height:168px;height:168px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}:root{animation:none}}@keyframes page-drift{0%{background-position:0% 0%}50%{background-position:40% 20%}to{background-position:100% 0%}}@keyframes rise-in{0%{opacity:0;transform:translate3d(0,10px,0) scale(.985);filter:blur(2px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}
