*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{overflow-x:hidden;color:#eff8ff;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 18% 20%,rgba(0,209,255,.18),transparent 30%),radial-gradient(circle at 72% 12%,rgba(255,139,35,.15),transparent 26%),linear-gradient(135deg,#030914,#071522 42%,#02060d)}button{font:inherit}.experience-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:100vh;overflow:hidden}.stage-area{position:relative;min-width:0;min-height:100vh}#pixi-container{width:100%;height:100vh}#pixi-container canvas{display:block;width:100%;height:100%}.brand-strip{position:absolute;z-index:2;top:28px;left:32px;display:flex;align-items:center;gap:14px;pointer-events:none}.brand-mark{width:42px;height:42px;border:1px solid rgba(82,237,255,.6);border-radius:50%;background:linear-gradient(135deg,#ffa12bf2,#20d7ffe6),#0b2332;box-shadow:0 0 28px #20d7ff6b}.brand-strip p,.brand-strip h1,.brand-strip div>span{margin:0}.brand-strip p{color:#7ddff0;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.brand-strip h1{margin-top:4px;font-size:26px;line-height:1.15}.brand-strip div>span{display:block;margin-top:5px;color:#ffa12b;font-size:13px;font-weight:700}.info-panel{position:relative;z-index:3;align-self:stretch;padding:104px 28px 110px;border-left:1px solid rgba(125,223,240,.18);background:#040d17c7;box-shadow:-24px 0 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-kicker{color:#52edff;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.info-panel h2{margin:12px 0 8px;color:#fff;font-size:34px;line-height:1.15}.panel-subtitle{margin:0;color:#ffa12b;font-size:16px;font-weight:700}.panel-description{margin:22px 0 30px;color:#b8cfda;font-size:15px;line-height:1.75}.node-status{display:grid;gap:5px;margin:0 0 26px;padding:14px 0;border-top:1px solid rgba(125,223,240,.18);border-bottom:1px solid rgba(125,223,240,.18)}.node-status span{color:#52edff;font-size:12px;font-weight:800;text-transform:uppercase}.node-status strong{color:#fff;font-size:16px}.panel-section{margin:0 0 24px}.panel-section h3{margin:0 0 10px;color:#eff8ff;font-size:14px;line-height:1.2}.panel-section ol,.panel-section ul{display:grid;gap:8px;margin:0;padding-left:20px;color:#b8cfda;font-size:13px;line-height:1.45}.task-flow li,.event-log li{padding-left:2px}.task-flow span,.event-severity{display:inline-flex;align-items:center;min-height:20px;margin-right:8px;padding:0 7px;border-radius:999px;color:#071522;font-size:10px;font-weight:800;background:#52edff}.event-log time{margin-right:8px;color:#ffa12b;font-weight:800}.scores{display:grid;gap:22px}.score-row{display:grid;gap:8px}.score-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:#dff8ff;font-size:14px;font-weight:700}.score-meta strong{color:#fff;font-size:20px}.progress-track{width:100%;height:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff14}.progress-fill{display:block;height:100%;border-radius:inherit;box-shadow:0 0 18px currentColor}.progress-fill.is-low{color:#ff6b57;background:#ff6b57}.progress-fill.is-mid{color:#ffa12b;background:#ffa12b}.progress-fill.is-good{color:#52edff;background:#52edff}.score-status{margin:0;color:#91acb8;font-size:12px;font-weight:700}.cta-button{position:fixed;right:28px;bottom:28px;z-index:5;min-height:52px;padding:0 22px;border:1px solid rgba(255,161,43,.65);border-radius:8px;color:#08101a;font-size:15px;font-weight:800;background:linear-gradient(135deg,#ffb44d,#52edff);box-shadow:0 16px 38px #00000057,0 0 28px #ffa12b57;cursor:pointer}.cta-button:hover{transform:translateY(-1px)}@media(max-width:1199px){.experience-shell{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:768px){body{overflow-y:auto}.experience-shell{display:block;min-height:100vh}.stage-area{min-height:70vh}#pixi-container{height:70vh}.brand-strip{top:18px;left:18px;right:18px}.brand-strip h1{font-size:20px}.info-panel{min-height:30vh;padding:24px 18px 100px;border-top:1px solid rgba(125,223,240,.18);border-left:0}.info-panel h2{font-size:28px}.cta-button{right:16px;bottom:16px;left:16px;width:calc(100% - 32px)}}