:root{color:#e7f2ff;background:#07111d;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;--bg-start: #0a1b2f;--bg-middle: #0e2238;--bg-end: #132238;--glow-primary: rgba(25, 183, 255, .24);--glow-secondary: rgba(75, 212, 255, .18);background:radial-gradient(circle at 20% 10%,var(--glow-primary),transparent 30%),radial-gradient(circle at 80% 5%,var(--glow-secondary),transparent 34%),linear-gradient(135deg,var(--bg-start) 0%,var(--bg-middle) 45%,var(--bg-end) 100%)}.state-page{display:grid;min-height:100vh;place-items:center;color:#d7ecff}.error-state{color:#ffb6b6}.home-page,.admin-page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.topbar,.admin-header,.panel-title,.tool-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:18px;font-weight:700;color:#f5fbff}.ghost-button,.primary-button,.secondary-button,.danger-button{border:1px solid rgba(153,213,255,.35);border-radius:6px;color:#eef8ff;background:#0d2337c7;padding:9px 14px}.primary-button{border-color:#35d0ae;background:#0f8f83}.secondary-button{background:#14324c}.danger-button{border-color:#ff7f7f73;background:#7c2630}.section{margin-top:26px;padding:28px;border:1px solid rgba(147,202,255,.16);border-radius:8px;background:#06111eb8;box-shadow:0 18px 60px #0000003d}.hero-section{display:grid;gap:22px;overflow:hidden}.section-copy{align-self:center;max-width:560px}.compact-copy{max-width:860px;margin-bottom:22px}.eyebrow{margin:0 0 10px;color:#63dfc9;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{margin-bottom:14px;color:#fbfdff;line-height:1.15}p{color:#b7cbe0;line-height:1.8}.ship-stage{position:relative;min-height:560px;overflow:hidden;border:1px solid rgba(135,206,255,.2);border-radius:8px;background:#0a0e14;box-shadow:inset 0 0 42px #19b7ff14}.ship-frame{display:block;width:100%;height:100%;min-height:560px;border:0}.ship-disabled{display:grid;min-height:180px;place-items:center;border:1px dashed rgba(151,210,255,.24);border-radius:8px;color:#8faac3;background:#07121f73}.viewer{position:relative}.image-stage{position:relative;display:grid;width:100%;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border:1px solid rgba(135,206,255,.2);border-radius:6px;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#081525;background-size:40px 40px;-webkit-user-select:none;user-select:none;touch-action:none}.image-stage img{width:100%;height:100%;object-fit:contain;pointer-events:none}.empty-image{color:#7f9fba}.nav-button{position:absolute;top:50%;z-index:3;width:42px;height:76px;border:1px solid rgba(193,230,255,.28);border-radius:6px;color:#fff;background:#06121fb8;font-size:42px;transform:translateY(-50%)}.nav-button.left{left:12px}.nav-button.right{right:12px}.annotation{position:absolute;border:2px solid #ffde59;background:#ffde5914;pointer-events:none}.annotation span{position:absolute;left:-2px;top:-28px;max-width:220px;overflow:hidden;border-radius:4px;padding:3px 7px;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 8px 18px #0000003d}.annotation.draft{border-style:dashed}.annotation.pending{border-style:dashed;box-shadow:0 0 22px currentColor}.annotation-popover{position:absolute;right:18px;bottom:18px;z-index:5;display:grid;width:min(320px,calc(100% - 36px));gap:14px;border:1px solid rgba(151,210,255,.24);border-radius:8px;background:#07121ff0;box-shadow:0 18px 46px #00000061;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.annotation-popover label{margin-top:0}.popover-actions{display:flex;justify-content:flex-end;gap:10px}.tool-row{margin-top:12px;flex-wrap:wrap;color:#b9d0e5;font-size:14px}.thumbnail-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;overflow-x:auto;padding:8px 2px 2px}.thumbnail-item{position:relative;flex:0 0 86px;height:58px;overflow:hidden;border:1px solid rgba(151,210,255,.2);border-radius:6px;background:#07121fd1;padding:0;opacity:.72;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.thumbnail-item span{position:absolute;right:5px;bottom:4px;min-width:20px;border-radius:4px;background:#05101cc7;color:#dceeff;font-size:12px;line-height:18px}.thumbnail-item.active{border-color:#63dfc9;box-shadow:0 0 0 2px #63dfc952,0 10px 28px #00000047;opacity:1;transform:translateY(-4px)}.color-swatch{width:26px;height:26px;border:2px solid rgba(255,255,255,.52);border-radius:50%;padding:0;box-shadow:0 0 0 1px #081525bf,0 8px 20px #00000038}.color-swatch.active{border-color:#fff;box-shadow:0 0 0 3px #63dfc947,0 8px 20px #00000047}.popover-color-field{display:grid;gap:9px;color:#c6ddf0;font-size:14px}.popover-colors{display:flex;flex-wrap:wrap;gap:10px}.admin-header{margin-bottom:24px}.admin-header h1{margin:0;font-size:34px}.admin-panel{margin-top:20px;padding:22px;border:1px solid rgba(151,210,255,.16);border-radius:8px;background:#07121fd1}.admin-panel h2{font-size:21px}.config-grid,.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.config-card,.asset-item{border:1px solid rgba(155,211,255,.14);border-radius:8px;background:#ffffff09;padding:16px}label{display:grid;gap:7px;margin-top:12px;color:#c6ddf0}.checkbox-field{display:flex;align-items:center;gap:10px}.checkbox-field input{width:18px;height:18px}.wide-field{max-width:520px;margin-bottom:18px}.theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}input,textarea{width:100%;border:1px solid rgba(166,214,255,.24);border-radius:6px;color:#f3fbff;background:#05101cd9;padding:9px 10px}input[type=color]{height:42px;padding:4px}textarea{resize:vertical}.size-row,.orbit-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.message,.empty-list{margin:14px 0 0;color:#71e6c4}.asset-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px}.asset-item{display:grid;gap:10px}.asset-item img{width:100%;aspect-ratio:4 / 3;border-radius:6px;object-fit:cover;background:#07111d}.asset-item span{overflow:hidden;color:#c8dcf0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.config-grid,.asset-grid,.theme-grid{grid-template-columns:1fr}.ship-stage,.ship-frame{min-height:420px}}@media(max-width:620px){.home-page,.admin-page{width:min(100% - 20px,1180px)}.section,.admin-panel{padding:18px}.topbar,.admin-header,.panel-title{align-items:flex-start;flex-direction:column}.nav-button{width:34px;height:58px;font-size:34px}.ship-stage,.ship-frame{min-height:340px}.thumbnail-strip{justify-content:flex-start}}