:root{--qijing-bg: #261b22;--qijing-card: #fffbf7;--qijing-crimson: #b96a6f;--qijing-gold: #d8a86e;--qijing-ink: #3a2e32;--qijing-jade: #7c9b82;--qijing-line: #e7d7d0;--qijing-muted: #8e7d78;--qijing-panel: #34262e;--qijing-panel-2: #45333b;--qijing-soft: #f6eee9;--qijing-white: #ffffff;--font-body: "PingFang SC", "Noto Sans CJK SC", sans-serif;--font-heading: "Songti SC", "STSong", "Noto Serif CJK SC", serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--qijing-ink);font-family:var(--font-body);background:radial-gradient(circle at 18% 14%,rgba(216,168,110,.2),transparent 28%),radial-gradient(circle at 82% 78%,rgba(124,155,130,.2),transparent 30%),linear-gradient(135deg,#21171d,#36272d 48%,#21171d)}button,input{font:inherit}button{cursor:pointer}.stage{min-height:100vh;display:grid;grid-template-columns:minmax(390px,1fr) 320px;gap:28px;align-items:center;justify-content:center;padding:28px}.prototype-shell{display:grid;place-items:center}.phone{position:relative;width:390px;height:844px;overflow:hidden;border-radius:34px;background:var(--qijing-soft);box-shadow:0 34px 80px #0000006b,0 0 0 10px #fff8f20f,inset 0 0 0 1px #fff3}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(circle at 18% 10%,rgba(216,168,110,.12),transparent 22%),linear-gradient(180deg,#f6eee9,#fff8f2 52%,#efe4dd)}.screen--immersive{background:linear-gradient(180deg,#f6eee929,#2b202747),url(/assets/generated-1779785346591-D1iMrHTv.webp) center / cover no-repeat}.screen--combat{background:linear-gradient(180deg,#2b202714,#2b2027a3),url(/assets/generated-1779812985682-kWSRl-Rh.webp) center / cover no-repeat}.screen--onboarding{background:#1b141a}.status-bar{position:absolute;z-index:8;left:0;top:0;width:390px;height:88px;background:linear-gradient(180deg,#f6eee9f5,#f6eee9c7)}.system-time{position:absolute;left:18px;top:12px;font-size:15px;font-weight:700;line-height:1}.signal{position:absolute;right:30px;top:12px;font-size:13px;font-weight:700;line-height:1}.top-title{position:absolute;left:18px;top:52px;width:250px;font-size:16px;font-weight:800;line-height:1.25}.capsule{position:absolute;right:18px;top:42px;width:86px;height:32px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;border:1px solid var(--qijing-line);background:#ffffffc7}.chat-status{display:grid;grid-template-columns:82px 1fr 62px;gap:8px;align-items:end;padding:38px 14px 8px}.chat-status .system-time,.chat-status .signal{top:12px}.combat-status .top-title{left:74px;width:184px}.combat-back{position:absolute;left:14px;top:42px;width:54px;height:32px;display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(255,248,242,.28);border-radius:16px;color:#fff8f2;background:#2b202766;font-size:11px;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screen--onboarding .status-bar{color:#fff8f2;background:transparent}.screen--combat .status-bar{color:#fff8f2;background:linear-gradient(180deg,#2b2027c7,#2b202700)}.screen--combat .system-time,.screen--combat .signal,.screen--combat .top-title{color:#fff8f2;text-shadow:0 1px 8px rgba(43,32,39,.45)}.screen--combat .capsule{color:#fff8f2;border-color:#fff8f252;background:#2b202752;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.screen--onboarding .top-title{display:none}.chat-back,.chat-more{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(234,219,212,.92);border-radius:13px;color:#5c4b49;background:#fff8f2c7;font-size:11px;font-weight:900}.chat-target-avatar{display:grid;place-items:center}.chat-target-avatar img{width:36px;height:36px;border-radius:13px;object-fit:cover;border:1px solid rgba(234,219,212,.95)}.content{position:absolute;left:18px;right:18px;top:96px;bottom:84px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.content--scroll{overflow-y:auto;padding-bottom:6px}.content--no-tab{bottom:28px}.content--onboarding{left:0;right:0;top:0;bottom:0;gap:0;padding:0}.content--immersive{left:0;right:0;top:88px;bottom:0;gap:0}.screen--combat .content--immersive{top:88px;bottom:0}.player-hud{position:relative;flex:0 0 72px;display:grid;grid-template-columns:52px 1fr 66px;gap:12px;align-items:center;padding:10px;border:1px solid #eadbd4;border-radius:18px;background:#fffcf8e6;box-shadow:0 6px 18px #6b4b401a}.hud-avatar,.portrait,.portrait-mini,.message-avatar{overflow:hidden;display:inline-grid;place-items:center;border:1px solid var(--qijing-line);background:#fff8f2}.hud-avatar{position:relative;width:52px;height:52px;padding:0;border-radius:18px;box-shadow:0 7px 16px #6b4b4029}.hud-avatar img,.portrait img,.portrait-mini img,.message-avatar img{width:100%;height:100%;object-fit:cover}.realm-badge{position:absolute;left:0;bottom:0;min-width:34px;height:14px;display:grid;place-items:center;border:1px solid #ffffff;border-radius:7px;color:#fff;background:var(--qijing-jade);font-size:8px;font-weight:900}.hud-tap{position:absolute;right:0;bottom:0;width:16px;height:16px;display:grid;place-items:center;border:1px solid var(--qijing-gold);border-radius:8px;color:#8b4e60;background:#fffcf8f2}.hud-main{min-width:0}.hud-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hud-title-row strong{font-size:13px;font-weight:900}.hud-title-row span{display:inline-flex;align-items:center;gap:3px;color:#52725a;font-size:8px;font-weight:900}.hud-main p{margin:2px 0 7px;color:var(--qijing-muted);font-size:9px;font-weight:800}.hud-meters{display:grid;gap:5px}.meter-mini{display:grid;grid-template-columns:18px 1fr;gap:4px;align-items:center}.meter-mini span{font-size:8px;font-weight:900}.meter-mini i{height:6px;overflow:hidden;border:1px solid #eadbd4;border-radius:4px;background:#e8ddd7}.meter-mini b{display:block;height:100%;border-radius:inherit;background:var(--qijing-gold)}.meter-mini[data-tone=danger] span,.meter-mini[data-tone=danger] b{color:var(--qijing-crimson);background:var(--qijing-crimson)}.meter-mini[data-tone=jade] span,.meter-mini[data-tone=jade] b{color:var(--qijing-jade);background:var(--qijing-jade)}.hud-tools{display:flex;gap:4px;justify-content:flex-end}.hud-tools button{width:18px;height:18px;display:grid;place-items:center;padding:0;border:1px solid var(--qijing-line);border-radius:9px;color:var(--qijing-ink);background:#ffffffdb}.hud-tools button:last-child{color:#fff;background:var(--qijing-ink);border-color:var(--qijing-ink)}.tab-bar{position:absolute;z-index:8;left:0;right:0;bottom:0;height:96px;padding:12px 12px 18px;background:var(--qijing-soft)}.tab-bar:before{content:"";position:absolute;left:12px;right:12px;top:12px;height:58px;border:1px solid #eadbd4;border-radius:18px;background:#fffbf7e8}.tab-bar button{position:relative;z-index:1;width:25%;height:58px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:0;color:var(--qijing-muted);background:transparent;font-size:10px;font-weight:800}.tab-bar button.active{color:#261b22}.tab-bar button.active svg{color:var(--qijing-gold)}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid var(--qijing-line);border-radius:16px;background:#fff8f2e0;color:var(--qijing-ink);font-size:13px;font-weight:900}.button--gold{color:#2b2027;border-color:var(--qijing-gold);background:var(--qijing-gold);box-shadow:0 8px 18px #b98a5240}.button--dark{color:#fff8f2;border-color:var(--qijing-panel);background:var(--qijing-panel)}.button--jade{color:#fff;border-color:var(--qijing-jade);background:var(--qijing-jade)}.button--danger{color:#fff8f2;border-color:var(--qijing-crimson);background:var(--qijing-crimson)}.grid{display:grid;gap:10px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.list-row,.npc-card,.battle-panel{border:1px solid var(--qijing-line);border-radius:14px;background:#fffbf7f0;box-shadow:0 6px 16px #00000012}.card{padding:14px}.card h2,.battle-panel strong{margin:0 0 8px;color:#8b4e60;font-size:13px;font-weight:900}.card p,.battle-panel p{margin:0;color:#6f615e;font-size:12px;font-weight:600;line-height:1.55}.hero-media,.scene-card,.map-visual,.combat-arena,.relation-map{position:relative;overflow:hidden;border:1px solid var(--qijing-line);border-radius:18px;background:#d8c8bc;box-shadow:0 14px 30px #2b20271f}.hero-media{min-height:238px}.hero-media--tall{flex:1;min-height:0}.hero-media img,.scene-card img,.map-visual img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;right:0;bottom:0;left:0}.media-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2b20270d,#2b202794)}.hero-copy{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;color:#fff8f2}.hero-copy h2,.scene-card h2{margin:0 0 7px;font-family:var(--font-heading);font-size:27px;line-height:1.08}.hero-copy p,.scene-card p{margin:0;font-size:12px;font-weight:800;line-height:1.5}.onboarding-carousel{position:relative;flex:1;min-height:0;overflow:hidden;background:#1b141a;touch-action:pan-y}.onboarding-track{height:100%;display:flex;transition:transform .26s ease}.onboarding-slide{position:relative;flex:0 0 100%;width:100%;height:100%;overflow:hidden}.onboarding-slide img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.onboarding-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1b141a47,#1b141a05 38%,#1b141a47),linear-gradient(0deg,#1b141a80,#1b141a00 42%)}.onboarding-copy{position:absolute;left:22px;right:22px;bottom:142px;color:#fff8f2;text-shadow:0 2px 12px rgba(27,20,26,.45)}.onboarding-copy h2{margin:0 0 8px;font-family:var(--font-heading);font-size:25px;line-height:1.08}.onboarding-copy p{margin:0;font-size:12px;font-weight:800;line-height:1.45}.onboarding-chips{position:absolute;left:22px;right:22px;bottom:102px;display:flex;gap:8px;justify-content:center}.onboarding-chips span{height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid rgba(255,255,255,.4);border-radius:14px;color:#6d8d70;background:#fff8f2db;font-size:10px;font-weight:900;white-space:nowrap}.onboarding-chips span.active{color:#261b22}.onboarding-arrow{position:absolute;top:50%;z-index:2;width:34px;height:44px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,248,242,.32);border-radius:17px;color:#fff8f2;background:#261b2257}.onboarding-arrow:disabled{opacity:0;pointer-events:none}.onboarding-arrow.prev{left:12px}.onboarding-arrow.next{right:12px}.onboarding-arrow.next svg{transform:rotate(180deg)}.onboarding-dots{position:absolute;left:0;right:0;bottom:76px;z-index:2;height:18px;display:flex;justify-content:center;align-items:center;gap:7px}.onboarding-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#eadbd4}.onboarding-dots button.active{width:18px;background:var(--qijing-gold)}.onboarding-cta{position:absolute;left:22px;right:22px;bottom:16px;z-index:2;height:50px;border:1px solid #f4c98b;border-radius:15px;color:#261b22;background:var(--qijing-gold);font-size:14px;font-weight:900}.scene-card{min-height:196px;display:block;width:100%;padding:0;text-align:left;color:#fff8f2}.scene-card>div:last-child{position:absolute;z-index:1;left:16px;right:16px;bottom:16px}.planner-signal{min-height:42px;display:grid;grid-template-columns:62px 1fr 22px;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(216,168,110,.42);border-radius:14px;color:#fff8f2;background:#2b2027e0}.planner-signal strong{color:var(--qijing-gold);font-size:11px;font-weight:900}.planner-signal span{font-size:12px;font-weight:900}.battle-broadcast{min-height:42px;display:grid;grid-template-columns:68px minmax(0,1fr) 20px;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(255,248,242,.28);border-radius:15px;color:#fff8f2;background:#2b2027b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 24px #2b20273d;transition:opacity .16s ease,transform .16s ease}.battle-broadcast[data-state=hidden]{opacity:0;pointer-events:none;transform:translateY(-8px)}.battle-broadcast strong{color:var(--qijing-gold);font-size:11px;font-weight:900}.battle-broadcast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900}.list-row,.npc-card{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;text-align:left}.row-copy{min-width:0;display:grid;gap:5px}.row-copy strong,.npc-card strong{color:var(--qijing-ink);font-size:14px;font-weight:900}.row-copy em,.npc-card em,.npc-card small{color:var(--qijing-muted);font-size:11px;font-style:normal;font-weight:700;line-height:1.35}.tag{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:24px;padding:0 9px;border:1px solid rgba(216,168,110,.52);border-radius:12px;color:#8b4e60;background:#fff1e8;font-size:11px;font-weight:900}.tag--hot{color:#2b2027;background:var(--qijing-gold)}.tag--muted{color:var(--qijing-muted);background:#f4ece7}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{min-height:68px;display:grid;place-items:center;gap:5px;border:1px solid var(--qijing-line);border-radius:14px;background:#fffbf7eb}.stat span{color:var(--qijing-muted);font-size:11px;font-weight:800}.stat strong{color:#8b4e60;font-size:22px;font-weight:900}.identity-card{display:flex;align-items:center;gap:14px}.portrait{width:64px;height:64px;border-radius:20px}.portrait-mini{width:36px;height:36px;border-radius:12px}.portrait-mini.large{width:52px;height:52px;border-radius:18px}.map-visual{flex:1;min-height:420px}.map-node{position:absolute;transform:translate(-50%,-50%);min-width:64px;height:28px;border:1px solid var(--qijing-line);border-radius:14px;color:var(--qijing-ink);background:#fffbf7e6;font-size:11px;font-weight:900}.map-node--gold{border-color:var(--qijing-gold);background:var(--qijing-gold)}.map-node--danger{color:#fff8f2;border-color:var(--qijing-crimson);background:var(--qijing-crimson)}.map-node--muted{color:var(--qijing-muted)}.chat-panel{flex:1;min-height:0;display:grid;grid-template-rows:1fr 36px 32px 48px;gap:12px;padding:14px 12px;border-top:1px solid var(--qijing-line);border-radius:22px 22px 0 0;background:#fffbf7bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff8a}.chat-messages,.battle-log{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:start}.message--player{grid-template-columns:minmax(0,1fr) 36px}.message--player .message-avatar{grid-column:2;grid-row:1}.message--player .bubble{grid-column:1;justify-self:end;color:#fff8f2;background:#2b2027e0;border-color:#d8a86e59}.message--system{display:block}.message--system .bubble{margin:0 auto;max-width:306px;color:#8b4e60;background:#fff1e8}.message-avatar{width:36px;height:36px;border-radius:12px}.bubble{max-width:282px;padding:10px 12px;border:1px solid var(--qijing-line);border-radius:16px;color:var(--qijing-ink);background:#fff8f2f2;font-size:12px;font-weight:800;line-height:1.45}.chat-hint{display:flex;align-items:center;padding:0 12px;border:1px solid rgba(216,168,110,.45);border-radius:14px;color:#8b4e60;background:#fff1e8;font-size:12px;font-weight:900}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-actions button{border:1px solid var(--qijing-line);border-radius:13px;color:#4a3b3b;background:#fff8f2db;font-size:11px;font-weight:900}.quick-actions button.active{color:#2b2027;border-color:var(--qijing-gold);background:var(--qijing-gold)}.chat-form{display:grid;grid-template-columns:36px 1fr 36px;gap:8px;align-items:center;padding:6px;border:1px solid var(--qijing-line);border-radius:16px;background:#fff8f2d1}.chat-form button{width:36px;height:34px;display:grid;place-items:center;border:0;border-radius:12px;color:#8b4e60;background:#fff1e8}.chat-form input{min-width:0;border:0;outline:0;color:var(--qijing-ink);background:transparent;font-size:12px;font-weight:800}.combat-arena{min-height:224px;background-position:center;background-size:cover}.combatants{position:relative;height:100%;display:block;color:#fff8f2}.combatants>div{position:absolute;top:116px;width:136px;height:66px;min-width:0;border:1px solid rgba(255,248,242,.35);border-radius:15px;background:#2b2027cc;box-shadow:0 12px 24px #21182047}.combatants>div:first-child{left:18px}.combatants>div:last-child{right:18px}.combatants>div>strong{position:absolute;left:56px;top:8px;width:62px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900}.combatants>div>em{position:absolute;left:56px;top:25px;width:62px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-style:normal;font-weight:800;color:#e8cdc5}.combatants button{position:absolute;left:50%;top:126px;width:44px;height:44px;transform:translate(-50%);border:1px solid var(--qijing-gold);border-radius:22px;color:#8b4e60;background:#fff8f2f0;font-size:13px;font-weight:900}.combatants .portrait-mini.large{position:absolute;left:9px;top:9px;width:40px;height:40px;border-radius:14px}.combatants small{position:absolute;right:3px;top:25px;width:22px;overflow:hidden;color:var(--qijing-gold);font-size:8px;font-weight:900;line-height:1.25;text-align:center}.combat-meter{position:absolute;left:56px;width:70px;height:6px;display:grid;grid-template-columns:20px 48px;align-items:center;gap:2px}.combat-meter[data-tone=danger]{top:42px}.combat-meter[data-tone=jade]{top:53px}.combat-meter b{color:#b94b55;font-size:8px;font-weight:900;line-height:1}.combat-meter[data-tone=jade] b{color:var(--qijing-jade)}.combat-meter i{display:block;height:6px;overflow:hidden;border:1px solid rgba(255,248,242,.28);border-radius:4px;background:#e8ddd7}.combat-meter i em{display:block;height:100%;border-radius:inherit;background:#b94b55}.combat-meter[data-tone=jade] i em{background:var(--qijing-jade)}.battle-panel{display:grid;gap:12px;padding:14px}.battle-panel-head{display:flex;justify-content:space-between;align-items:center}.battle-panel-head div{display:grid;gap:4px}.battle-panel-head span{color:#7b6867;font-size:11px;font-weight:900}.battle-log{max-height:188px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip-row span{padding:5px 8px;border:1px solid rgba(216,168,110,.5);border-radius:12px;color:#8b4e60;background:#fff1e8;font-size:10px;font-weight:900}.sparring-frame{position:relative;flex:1;min-height:0;display:flex;overflow:hidden;background:#211820}.sparring-frame>.battle-broadcast{position:absolute;z-index:4;top:4px;left:18px;right:18px}.sparring-box{flex:1;min-height:0;display:grid;grid-template-rows:240px minmax(0,1fr);overflow:hidden;border-top:1px solid rgba(216,168,110,.34);border-radius:24px 24px 0 0;background:#2b2027e8;box-shadow:inset 0 1px #fff8f214,0 -14px 34px #21182038}.sparring-arena-slot{min-height:0;padding:16px 16px 0}.sparring-arena-slot .combat-arena{width:100%;height:224px;min-height:224px;border-color:#d8a86e66;border-radius:20px;box-shadow:0 16px 34px #21182047}.sparring-dialog-slot{min-height:0;display:flex;padding:0 0 8px}.sparring-dialog-slot .battle-panel{flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto;gap:10px;padding:0 16px;border:0;border-radius:0;background:transparent;box-shadow:none}.sparring-dialog-slot .battle-panel-head{display:grid;grid-template-columns:minmax(0,132px) minmax(0,1fr);align-items:center;min-height:18px}.sparring-dialog-slot .battle-panel-head strong{margin:0;color:var(--qijing-gold);font-size:12px;font-weight:900}.sparring-dialog-slot .battle-panel-head span{min-width:0;color:#e8cdc5;font-size:11px;font-weight:900;text-align:right}.sparring-dialog-slot .battle-log{max-height:none;min-height:0;padding-right:2px}.sparring-dialog-slot .message{grid-template-columns:34px minmax(0,1fr)}.sparring-dialog-slot .message--player{grid-template-columns:minmax(0,1fr) 34px}.sparring-dialog-slot .message-avatar{width:34px;height:34px;border-radius:12px}.sparring-dialog-slot .bubble{max-width:282px}.sparring-dialog-slot .battle-panel>p{min-height:38px;display:flex;align-items:center;margin:0;padding:0 12px;border:1px solid rgba(216,168,110,.54);border-radius:14px;color:#f4c98b;background:#5d2f39;font-size:12px;font-weight:900;line-height:1.25}.sparring-dialog-slot .chip-row span{color:#e8cdc5;border-color:#d8a86e5c;background:#211820b8}.sparring-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 8px;border:1px solid rgba(216,168,110,.54);border-radius:17px;background:#211820e6}.sparring-actions--single{grid-template-columns:1fr}.sparring-actions .button{min-width:0;min-height:40px;gap:4px;padding:0 6px;border-color:#d8a86e73;border-radius:13px;color:#fff8f2;background:#3a2e32;font-size:10px}.sparring-actions .button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sparring-actions .button svg{flex:0 0 auto;color:var(--qijing-gold)}.sparring-actions .button--gold{color:#2b2027;border-color:var(--qijing-gold);background:var(--qijing-gold);box-shadow:none}.sparring-actions .button--gold svg{color:#2b2027}.big-meter{height:12px;overflow:hidden;margin:12px 0;border-radius:8px;background:#e8ddd7}.big-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--qijing-jade),var(--qijing-gold))}.npc-card span:nth-child(2){flex:1;min-width:0;display:grid;gap:4px}.relation-map{flex:1;min-height:420px;background:linear-gradient(90deg,rgba(216,168,110,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(124,155,130,.08) 1px,transparent 1px),#fffbf7b8;background-size:46px 46px}.relation-map:before,.relation-map:after{content:"";position:absolute;top:23%;right:18%;bottom:29%;left:16%;border:1px dashed rgba(216,168,110,.55);border-radius:50%}.relation-map:after{top:34%;right:28%;bottom:22%;left:28%;border-color:#7c9b8273}.relation-map button{position:absolute;z-index:1;transform:translate(-50%,-50%);min-width:62px;display:grid;place-items:center;gap:4px;border:0;color:var(--qijing-ink);background:transparent;font-size:10px;font-weight:900}.relation-map img,.relation-map svg{width:44px;height:44px;padding:0;border:1px solid var(--qijing-line);border-radius:16px;background:#fff8f2;object-fit:cover}.launch-page,.login-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.login-page{position:relative;justify-content:flex-start;padding-top:40px;padding-bottom:34px;background:linear-gradient(180deg,#f6eee9,#fff8f2 54%,#efe4dd)}.launch-page h1,.login-page h1{margin:0;font-family:var(--font-heading);font-size:46px;line-height:1}.login-page h1{margin-top:13px;font-size:34px;line-height:1.05}.launch-page p{margin:0;color:var(--qijing-muted);font-size:14px;font-weight:800}.login-brand{width:232px;display:grid;justify-items:center;margin-top:0}.login-brand p{width:232px;margin:8px 0 0;color:#7b6a66;font-size:12px;font-weight:600;line-height:1.3}.app-seal{position:relative;width:148px;height:148px;overflow:hidden;border:1px solid #f8e7cf;border-radius:36px;background:linear-gradient(142deg,#6f9c82,#e4b873 52%,#6f4a3e);box-shadow:0 15px 30px #6b4b403b}.app-seal--compact{width:104px;height:104px;border-radius:28px}.seal-glow,.seal-orbit,.seal-ground,.seal-gate,.seal-shadow,.seal-door,.seal-steps,.seal-moon,.seal-star{position:absolute;display:block;pointer-events:none}.seal-glow{left:18px;top:16px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 52% 46%,#fff7eaab,#fff7ea21 52%,#fff7ea00)}.seal-orbit{left:31px;top:31px;width:86px;height:86px;border:2px solid rgba(255,248,242,.16);border-radius:50%}.seal-ground{left:27px;top:83px;width:94px;height:35px;border-radius:50%;background:#2f3b315c;transform:skew(-10deg)}.seal-gate{left:28px;top:47px;width:92px;height:70px;border-radius:46px 46px 10px 10px;background:#fff8f2e8;clip-path:polygon(10% 100%,10% 44%,30% 12%,50% 0,70% 12%,90% 44%,90% 100%)}.seal-shadow{left:43px;top:61px;width:62px;height:58px;border-radius:31px 31px 8px 8px;background:#3a2e3270;clip-path:polygon(18% 100%,18% 42%,50% 0,82% 42%,82% 100%)}.seal-door{left:57px;top:72px;width:34px;height:48px;border-radius:17px 17px 5px 5px;background:#fff8f2db;clip-path:polygon(12% 100%,12% 34%,50% 0,88% 34%,88% 100%)}.seal-steps{left:38px;top:113px;width:76px;height:20px;border-radius:50%;background:#fff8f259}.seal-moon{left:103px;top:22px;width:19px;height:19px;border-radius:50%;background:#fff8f2e6}.seal-star{left:113px;top:42px;width:6px;height:6px;border-radius:50%;background:#fff8f2b8}.launch-page small,.login-page small{color:var(--qijing-muted);font-size:11px;font-weight:700}.login-help{position:absolute;left:0;right:0;bottom:0;color:#9a8a84;font-size:11px;font-weight:600;line-height:24px}.world-mark{position:relative;width:104px;height:104px;border:1px solid rgba(216,168,110,.55);border-radius:28px;background:linear-gradient(145deg,#34262e,#1f171d);box-shadow:0 18px 30px #2b202733}.world-mark.small{width:90px;height:90px}.world-mark span,.world-mark i,.world-mark b{position:absolute;display:block;background:var(--qijing-gold)}.world-mark span{left:28px;top:22px;width:48px;height:58px;border-radius:24px 24px 10px 10px;background:linear-gradient(180deg,#f4c98b,#d8a86e)}.world-mark i{left:18px;right:18px;bottom:22px;height:14px;transform:skew(-18deg);border-radius:9px}.world-mark b{right:26px;top:22px;width:18px;height:18px;border-radius:50%;background:#fff8f2}.bottom-actions{width:100%;display:grid;gap:10px}.login-actions{width:310px;display:grid;gap:12px;margin-top:18px}.login-actions .button{min-height:46px;border-radius:16px}.terms{display:flex;align-items:center;gap:7px;color:var(--qijing-muted);font-size:11px;font-weight:700}.login-page .terms{width:310px;justify-content:flex-start;gap:8px;margin-top:-2px;color:#7b6a66;line-height:1.35}.login-page .terms input{position:absolute;opacity:0;pointer-events:none}.terms-check{flex:0 0 auto;width:16px;height:16px;display:grid;place-items:center;border:1px solid var(--qijing-gold);border-radius:4px;color:#8a5e3e;background:#fff8f2}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segmented button{height:34px;border:1px solid var(--qijing-line);border-radius:12px;color:var(--qijing-muted);background:#fff8f2;font-size:12px;font-weight:900}.segmented button.active{color:#2b2027;border-color:var(--qijing-gold);background:var(--qijing-gold)}.runtime-layer{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20}.world-notice{position:absolute;left:18px;right:18px;top:88px;min-height:42px;display:flex;align-items:center;justify-content:center;padding:9px 14px;transform:translateY(-14px);opacity:0;border:1px solid rgba(216,168,110,.5);border-radius:14px;color:#f4c98b;background:#2b2027eb;font-size:12px;font-weight:900;line-height:1.35;transition:opacity .2s ease,transform .2s ease}.world-notice.show{transform:translateY(0);opacity:1}.state-delta{position:absolute;left:18px;right:18px;top:138px;display:flex;justify-content:center;gap:8px;opacity:0;transition:opacity .2s ease}.state-delta.show{opacity:1}.state-delta span{padding:6px 10px;border-radius:12px;color:#2b2027;background:var(--qijing-gold);font-size:11px;font-weight:900}.state-delta span[data-tone=jade]{color:#fff;background:var(--qijing-jade)}.state-delta span[data-tone=danger]{color:#fff;background:var(--qijing-crimson)}.toast{position:absolute;left:50%;bottom:118px;min-width:160px;max-width:280px;padding:10px 14px;transform:translate(-50%) translateY(12px);opacity:0;border-radius:16px;color:#fff8f2;background:#2b2027eb;text-align:center;font-size:12px;font-weight:900;transition:opacity .2s ease,transform .2s ease}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.cost-modal{pointer-events:auto;position:absolute;left:28px;right:28px;bottom:118px;display:grid;gap:10px;padding:16px;transform:translateY(18px);opacity:0;visibility:hidden;border:1px solid rgba(216,168,110,.55);border-radius:18px;background:#fffbf7f5;box-shadow:0 18px 44px #2b202738;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.cost-modal.show{transform:translateY(0);opacity:1;visibility:visible}.cost-modal strong{color:#8b4e60;font-size:15px;font-weight:900}.cost-modal p{margin:0;color:#6f615e;font-size:12px;font-weight:700;line-height:1.45}.cost-modal div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cost-modal button{height:38px;border:1px solid var(--qijing-line);border-radius:13px;background:#fff8f2;font-weight:900}.cost-modal button:last-child{border-color:var(--qijing-gold);background:var(--qijing-gold)}.control-panel{max-height:calc(100vh - 56px);overflow:hidden;display:flex;flex-direction:column;gap:14px;color:#fff8f2}.eyebrow{margin:0 0 8px;color:#f4c98b;font-size:11px;font-weight:900;text-transform:uppercase}.control-panel h1{margin:0 0 8px;font-family:var(--font-heading);font-size:30px;line-height:1.08}.note{margin:0;color:#fff8f2b8;font-size:12px;font-weight:700;line-height:1.5}.status-card,.runtime-panel,.event-log{padding:14px;border:1px solid rgba(216,168,110,.22);border-radius:16px;background:#fff8f214}.status-card{display:grid;gap:5px}.status-card span{color:#f4c98b;font-size:12px;font-weight:900}.status-card strong{font-size:18px;font-weight:900}.status-card em{color:#fff8f2b3;font-size:11px;font-style:normal;font-weight:700}.runtime-panel{display:grid;gap:12px}.meter-row{display:grid;grid-template-columns:36px 1fr 34px;gap:8px;align-items:center;color:#fff8f2c2;font-size:11px;font-weight:800}.meter-row div{height:8px;overflow:hidden;border-radius:8px;background:#fff8f226}.meter-row i{display:block;height:100%;border-radius:inherit;background:var(--qijing-gold)}.meter-row[data-tone=danger] i{background:var(--qijing-crimson)}.meter-row[data-tone=jade] i{background:var(--qijing-jade)}.runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.runtime-grid span{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:10px;background:#fff8f214;color:#fff8f2b8;font-size:11px;font-weight:700}.runtime-grid b{color:#fff8f2}.event-log h2{margin:0 0 10px;color:#f4c98b;font-size:13px}.event-log ol{display:grid;gap:8px;max-height:122px;overflow:auto;margin:0;padding-left:18px;color:#fff8f2b8;font-size:11px;font-weight:700;line-height:1.45}.panel-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel-actions button,.page-list button{border:1px solid rgba(216,168,110,.2);border-radius:12px;color:#fff8f2;background:#fff8f214;font-size:12px;font-weight:800}.panel-actions button{height:40px}.page-list{min-height:0;overflow:auto;display:grid;gap:7px;padding-right:4px}.page-list button{min-height:34px;padding:0 10px;text-align:left}.page-list button.active{color:#2b2027;border-color:var(--qijing-gold);background:var(--qijing-gold)}@media(max-width:860px){.stage{grid-template-columns:1fr;padding:16px}.control-panel{width:min(390px,100%);max-height:none;margin:0 auto}}@media(max-width:430px){.stage{padding:0}.phone{width:100vw;max-width:390px;height:844px;border-radius:0}}