:root{--panda-cyan: #00ffe7;--panda-purple: #7b2fff;--panda-gold: #ffcc00;--panda-red: #ff3366;--panda-green: #39ff6e;--panda-bg: #050510;--panda-panel: rgba(5, 5, 30, .9);--panda-border: rgba(0, 255, 231, .28);--panda-muted: rgba(182, 214, 226, .58);--panda-ink: #e9ffff;--panda-shadow: 0 0 35px rgba(0, 255, 231, .09), 0 18px 55px rgba(0, 0, 0, .38);font-family:Share Tech Mono,Microsoft YaHei,monospace}#panda-ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:0;background:linear-gradient(rgba(75,151,190,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(75,151,190,.15) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(33,39,123,.3),transparent 62%),var(--panda-bg);background-size:72px 72px,72px 72px,100% 100%,auto;transition:opacity .22s ease,visibility .22s ease}#panda-ui.is-playing{opacity:0;visibility:hidden;pointer-events:none}.panda-shell{width:min(100%,720px);min-height:100dvh;max-height:100dvh;overflow:auto;position:relative;color:var(--panda-ink);background:linear-gradient(180deg,#04051bf5,#050510fa);border:1px solid rgba(0,255,231,.28);border-radius:3px;box-shadow:var(--panda-shadow);scrollbar-width:none}.panda-shell::-webkit-scrollbar{display:none}.panda-screen{min-height:100dvh;padding:34px 38px 40px;position:relative;overflow:hidden;box-sizing:border-box}.panda-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 46%,rgba(0,255,231,.04) 46.2% 46.4%,transparent 46.6% 100%)}.panda-title{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#04051be0}.panda-title:after{content:"";position:absolute;width:420px;height:210px;left:50%;top:34%;transform:translate(-50%,-50%);border:1px solid rgba(0,255,231,.16);box-shadow:0 0 80px #00ffe71f,inset 0 0 60px #7b2fff14;pointer-events:none}.panda-logo{display:flex;align-items:center;gap:11px;color:var(--panda-cyan);font:700 11px/1 Orbitron,monospace;letter-spacing:.2em;position:relative;z-index:1;text-shadow:0 0 18px rgba(0,255,231,.5)}.logo-ear{display:none}.panda-mascot{display:grid;place-items:center;width:80px;height:80px;margin:22px 0 16px;font-size:48px;background:#00ffe70f;border:1px solid rgba(0,255,231,.45);border-radius:50%;box-shadow:0 0 26px #00ffe740,inset 0 0 28px #7b2fff24;transform:none;position:relative;z-index:1}.eyebrow{margin:0 0 12px;color:var(--panda-muted);font:10px/1 Orbitron,monospace;letter-spacing:.28em;text-transform:uppercase;position:relative;z-index:1}.panda-title h1,.panda-screen h2{margin:0;color:var(--panda-cyan);font-family:Orbitron,monospace;font-size:clamp(31px,8vw,58px);line-height:1.08;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:1;text-shadow:0 0 20px rgba(0,255,231,.48),0 0 50px rgba(0,255,231,.18)}.panda-title h1 em,.panda-screen h2 em{color:var(--panda-purple);font-style:normal}.title-copy,.screen-copy{color:var(--panda-muted);font-size:13px;line-height:1.8;position:relative;z-index:1}.title-copy{margin:17px 0 22px}.title-meta{display:flex;gap:10px;color:#b6d6e26b;font-size:10px;margin-top:18px;position:relative;z-index:1;letter-spacing:.08em}.tutorial-tip{max-width:420px;margin-top:17px;padding:9px 12px;color:var(--panda-muted);background:#00ffe70a;border:1px solid rgba(0,255,231,.18);border-radius:3px;font-size:10px;line-height:1.6;position:relative;z-index:1}.tutorial-tip span{display:inline-block;margin-right:6px;color:var(--panda-cyan);font-weight:700}.floating-sticker{display:none}.candy-button{border:1px solid var(--panda-cyan);border-radius:2px;min-height:54px;padding:0 30px;color:var(--panda-cyan);background:transparent;font:13px/1 Orbitron,monospace;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 18px #00ffe714;transition:transform .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease;position:relative;z-index:1}.candy-button:hover{color:#061018;background:var(--panda-cyan);transform:translateY(-2px);box-shadow:0 0 28px #00ffe75c}.candy-button:active{transform:translateY(1px)}.candy-button-primary{background:transparent}.candy-button-primary span{margin-left:8px;font-size:17px;vertical-align:-1px}.full-width{width:100%;margin-top:18px}.text-button,.back-link{border:0;background:transparent;color:var(--panda-muted);cursor:pointer;font:11px/1.4 inherit}.text-button{display:block;margin:23px auto 0;text-decoration:underline;text-underline-offset:4px}.market-cards,.diff-cards{display:flex;gap:14px;width:min(100%,560px);margin:25px auto 29px;position:relative;z-index:1}.market-card,.diff-card{flex:1;min-width:0;padding:18px 12px;color:var(--panda-muted);text-align:center;border:1px solid rgba(255,255,255,.14);border-radius:3px;background:#05051e8f;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s;font-family:inherit}.market-card:hover,.diff-card:hover{transform:translateY(-2px)}.market-card.is-selected,.diff-card.selected{transform:translateY(-3px);background:#00ffe70d}.market-card[data-market=fund],.diff-card[data-diff=easy]{border-color:#39ff6e61}.market-card[data-market=cn-stock],.diff-card[data-diff=medium]{border-color:#ffcc0061}.market-card[data-market=us-stock],.diff-card[data-diff=hard]{border-color:#ff336661}.market-card[data-market=fund].is-selected,.market-card[data-market=fund]:hover,.diff-card[data-diff=easy].selected,.diff-card[data-diff=easy]:hover{border-color:var(--panda-green);box-shadow:0 0 24px #39ff6e3d}.market-card[data-market=cn-stock].is-selected,.market-card[data-market=cn-stock]:hover,.diff-card[data-diff=medium].selected,.diff-card[data-diff=medium]:hover{border-color:var(--panda-gold);box-shadow:0 0 24px #ffcc003d}.market-card[data-market=us-stock].is-selected,.market-card[data-market=us-stock]:hover,.diff-card[data-diff=hard].selected,.diff-card[data-diff=hard]:hover{border-color:var(--panda-red);box-shadow:0 0 24px #ff33663d}.market-card strong,.diff-card .diff-name{display:block;margin-bottom:9px;color:var(--panda-cyan);font:700 12px/1.3 Orbitron,monospace;letter-spacing:.15em}.market-card[data-market=fund] strong,.diff-card[data-diff=easy] .diff-name{color:var(--panda-green)}.market-card[data-market=cn-stock] strong,.diff-card[data-diff=medium] .diff-name{color:var(--panda-gold)}.market-card[data-market=us-stock] strong,.diff-card[data-diff=hard] .diff-name{color:var(--panda-red)}.market-card small,.diff-card .diff-desc{display:block;color:var(--panda-muted);font-size:10px;line-height:1.7;letter-spacing:.08em}.market-card em{display:block;margin-top:10px;color:#00ffe780;font-style:normal;font-size:10px;letter-spacing:.08em}.metric-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 24px}.metric-ribbon>div,.progress-card,.result-fragment,.recommendation-card,.fragment-card,.map-node,.skill-card{border:1px solid var(--panda-border);border-radius:3px;background:var(--panda-panel);box-shadow:0 0 18px #00ffe70d}.metric-ribbon>div{padding:12px 10px}.metric-ribbon small{display:block;color:var(--panda-muted);font-size:10px}.metric-ribbon strong{display:block;margin-top:4px;color:var(--panda-cyan);font:18px/1 Orbitron,monospace}.next-step-panel{display:none;margin-top:16px;padding:16px;border:1px solid rgba(57,255,110,.4);border-radius:3px;background:#39ff6e0f}.next-step-panel.is-visible{display:block;animation:panel-in .18s ease-out}.next-step-panel strong{display:block;color:var(--panda-green);font-size:13px}.next-step-panel p{margin:7px 0 12px;color:var(--panda-muted);font-size:11px;line-height:1.6}.next-step-panel .candy-button{min-height:44px;padding:0 16px;font-size:11px}.task-status{display:inline-flex;padding:7px 10px;border:1px solid rgba(57,255,110,.36);border-radius:2px;color:var(--panda-green);background:#39ff6e0f;font-size:10px}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.step-chip,.avatar-chip{padding:8px 11px;border:1px solid var(--panda-border);border-radius:2px;color:var(--panda-cyan);background:#00ffe70a;font:10px/1 Orbitron,monospace;letter-spacing:.08em}.setup-hero{position:relative;width:95px;height:95px;margin:12px auto 24px}.hero-orb{display:grid;place-items:center;width:88px;height:88px;font-size:50px;background:#00ffe70d;border:1px solid var(--panda-cyan);border-radius:50%;box-shadow:0 0 25px #00ffe740}.sparkle{position:absolute;right:0;top:4px;color:var(--panda-gold);font-size:18px}.setup-hero+.eyebrow,.setup-hero+.eyebrow+h2,.setup-hero+.eyebrow+h2+.screen-copy{text-align:center}.input-label{display:block;margin:25px 0 8px;color:var(--panda-muted);font-size:11px}.candy-input{width:100%;box-sizing:border-box;border:1px solid var(--panda-border);border-radius:2px;padding:15px 16px;outline:none;color:var(--panda-ink);background:#05051eb8;font:13px inherit;transition:border-color .15s,box-shadow .15s}.candy-input:focus{border-color:var(--panda-cyan);box-shadow:0 0 0 3px #00ffe71f}.map-title{display:block;margin-top:4px;color:var(--panda-cyan);font:22px/1 Orbitron,monospace;letter-spacing:.06em}.progress-card{margin:0 0 20px;padding:17px 17px 15px}.progress-card>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:10px}.progress-card strong{font-size:13px}.muted-label{color:var(--panda-muted);font-size:10px}.progress-percent{color:var(--panda-cyan);font:19px/1 Orbitron,monospace}.progress-track{height:8px;margin-top:12px;overflow:hidden;border-radius:999px;background:#ffffff14}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--panda-cyan),var(--panda-purple));box-shadow:0 0 10px #00ffe780}.map-list{display:flex;flex-direction:column;align-items:stretch;gap:10px}.map-path{width:1px;height:14px;margin:-4px 0 -4px 27px;background:#00ffe747}.map-node{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 11px 11px 9px;text-align:left;cursor:pointer;transition:transform .15s,border-color .15s}.map-node:hover:not(:disabled){transform:translate(3px);border-color:var(--node-accent)}.map-node.is-current{border-color:var(--node-accent);background:linear-gradient(110deg,var(--node-soft),rgba(5,5,30,.92) 76%)}.map-node.is-locked{opacity:.48;cursor:not-allowed}.node-icon{display:grid;place-items:center;width:43px;height:43px;color:#061018;border-radius:3px;background:var(--node-accent);font-size:20px;font-weight:1000;box-shadow:0 0 15px color-mix(in srgb,var(--node-accent) 35%,transparent)}.node-copy{display:flex;flex-direction:column;gap:3px}.node-copy strong{font-size:13px}.node-copy small{color:var(--panda-muted);font-size:10px}.node-status{color:var(--panda-muted);font-size:10px;white-space:nowrap}.is-current .node-status{color:var(--node-accent)}.map-tip{display:flex;gap:10px;margin-top:23px;padding:13px;border:1px solid rgba(123,47,255,.28);border-radius:3px;color:var(--panda-muted);background:#7b2fff0f;font-size:11px;line-height:1.7}.map-tip span{font-size:20px}.map-tip p{margin:0}.level-heading{display:flex;align-items:center;gap:13px;margin-bottom:10px}.level-heading h2{font-size:27px}.level-heading .eyebrow{margin-bottom:4px;color:var(--level-accent)}.level-icon{display:grid;place-items:center;width:55px;height:55px;color:#061018;background:var(--level-accent);border-radius:3px;font-size:25px;font-weight:1000}.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:23px}.skill-card{position:relative;display:grid;grid-template-columns:92px 1fr;column-gap:11px;align-items:center;min-width:0;padding:10px;text-align:left;color:var(--panda-ink);cursor:pointer;transition:all .16s}.skill-card:hover{transform:translateY(-2px)}.skill-card.is-selected{border-color:var(--panda-cyan);background:#00ffe70d;box-shadow:0 0 0 3px #00ffe71a}.skill-card-art{display:block;width:92px;height:132px;object-fit:cover;border:1px solid rgba(0,255,231,.25);border-radius:2px;filter:saturate(.86) contrast(1.03)}.skill-card-copy{min-width:0}.card-top{display:flex;align-items:center;gap:5px;margin-bottom:7px}.card-icon{display:grid;place-items:center;width:24px;height:24px;color:#061018;background:linear-gradient(145deg,var(--panda-cyan),#2fb7ff);border-radius:2px;font-size:13px;font-weight:1000}.skill-card:nth-child(2) .card-icon{background:linear-gradient(145deg,#ffe066,#ff8b4b)}.skill-card:nth-child(3) .card-icon{background:linear-gradient(145deg,#b89cff,var(--panda-purple))}.skill-card:nth-child(4) .card-icon{background:linear-gradient(145deg,#ffcf66,#e58b4b)}.skill-card:nth-child(5) .card-icon{background:linear-gradient(145deg,#d6a7ff,#7b2fff)}.rarity{padding:3px 6px;border-radius:2px;font-size:9px}.rarity.common{color:var(--panda-muted);background:#ffffff14}.rarity.rare{color:var(--panda-cyan);background:#00ffe714}.rarity.epic{color:#c2a7ff;background:#7b2fff24}.skill-card strong{display:block;font-size:13px}.skill-card p,.skill-card small{display:block;margin:4px 0 0;color:var(--panda-muted);font-size:10px;line-height:1.45}.skill-card small{color:#b6d6e26b}.skill-card-key{display:block;margin-top:8px;color:var(--panda-cyan);font-size:9px;letter-spacing:.05em}.reward-screen,.result-screen{text-align:center;background:#04051bf5}.reward-screen h2{margin-top:12px;font-size:34px}.reward-panda,.result-panda{display:grid;place-items:center;width:82px;height:82px;margin:38px auto 18px;font-size:48px;background:#00ffe70d;border:1px solid var(--panda-cyan);border-radius:50%;box-shadow:0 0 25px #00ffe733}.fragment-card{display:flex;align-items:center;gap:13px;margin:22px 0 14px;padding:15px;text-align:left;background:linear-gradient(110deg,var(--fragment-soft),rgba(5,5,30,.92));border-color:var(--fragment-accent)}.fragment-card>span{display:grid;place-items:center;width:45px;height:45px;color:#061018;background:var(--fragment-accent);border-radius:3px;font-size:22px;font-weight:1000}.fragment-card div{display:flex;flex-direction:column;gap:3px}.fragment-card strong{font-size:15px}.fragment-card small{color:var(--panda-muted);font-size:10px}.confetti{position:absolute;width:9px;height:19px;border-radius:2px;opacity:.7}.confetti-a{left:28%;top:22%;background:var(--panda-cyan);transform:rotate(24deg)}.confetti-b{right:20%;top:29%;background:var(--panda-purple);transform:rotate(-22deg)}.confetti-c{left:17%;top:42%;background:var(--panda-gold);transform:rotate(-47deg)}.result-hero{padding:18px 0 21px;border-bottom:1px solid rgba(0,255,231,.18)}.result-panda{margin:20px auto 17px;width:70px;height:70px;font-size:40px}.result-hero h2{font-size:27px}.result-hero p{color:var(--panda-muted);font-size:11px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:22px 0 10px;font-size:15px;text-align:left}.section-heading small{color:var(--panda-muted);font-size:10px}.result-fragments,.recommendation-list{display:grid;gap:9px}.result-fragment{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;text-align:left}.result-icon{display:grid;place-items:center;width:36px;height:36px;color:#061018;background:var(--fragment-accent);border-radius:3px;font-weight:1000}.result-fragment div{display:flex;flex-direction:column;gap:2px}.result-fragment small{color:var(--panda-muted);font-size:10px}.result-fragment strong{font-size:12px}.result-fragment p{margin:1px 0 0;color:#b6d6e27a;font-size:10px}.recommendation-card{padding:14px;text-align:left}.recommendation-kind{display:inline-block;margin-bottom:6px;color:var(--panda-cyan);font-size:9px;letter-spacing:.08em}.recommendation-card strong{display:block;font-size:13px}.recommendation-card p{margin:5px 0 9px;color:var(--panda-muted);font-size:10px;line-height:1.6}.recommendation-card button{border:0;padding:0;color:var(--panda-cyan);background:transparent;font:10px inherit;cursor:pointer}@media(max-width:600px){.panda-shell{width:100%;border-left:0;border-right:0}.panda-screen{padding:28px 20px 32px}.market-cards,.diff-cards{gap:8px}.market-card,.diff-card{padding:14px 8px}.panda-title:after{width:320px}.skill-grid{grid-template-columns:1fr}}@media(max-width:380px){.market-cards,.diff-cards{flex-direction:column;align-items:stretch}}@media(max-height:720px){.panda-screen{padding-top:18px;padding-bottom:22px}.panda-mascot{width:66px;height:66px;font-size:42px;margin:13px 0 11px}.panda-title h1{font-size:33px}.title-copy{margin:11px 0 17px}.screen-topline{margin-bottom:24px}}