:root{color-scheme:dark;--bg-top:#07121a;--bg-mid:#081018;--bg-bottom:#09131d;--text-main:#edf7f5;--text-soft:#9db0bd;--text-muted:#7d96a8;--line-soft:rgba(73,117,146,.22);--line-strong:rgba(89,215,193,.3);--panel-bg:rgba(8,22,31,.98);--panel-bg-alt:rgba(12,29,42,.9);--teal:#40d8c4;--teal-deep:#208f8b;--teal-soft:rgba(59,218,196,.12);--shadow-soft:inset 0 1px 0 rgba(132,186,215,.06)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(37,121,96,.18),transparent 22%),radial-gradient(circle at bottom right,rgba(22,45,66,.32),transparent 26%),linear-gradient(180deg,var(--bg-top),var(--bg-mid) 52%,var(--bg-bottom));color:var(--text-main);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(31,29,26,.035) 1px,transparent 0),linear-gradient(90deg,rgba(31,29,26,.035) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 85%);mask-image:linear-gradient(180deg,rgba(0,0,0,.45),transparent 85%)}h1,h2,h3,h4,strong{font-family:"Noto Serif SC",Songti SC,STSong,serif}.gateway-shell{min-height:100vh;padding:24px;justify-content:center}.gateway-card,.gateway-shell{display:flex;align-items:center}.gateway-card{width:min(920px,100%);padding:22px 24px;justify-content:space-between;gap:24px;border-radius:24px;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(8,22,31,.98),rgba(7,18,28,.98)),radial-gradient(circle at top right,rgba(72,214,192,.08),transparent 26%);box-shadow:var(--shadow-soft)}.gateway-profile{display:grid;grid-gap:10px;gap:10px}.gateway-profile-row{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center}.gateway-profile-kicker{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(186,210,221,.66)}.gateway-profile-copy h1{margin:6px 0 0;font-size:1.9rem;line-height:.96;color:var(--text-main)}.gateway-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px}.gateway-nav-item{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(101,136,159,.18);background:rgba(238,247,247,.06);color:#d6e8ea;text-decoration:none;font-size:.9rem;font-weight:700;transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.gateway-nav-item:hover{transform:translateY(-1px);border-color:rgba(89,215,193,.32)}.gateway-nav-item.is-current{border-color:transparent;background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#041017}.hub-shell{width:100%;min-height:100vh;margin:0;padding:6px 10px 10px 0;grid-template-columns:284px minmax(0,1fr)}.hub-shell,.hub-sidebar{display:grid;grid-gap:12px;gap:12px}.hub-sidebar{position:-webkit-sticky;position:sticky;top:6px;align-self:start;min-height:calc(100vh - 18px);padding:18px 16px 18px 12px;align-content:start;border-radius:0 22px 22px 0;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(9,22,33,.98),rgba(7,17,27,.98)),radial-gradient(circle at top left,rgba(63,222,201,.08),transparent 28%);box-shadow:inset 0 1px 0 rgba(132,186,215,.08)}.hub-main{display:grid;grid-gap:14px;gap:14px}.site-main{align-content:start}.home-stage{min-height:calc(100vh - 18px)}.hub-profile{display:grid;grid-gap:10px;gap:10px}.hub-profile-row{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center}.hub-avatar-frame{width:72px;height:72px;border-radius:20px;border:1px solid rgba(104,212,215,.18)}.avatar-frame,.hub-avatar-frame{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(73,222,201,.14),rgba(73,222,201,.05))}.avatar-frame{width:96px;height:96px;border-radius:24px;border:1px solid rgba(104,212,215,.18)}.avatar{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6e1bf,#d7b179);color:#2c2319;font-size:1.35rem;font-weight:700;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35)}.avatar,.avatar-image{width:60px;height:60px;border-radius:15px}.avatar-image{display:block;object-fit:cover;box-shadow:0 10px 28px rgba(0,0,0,.18)}.hub-profile-kicker{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(186,210,221,.66)}.hub-profile-copy h1{margin:6px 0 0;font-size:1.85rem;line-height:.95;color:var(--text-main)}.hub-profile-text{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.6}.hub-tag-row{display:flex;flex-wrap:wrap;gap:8px}.hub-tag{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(91,120,140,.18);border:1px solid rgba(105,143,169,.14);color:#dbe9ed;font-size:.72rem}.hub-nav{display:grid;grid-gap:10px;gap:10px}.hub-nav-item{display:grid;grid-template-columns:46px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:12px;border-radius:18px;text-decoration:none;background:rgba(14,27,39,.92);border:1px solid rgba(63,93,117,.22);box-shadow:inset 0 1px 0 rgba(112,168,196,.06);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.hub-nav-item:hover{transform:translateX(4px);border-color:rgba(89,215,193,.32)}.hub-nav-item.is-current{background:linear-gradient(180deg,rgba(23,56,67,.95),rgba(17,43,54,.95));border-color:var(--line-strong);box-shadow:0 0 0 1px rgba(57,201,182,.08),inset 0 1px 0 rgba(127,228,212,.08)}.hub-nav-index{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:12px;background:var(--teal-soft);color:var(--teal);font-weight:700;font-size:.84rem}.hub-nav-copy strong{display:block;color:#eef7f7;font-size:1rem}.hub-nav-copy p{margin:6px 0 0;color:#8da4b4;font-size:.82rem;line-height:1.48}.hub-sidebar-foot{margin-top:2px;padding-top:14px;border-top:1px solid rgba(87,120,144,.18);display:grid;grid-gap:6px;gap:6px}.hub-sidebar-foot span{color:var(--text-muted);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hub-sidebar-foot strong{color:#d9ecec;font-size:.92rem}.admin-card,.hero-card,.hub-hero,.hub-note,.hub-panel{position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(8,22,31,.98),rgba(7,18,28,.98)),radial-gradient(circle at top right,rgba(72,214,192,.08),transparent 26%);box-shadow:var(--shadow-soft)}.admin-card:after,.hero-card:after,.hub-hero:after,.hub-note:after,.hub-panel:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(77,121,148,.08) 1px,transparent 0),linear-gradient(90deg,rgba(77,121,148,.08) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.4),transparent 92%)}.admin-card,.hero-card,.hub-hero,.hub-panel{padding:20px 22px}.hub-note{padding:14px 22px}.hero-topline,.hub-section-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.eyebrow,.hub-info-label,.hub-pill,.hub-section-tag,.live-pill,.section-kicker,.upload-picker span{letter-spacing:.14em;text-transform:uppercase}.hub-section-tag,.live-pill{min-height:30px;background:var(--teal-soft);color:var(--teal);font-size:.74rem;font-weight:700}.eyebrow,.hub-pill,.hub-section-tag,.live-pill,.section-kicker{display:inline-flex;align-items:center;padding:0 10px;border-radius:999px}.eyebrow,.hub-pill,.section-kicker{min-height:28px;background:rgba(235,247,245,.08);color:#c2d5dc;font-size:.68rem}.hub-pill-subtle{color:#8eaabd}.hub-hero h2{margin:14px 0 0;max-width:10ch;font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.06;color:#f2fbfa}.hub-panel-copy h3{margin:0;max-width:none;font-size:clamp(1.45rem,2vw,1.95rem);line-height:1.14;color:#f2fbfa}.admin-title{margin:14px 0 0;max-width:11ch;font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.08;color:#f2fbfa}.admin-note,.admin-preview-copy p,.hub-lede,.hub-note p,.hub-panel-copy p,.lede{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.65}.hub-lede,.lede{margin-top:12px;max-width:46ch}.hero-actions,.hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hub-primary-link,.hub-secondary-link,.primary-link,.secondary-link,.upload-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.88rem;transition:transform .18s ease,opacity .18s ease,border-color .18s ease}.hub-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.hub-entry-card{display:grid;align-content:start;grid-gap:12px;gap:12px}.hub-entry-card .hub-actions{margin-top:2px}.hub-primary-link:hover,.hub-secondary-link:hover,.primary-link:hover,.secondary-link:hover,.upload-button:hover{transform:translateY(-1px)}.hub-primary-link,.primary-link,.upload-button{border:0;background:linear-gradient(135deg,var(--teal),var(--teal-deep));color:#041017}.hub-secondary-link,.secondary-link{background:rgba(238,247,247,.06);border:1px solid rgba(101,136,159,.18);color:#d6e8ea}.hub-panel-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);grid-gap:18px;gap:18px;margin-top:16px}.hub-panel-copy{display:grid;grid-gap:10px;gap:10px;align-content:start}.feature-list,.hub-bullet-list{display:grid;grid-gap:10px;gap:10px;margin:4px 0 0;padding:0;list-style:none}.feature-list li,.hub-bullet-list li{position:relative;padding-left:14px;color:var(--text-soft);font-size:.88rem;line-height:1.58}.feature-list li:before,.hub-bullet-list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:999px;background:var(--teal)}.hub-info-card{display:grid;align-content:start;grid-gap:10px;gap:10px;padding:16px;border-radius:20px;background:rgba(12,29,42,.88);border:1px solid rgba(88,126,151,.18)}.hub-info-label{color:#7190a3;font-size:.68rem}.hub-info-card strong{color:#ecf8f8;font-size:.98rem;line-height:1.72}.hub-note p{font-size:.88rem}.site-panel{display:grid;grid-gap:14px;gap:14px}.site-panel-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.site-panel-body{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-panel-body h2{margin:0;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.14;color:#f2fbfa}.site-panel-current{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(238,247,247,.06);border:1px solid rgba(101,136,159,.18);color:#d6e8ea;font-size:.88rem;font-weight:700}.admin-shell{width:min(1040px,calc(100vw - 24px));margin:0 auto;padding:20px 0 40px;display:grid;grid-gap:20px;gap:20px}.admin-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);grid-gap:20px;gap:20px}.admin-preview{display:grid;grid-template-columns:96px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center}.admin-avatar-frame .avatar,.admin-avatar-frame .avatar-image{width:72px;height:72px;border-radius:16px}.admin-preview-copy{display:grid;grid-gap:8px;gap:8px}.admin-preview-copy h2{margin:0;font-size:1.7rem;color:var(--text-main)}.upload-form{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.upload-picker{display:grid;grid-gap:6px;gap:6px;padding:14px;border-radius:16px;border:1px dashed rgba(255,247,235,.22);background:rgba(255,247,235,.04);cursor:pointer}.upload-picker-light{border-color:rgba(73,117,146,.26);background:hsla(0,0%,100%,.03)}.upload-picker span{color:hsla(40,60%,92%,.68);font-size:.72rem}.upload-picker strong{color:var(--text-main);font-size:.92rem;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Segoe UI,sans-serif;word-break:break-word}.upload-input{display:none}.upload-secret{width:100%;min-height:42px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,247,235,.16);background:rgba(255,247,235,.05);color:var(--text-main);font:inherit}.upload-secret::placeholder{color:hsla(40,60%,92%,.48)}.upload-secret-light{border-color:rgba(73,117,146,.2);background:hsla(0,0%,100%,.04)}.upload-feedback{margin:0;padding:10px 12px;border-radius:14px;font-size:.9rem;line-height:1.6}.upload-feedback-success{background:rgba(37,121,96,.18);color:#daf0e8}.upload-feedback-error{background:rgba(172,102,34,.2);color:#ffe8cf}.admin-list{margin-top:10px}.reveal{animation:rise-in .7s ease both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.14s}.delay-3{animation-delay:.22s}.delay-4{animation-delay:.3s}@media (max-width:900px){.gateway-card{flex-direction:column;align-items:flex-start}.gateway-nav{justify-content:flex-start}.admin-grid,.hub-entry-grid,.hub-panel-grid,.hub-shell{grid-template-columns:1fr}.hub-sidebar{position:static;min-height:auto}.admin-title,.hub-hero h2,.hub-panel-copy h3{max-width:none}.site-panel-body{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.gateway-shell{padding:12px}.gateway-card{padding:18px 16px;border-radius:20px}.gateway-profile-row{grid-template-columns:64px minmax(0,1fr);gap:10px}.gateway-profile-copy h1{font-size:1.6rem}.gateway-nav{width:100%;gap:10px}.gateway-nav-item{min-height:40px;padding:0 14px;font-size:.86rem}.hub-shell{width:100%;padding:6px 6px 10px 0;gap:10px}.hub-sidebar{padding:14px 12px 14px 10px;border-radius:0 20px 20px 0}.admin-card,.hero-card,.hub-hero,.hub-note,.hub-panel{padding:16px;border-radius:20px}.hub-profile-row{grid-template-columns:64px minmax(0,1fr);gap:10px}.hub-avatar-frame{width:64px;height:64px;border-radius:18px}.avatar,.avatar-image{width:52px;height:52px;border-radius:14px}.hub-profile-copy h1{font-size:1.65rem}.hub-hero h2{font-size:1.6rem}.hub-panel-copy h3{font-size:1.35rem}.admin-title{font-size:1.75rem}.hub-nav-item{grid-template-columns:40px minmax(0,1fr);padding:12px;border-radius:18px}.hub-nav-copy strong{font-size:1rem}.hub-nav-copy p{font-size:.82rem}.admin-shell{width:min(100vw - 16px,1040px);padding:16px 0 32px}.admin-preview{grid-template-columns:1fr}}@keyframes rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}