:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-padding:clamp(1.2rem, 2vw, 2rem);--panel-bg:#0e121cc2;--panel-border:#ffffff1f;--muted-text:#e2e7f2b8;--accent:#f1ba67;--accent-soft:#f1ba672e;--line-soft:#ffffff14;--shadow-soft:0 30px 60px #00000059;background:radial-gradient(circle at top,#c2e3ff2e,#0000 32%),radial-gradient(circle at 100%,#f5ba622e,#0000 26%),linear-gradient(160deg,#0c1018 0%,#121826 48%,#090d14 100%);font-family:Segoe UI Variable Display,Microsoft YaHei UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}code{color:#fff;background:#ffffff14;border-radius:999px;padding:.18rem .38rem}.shell{min-height:100vh;padding:var(--page-padding);place-items:center;display:grid}.hero-card{border:1px solid var(--panel-border);background:linear-gradient(180deg, #ffffff0d, #ffffff04), var(--panel-bg);width:min(1180px,100%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:32px;place-items:center;padding:clamp(1.2rem,2.4vw,2.2rem);display:grid}.hero-viewer{justify-content:center;align-items:center;width:100%;display:flex}.viewer-shell{gap:.85rem;width:min(100%,580px);display:grid}.viewer-topline{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.pill{background:var(--accent-soft);color:#fbe6bf;letter-spacing:.06em;text-transform:uppercase;border:1px solid #f1ba6747;border-radius:999px;align-items:center;padding:.38rem .78rem;font-size:.78rem;display:inline-flex}.pill-muted{border-color:var(--line-soft);color:var(--muted-text);background:#ffffff0a}.viewer-stage{border:1px solid var(--panel-border);width:100%;max-width:580px;box-shadow:inset 0 1px 0 #ffffff14, var(--shadow-soft);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:radial-gradient(circle at top,#ffffff2e,#0000 34%),linear-gradient(#161b24 0%,#090d14 100%);border-radius:32px;position:relative;overflow:hidden}.viewer-stage:after{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#00000075,#0000 72%);border-radius:999px;height:10%;position:absolute;inset:auto 8% 4%}.viewer-stage.is-dragging{cursor:grabbing}.viewer-stage.is-loading{animation:2.4s ease-in-out infinite pulse-stage}.viewer-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-message,.viewer-overlay{display:flex;position:absolute;left:0;right:0}.viewer-message{text-align:center;z-index:2;background:linear-gradient(#090d1457,#090d149e);flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:2rem;inset:0}.viewer-message span{max-width:30ch;color:var(--muted-text);font-size:.96rem}.viewer-error{background:linear-gradient(#3e121280,#1e0a0acc)}.viewer-overlay{z-index:2;pointer-events:none;justify-content:space-between;align-items:end;gap:1rem;padding:1rem;bottom:0}.viewer-angle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0e168a;border:1px solid #ffffff1f;border-radius:22px;padding:.9rem 1rem}.viewer-angle-label{color:var(--muted-text);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;display:block}.viewer-angle strong{letter-spacing:-.04em;font-size:1.6rem}.viewer-hint{max-width:20ch;color:var(--muted-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0e1680;border:1px solid #ffffff1f;border-radius:22px;padding:.9rem 1rem;font-size:.92rem}@keyframes pulse-stage{0%,to{box-shadow:inset 0 1px #ffffff14,0 30px 60px #00000059}50%{box-shadow:inset 0 1px #ffffff14,0 32px 74px #00000073}}@media (width<=720px){.shell{padding:1rem}.hero-card{border-radius:24px;padding:1rem}.viewer-overlay{flex-direction:column;align-items:stretch}.viewer-hint{max-width:none}}