*{box-sizing:border-box} :root{--ink:#3b3267;--muted:#9085b2;--lav:#9775ef;--mint:#82eddb;--gold:#ffe29b}body{margin:0;background:#17182f;color:#fff;font-family:'Microsoft YaHei','PingFang SC',sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #88f8e4;outline-offset:3px}button:disabled{cursor:default}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 66% 60%,#6740b44d,transparent 55%),linear-gradient(125deg,#171a30,#232039 55%,#21243d);pointer-events:none}.ambient:after{content:'';position:absolute;inset:0;opacity:.25;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:81px 97px}.studio{position:relative;max-width:1420px;min-height:100vh;margin:auto;display:flex;align-items:center;justify-content:center;gap:50px;padding:32px 42px}.intro{flex:1;max-width:590px;align-self:stretch;display:flex;flex-direction:column;padding:26px 0}.brand{text-decoration:none;color:#fff;font-size:32px;font-weight:1000;letter-spacing:3px}.brand span{display:block;font-size:8px;letter-spacing:3px;font-weight:400;color:#b7afcf;margin-top:9px}.intro-copy{margin:auto 0}.eyebrow{font-size:10px;letter-spacing:3px;color:#aca0c8}.intro h1{font-size:clamp(34px,3.9vw,57px);line-height:1.5;letter-spacing:2px;margin:22px 0;font-weight:700}.intro h1 span{color:#b9a2fc;font-size:45px;margin-left:16px}.intro p{font-size:14px;line-height:2.2;color:#b5b0ca}.route{display:flex;align-items:center;gap:11px;margin-top:35px;font-size:10px;color:#d5c9f1}.route i{width:22px;height:1px;background:#63547f}.intro-bottom{font-size:10px;color:#c2bad7;line-height:2.6}.intro-bottom small{font-size:9px;color:#807992}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ce8d9;margin-right:7px;box-shadow:0 0 12px #82eddb}.device{position:relative;flex:none;width:420px;height:846px;max-height:calc(100vh - 64px);min-height:680px;border-radius:34px;overflow:hidden;background:#39366f;border:7px solid #ffffff18;box-shadow:0 35px 100px #0005,0 0 0 1px #bcb5e32b}#app{height:100%;overflow:hidden;position:relative;background:#483d91}#fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:90}.tools{width:36px;display:flex;flex-direction:column;gap:13px;align-items:center}.tools button{width:36px;height:36px;border:1px solid #ffffff20;border-radius:50%;color:#bfb1df;background:#ffffff08;font-size:18px}.tools button.on{background:#ac8ef344;color:#fff}.tool-line{width:1px;height:90px;background:#ffffff18;margin-top:15px}.vertical{writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#78718e}.screen{height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#25234e10,#a79cdf35),url('assets/sky.webp') center/cover}.screen:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#25215199,#6e61b322 40%,#a89ee177);pointer-events:none}.screen>*{position:relative}.topbar{height:57px;display:flex;align-items:center;padding:10px 18px;justify-content:space-between}.back,.small-icon{border:1px solid #ffffff36;background:#fff1;color:#fff;width:30px;height:30px;border-radius:12px;font-size:20px;box-shadow:inset 0 1px #ffffff30}.top-title{font-size:12px;color:#e6e0f9;letter-spacing:3px}.currency{display:flex;gap:6px;align-items:center;color:#fff;font-size:11px;background:#251e4d78;border-radius:16px;padding:6px 9px;border:1px solid #fff2}.currency svg{width:15px;height:15px}.page-title{text-align:center;margin:10px 0 16px}.page-title .en{font-size:8px;letter-spacing:6px;color:#b5a3ee}.page-title h2{margin:3px 0;font-size:31px;font-weight:700;letter-spacing:7px;text-shadow:0 2px 14px #b594fc9c}.page-title p{font-size:10px;letter-spacing:1px;color:#d2c4ee;margin:8px 0}.tabs{margin:0 42px;display:flex;gap:4px;background:#241d4f80;border:1px solid #d0bfff40;border-radius:24px;padding:4px}.tabs button{flex:1;border-radius:19px;padding:9px 0;background:none;color:#c9b9e9;font-size:12px;letter-spacing:3px}.tabs button.active{background:linear-gradient(135deg,#e5d7ff,#a58af1);color:#473871;box-shadow:0 2px 12px #130c3750,inset 0 1px #fff;font-weight:bold}.categories{display:flex;justify-content:center;gap:7px;margin:16px 13px 0}.categories button{background:transparent;color:#c9bee4;padding:5px 8px;font-size:10px;border-radius:12px;border:1px solid transparent;white-space:nowrap}.categories button.active{color:#fff1bc;border-color:#ebd09666;background:#f8dca21a}.constellation{position:relative;flex:1;min-height:228px;margin:0 15px;max-height:310px}.orbit{position:absolute;width:225px;height:225px;border:1px solid #e0d1ff36;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit:after{content:'';position:absolute;inset:24px;border:1px dashed #c9b0fc44;border-radius:50%}.orbit.outer{width:310px;height:310px;border-color:#c6b0f52b}.orbit.outer:after{inset:7px;border-style:solid;border-color:#c6b0f51f}.path-stars{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.path-stars path{stroke:#c4b1ff60;stroke-width:1;fill:none;stroke-dasharray:3 6}.node{position:absolute;width:68px;height:83px;transform:translate(-50%,-50%);background:none;color:#fff;display:flex;align-items:center;flex-direction:column;gap:5px;font-size:10px;z-index:2}.node .orb{height:51px;width:51px;display:grid;place-items:center;border-radius:50%;border:1px solid #e4d5ff7a;background:radial-gradient(circle at 30% 20%,#ffffff55,#a897e635 50%,#c0a8fa55);box-shadow:inset 0 -5px 9px #dddaff33,0 0 15px #b895ff30;position:relative}.node .orb:before{content:'';position:absolute;width:13px;height:4px;background:#fffc;border-radius:50%;top:7px;left:8px;transform:rotate(-35deg)}.node svg{height:28px;width:28px;filter:drop-shadow(0 2px 3px #32265855)}.node.selected .orb{width:68px;height:68px;border:2px solid #fff4c4;background:radial-gradient(circle at 30% 20%,#fff6bb77,#a793dc66);box-shadow:0 0 25px #ffdf9970,inset 0 0 16px #ffedb850}.node.selected{width:90px;height:99px}.node.selected svg{width:42px;height:42px}.node.selected span:last-child{color:#fff2b7}.node.locked .orb{opacity:.55;filter:saturate(.5)}.node .badge{position:absolute;bottom:-2px;right:-5px;font-size:8px;color:#fff;background:#8672bb;border:1px solid #c5abe4;padding:1px 5px;border-radius:8px}.node .badge.learned{background:#68b9ae}.tiny-star{position:absolute;color:#e9d9ff;font-size:16px;text-shadow:0 0 9px #bba0ff;animation:twinkle 3s infinite alternate}.selected-label{position:absolute;left:50%;bottom:1px;transform:translateX(-50%);font-size:8px;letter-spacing:3px;color:#d7c9f3;white-space:nowrap}.detail{margin:8px 15px 0;padding:17px 18px 14px;border:1px solid #fbf6ff;border-radius:21px;background:linear-gradient(140deg,#fffafa,#e9e4fb);color:var(--ink);box-shadow:0 8px 28px #19123e35,inset 0 0 0 4px #fff5;z-index:4}.detail-head{display:flex;align-items:center;gap:10px}.detail-icon{display:grid;place-items:center;border-radius:13px;background:#ebe2ff;width:45px;height:45px;border:1px solid #cfc0ed}.detail-icon svg{width:32px;height:32px}.detail h3{font-size:18px;letter-spacing:1px;margin:0 0 4px}.detail h3 small{font-size:9px;letter-spacing:0;color:#a490c1;margin-left:8px}.pill{display:inline-block;border-radius:8px;padding:2px 6px;background:#f1deb8;font-size:8px;color:#9d763b}.detail .desc{font-size:11px;line-height:1.8;color:#827599;margin:10px 0}.conditions{display:flex;gap:8px;margin:9px 0}.condition{font-size:9px;display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:6px;background:#fff9;color:#827599}.condition.ok{color:#569c90}.rewards-line{border-top:1px dashed #d7cce9;padding:10px 0 8px;font-size:9px;color:#9a8baa;display:flex;align-items:center;justify-content:space-between}.reward-chip{color:#8e6cae;display:flex;gap:4px;align-items:center}.reward-chip svg{height:16px;width:16px}.primary{display:block;width:100%;border-radius:25px;background:linear-gradient(180deg,#b499f7,#8c6be0);border:1px solid #bda8fa;color:white;padding:12px;font-size:13px;font-weight:bold;letter-spacing:3px;box-shadow:0 4px 0 #7859bd,0 7px 13px #8e6dd72e,inset 0 1px #eaddff;transition:transform .15s}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #7859bd}.primary:disabled{background:linear-gradient(#cbc3dc,#b2a9c6);box-shadow:0 4px 0 #9e94b2;border-color:#d6cce8;color:#f6f3fb}.primary.mint{background:linear-gradient(#9aead6,#58bda8);border-color:#b0f2dc;box-shadow:0 4px 0 #3c978c}.detail-foot{font-size:8px;text-align:center;color:#a291ba;margin-top:9px;min-height:11px}.bottomnav{height:64px;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(#bca9de2b,#413a71c9);padding:5px 10px;margin-top:14px;border-top:1px solid #fff2;flex-shrink:0}.bottomnav button{background:none;color:#cfc3ec;font-size:9px;display:flex;align-items:center;gap:4px;flex-direction:column;width:60px}.bottomnav svg{width:23px;height:23px}.bottomnav button.active{color:#f6e1ff;text-shadow:0 0 9px #e0baff}.bottomnav button.active:before{content:'';width:35px;height:3px;border-radius:5px;position:absolute;bottom:58px;background:#dfb6ff;box-shadow:0 0 12px #d9aaff}.hint{font-size:9px;color:#bdb0d7;text-align:center;margin:12px 0 0}.home{background:#b8b1e3 url('assets/room.webp') center/cover}.home:before{display:none}.home .home-overlay{position:absolute;bottom:72px;left:20px;right:20px;background:#fffedff0;padding:18px;border:1px solid #fff;border-radius:22px;color:#51416e;box-shadow:0 6px 25px #69548b40}.home-overlay .eyebrow{color:#9886b7;font-size:8px}.home-overlay h2{font-size:23px;margin:8px 0}.home-overlay p{color:#9c89ab;font-size:10px;margin-bottom:16px}.home .bottomnav{margin-top:auto;background:#493663aa}.home .float-talent{position:absolute;top:44%;right:20px;background:linear-gradient(#cfb5ff,#9873dc);border:2px solid #f4e8ff;color:white;border-radius:20px;padding:12px;box-shadow:0 0 20px #f6ddff;font-size:12px;animation:float 3s infinite ease-in-out}.home .float-talent svg{width:40px;height:40px;display:block;margin:auto}.ring-stage{position:relative;flex:1;min-height:200px;display:grid;place-items:center;margin-top:9px;max-height:280px}.ring-stage .orbit{width:230px;height:230px;animation:orbit 45s linear infinite}.ring-stage .orbit:after{inset:12px}.ring-display{width:143px;height:143px;position:relative;display:grid;place-items:center;animation:float 4s ease-in-out infinite}.ring-display:before{content:'';position:absolute;inset:-28px;border-radius:50%;background:radial-gradient(circle,var(--ring-color,#d7bdff) 0%,transparent 65%);opacity:.23;filter:blur(8px)}.ring-display svg{width:130px;height:130px;position:relative;filter:drop-shadow(0 0 20px var(--ring-color,#b8a0fc))}.ring-switch{display:flex;gap:15px;justify-content:center;margin-top:2px}.ring-switch button{background:#35295560;border:1px solid #dbc7f15c;color:#d8c9ed;border-radius:15px;padding:7px 10px;font-size:9px;display:flex;gap:5px;align-items:center}.ring-switch svg{width:23px;height:23px}.ring-switch button.active{background:#e2d2ff35;border-color:#ffe6a7;color:#fff1bc}.ring-status{position:absolute;bottom:12px;font-size:9px;letter-spacing:2px;color:#f2ddaf}.energy-line{display:flex;justify-content:space-between;font-size:9px;color:#9a83ad;margin:10px 0 5px}.progress{height:9px;border-radius:8px;background:#d9d0e9;overflow:hidden;border:1px solid #cdc0e1}.progress i{display:block;height:100%;background:linear-gradient(90deg,#9fdfe2,#ad8df0,#e2bbfa);box-shadow:0 0 9px #fff;border-radius:8px;transition:width .6s}.ring-meta{font-size:9px;color:#a194b4;margin:7px 0 10px;display:flex;justify-content:space-between}.ring-meta button{font-size:9px;background:none;color:#9671c4;text-decoration:underline;padding:0}.ring-hint{font-size:9px;color:#9585aa;line-height:1.6;margin:6px 0 10px}.mini-actions{display:flex;gap:6px;margin-top:9px}.mini-actions button{background:#e8def6;color:#8f76ac;padding:7px 4px;border-radius:9px;flex:1;font-size:9px}.mining{background:radial-gradient(ellipse at 50% 20%,#8475bb,#38315f 60%,#26263c)}.mining:before{background:radial-gradient(ellipse at 45% 80%,#a57bf22a,transparent)}.mine-title{text-align:center;margin:15px 0 5px;font-size:24px;letter-spacing:3px}.mine-sub{text-align:center;font-size:10px;color:#c2b0db}.mine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:28px 25px;flex:1;align-content:center;perspective:800px}.rock{position:relative;aspect-ratio:1;border-radius:16px 23px 13px 25px;border:2px solid #b4a5d44d;background:linear-gradient(140deg,#8a7caa,#5a4e78 50%,#433858);box-shadow:inset 5px 6px 0 #a295ba55,inset -5px -6px 0 #30294477,0 8px 0 #29263e;display:grid;place-items:center;transition:transform .15s}.rock:hover{transform:translateY(-3px)}.rock:active{transform:translateY(5px)}.rock svg{width:45px;height:45px;opacity:.75}.rock.open{background:#a98ade12;box-shadow:inset 0 0 20px #c3a4ff22;border:1px dashed #b99bda66;border-radius:14px}.rock.open svg{opacity:1;animation:float 3s infinite}.rock .shine{position:absolute;right:10px;top:10px;color:#e6daff;font-size:12px}.mine-inventory{margin:0 24px 15px;border-radius:15px;background:#fff1;border:1px solid #fff2;display:flex;justify-content:space-around;padding:12px;color:#e5d9f4;font-size:11px}.mine-inventory b{color:#ffe0a1}.mine-panel{margin:0 20px 22px;padding:15px;background:#f3ecfd;border:1px solid #fff;border-radius:19px;color:#5a4677;text-align:center}.mine-panel p{font-size:11px;margin:0 0 14px;color:#9480a9}.floor-dots{display:flex;gap:7px;justify-content:center;margin:12px}.floor-dots i{height:5px;width:25px;background:#ffffff25;border-radius:5px}.floor-dots i.active{background:#dbc0ff;box-shadow:0 0 10px #c39bf0}#toast{position:absolute;bottom:100px;left:50%;transform:translate(-50%,10px);background:#302746ed;border:1px solid #ceb1f47d;color:#fff;padding:10px 17px;white-space:nowrap;border-radius:18px;font-size:11px;opacity:0;pointer-events:none;z-index:150;transition:.25s}#toast.visible{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#100d25b8;backdrop-filter:blur(7px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:360px;max-width:100%;max-height:90vh;overflow:auto;border-radius:26px;background:linear-gradient(145deg,#fffafd,#e9e0fb);color:var(--ink);padding:25px;border:2px solid #fff;box-shadow:0 30px 80px #0005;animation:pop .3s ease-out;position:relative}.modal .close{position:absolute;top:12px;right:14px;background:none;color:#9b86b6;font-size:20px}.modal h2{font-size:22px;text-align:center;margin:13px 0}.modal p{font-size:11px;line-height:1.9;color:#9382a8}.modal .secondary{display:block;background:none;color:#9a84b7;font-size:10px;padding:15px 0 0;width:100%}.modal .reward-orb{margin:20px auto 12px;width:110px;height:110px;border-radius:50%;border:2px solid #fff;background:radial-gradient(circle at 30% 20%,#fff,#d7c4f4aa 40%,#bbe4ef80);box-shadow:0 0 25px #b798ed88,inset 0 -7px 16px #fff9;display:grid;place-items:center}.reward-orb svg{width:65px;height:65px}.modal .sub{text-align:center;font-size:10px;color:#ae92c7;letter-spacing:3px}.reward-items{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:17px 0 22px}.reward-items span{padding:8px 11px;background:#e3d9f3;border:1px solid #d9c9ea;border-radius:9px;font-size:10px;color:#88709e}.friend-list{margin:14px 0}.friend-row{display:flex;align-items:center;gap:10px;background:#fff7;border:1px solid #e3d6ef;border-radius:12px;padding:10px;margin:7px 0;font-size:11px}.friend-row input{accent-color:#9a7cde;width:18px;height:18px}.friend-avatar{font-size:24px}.friend-row small{font-size:9px;color:#ab9abc;display:block;margin-top:4px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.demo-grid button{background:#e0d2f6;color:#796199;border:1px solid #cdb9eb;padding:13px 5px;border-radius:12px;font-size:11px}.demo-grid button.danger{color:#ac758b;background:#f3dfe7}.cast-overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#9880eb33,#17102ee0);z-index:80;pointer-events:none;animation:appear .3s}.cast-overlay .ring-display{width:200px;height:200px;animation:cast 1.8s ease-out forwards}.cast-overlay svg{width:180px;height:180px}.cast-caption{position:absolute;bottom:24%;text-align:center;font-size:23px;letter-spacing:5px;text-shadow:0 0 20px #d1afff}.cast-caption small{display:block;font-size:10px;letter-spacing:3px;margin-top:10px;color:#e1cdf1}.cast-wave{position:absolute;width:180px;height:180px;border:2px solid var(--cast-color,#dcbbff);border-radius:50%;box-shadow:0 0 25px var(--cast-color,#dcbbff);animation:wave 1.8s ease-out infinite}.reduced *{animation-duration:.01s!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reduced .cast-overlay .ring-display{opacity:1;transform:none}.reduced .cast-wave{display:none}@keyframes twinkle{to{opacity:.25;transform:scale(.7)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes orbit{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pop{from{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:none}}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes cast{0%{transform:scale(.4) rotate(-25deg);opacity:0}35%{transform:scale(1.1);opacity:1}70%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}@keyframes wave{from{transform:scale(.4);opacity:1}to{transform:scale(3);opacity:0}}@media(min-width:800px) and (max-height:820px){.studio{padding:18px 40px;gap:40px}.device{height:760px;min-height:620px;max-height:calc(100vh - 36px)}.topbar{height:46px}.page-title{margin:4px 0 12px}.page-title h2{font-size:27px}.constellation{min-height:190px}.detail{padding:12px 16px}.detail .desc{margin:6px 0}.bottomnav{height:56px;margin-top:10px}.detail-foot{margin-top:6px}.categories{margin-top:10px}.ring-stage{min-height:170px}.ring-stage .orbit{width:190px;height:190px}.ring-display svg{width:110px;height:110px}.hint{margin:8px 0}.intro h1{font-size:45px}}@media(max-width:950px){.studio{gap:22px;padding:22px}.intro{max-width:310px}.intro h1{font-size:32px}.intro p{font-size:11px}.route{flex-wrap:wrap;font-size:9px;gap:7px}.tools{display:none}}@media(max-width:700px){body{background:#443b7c}.studio{padding:0;display:block;min-height:100dvh}.intro,.tools{display:none}.device{width:100%;height:100dvh;max-height:none;min-height:620px;border:0;border-radius:0;box-shadow:none}.constellation{max-height:none}.screen{padding-bottom:env(safe-area-inset-bottom)}.topbar{padding-top:max(10px,env(safe-area-inset-top));height:58px}.modal-backdrop{padding:20px}.page-title h2{font-size:30px}}@media(max-width:700px) and (max-height:760px){.page-title{margin:3px 0 10px}.page-title h2{font-size:25px}.constellation{min-height:180px}.detail{padding:12px 15px}.detail .desc{margin:5px 0}.bottomnav{height:55px;margin-top:9px}.ring-stage{min-height:160px}.categories{margin-top:10px}.ring-stage .orbit{width:180px;height:180px}}
.condition svg{width:12px;height:14px}
.constellation{min-height:195px}.ring-stage{min-height:155px}.bottomnav{position:relative}.bottomnav button.active:before{bottom:58px}.detail{flex-shrink:0}@media(max-width:700px) and (max-height:760px){.constellation{min-height:150px}.ring-stage{min-height:130px}.page-title{margin:1px 0 7px}.page-title p{margin:5px 0}.topbar{height:45px}.detail .desc{font-size:10px}}
/* V1.1 角色等级主轴与底部操作区 */
.orbit,.path-stars,.tiny-star,.selected-label,.screen:before{pointer-events:none}
.categories{position:relative;z-index:8;flex-shrink:0;margin:12px 14px 10px;gap:5px}
.categories button{min-height:38px;padding:7px 9px;font-size:11px;touch-action:manipulation}
.talent-header{height:70px;padding:14px 20px 10px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:5}
.talent-header .en{font-size:7px;letter-spacing:3px;color:#c6b9e4}
.talent-header h2{margin:3px 0 0;font-size:19px;letter-spacing:3px;font-weight:600}
.growth-summary{margin:5px 17px 0;padding:13px 12px;border:1px solid #d9c4ff55;border-radius:17px;background:linear-gradient(120deg,#b29adc40,#6e58a440);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}
.growth-summary>div{display:flex;align-items:center;gap:10px}.growth-summary b{font-size:13px;color:#fff0ca;display:block}.growth-summary small{font-size:8px;color:#d0c1e8;display:block;margin-top:6px}.level-emblem{width:37px;height:41px;display:grid;place-items:center;background:linear-gradient(#e6c4f0,#9c7bce);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);font-size:17px;font-weight:bold;color:#fff5c7}.all-filter{color:#c4b3e2;background:#fff1;border:1px solid #c8acf333;border-radius:11px;font-size:9px;padding:8px}.all-filter.active{color:#ffe7ad;border-color:#ffe7ad55;background:#fbd38716}
.axis-caption{display:flex;align-items:center;justify-content:space-between;margin:0 22px 6px;color:#e8d8fa;font-size:10px;flex-shrink:0}.axis-caption small{font-size:8px;color:#b5a0ce}
.level-road{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b29be766 transparent;padding:7px 18px 14px;position:relative;isolation:isolate}
.level-row{display:flex;gap:14px;position:relative;padding:0 0 15px;min-height:92px}.level-row:before{content:'';position:absolute;left:19px;top:37px;bottom:-8px;width:1px;background:linear-gradient(#d6b8ed99,#a38ecc44);pointer-events:none}.level-marker{flex:none;width:39px;height:43px;margin-top:19px;border:1px solid #d0b3f27a;background:linear-gradient(#7c66a8,#554577);box-shadow:0 0 14px #aa80e933;border-radius:14px;color:#d0b8e8;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.level-marker small{font-size:8px}.level-marker b{font-size:17px;font-weight:600}.reached .level-marker{background:linear-gradient(#e6c6ed,#ae89c9);color:#fff5c1;border-color:#ffe9af99;box-shadow:0 0 12px #ffe3ac25}.level-content{flex:1;min-width:0}.row-caption{font-size:9px;color:#bfa6d9;letter-spacing:1px;margin:0 0 6px}.reached .row-caption{color:#eed7b5}.level-skills{display:flex;gap:7px;flex-wrap:wrap}.road-skill{flex:1;min-width:120px;padding:10px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e0c6ff44;border-radius:15px;background:linear-gradient(120deg,#b7a5d02d,#6e569e33);box-shadow:inset 0 1px #ffffff10;color:#e9dff7;transition:background .2s,transform .2s;touch-action:manipulation}.road-skill:hover{background:#c4a4eb38;transform:translateY(-2px)}.reached .road-skill{border-color:#dfc8ff77;background:linear-gradient(120deg,#d9c1ed3d,#9774bc40)}.road-orb{width:39px;height:39px;flex:none;display:grid;place-items:center;border:1px solid #e4ceff99;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffffff60,#c2a6e52b 60%);box-shadow:inset 0 -2px 5px #fff3}.road-orb svg{width:26px;height:26px}.road-skill b{font-size:12px;display:block;white-space:nowrap}.road-skill small{font-size:8px;display:block;color:#bca9d1;margin-top:5px;white-space:nowrap}.reached .road-skill small{color:#c9e3d0}.road-skill i{margin-left:auto;font-style:normal;color:#c0a1dd}.unreleased{opacity:.55}.road-end{text-align:center;font-size:9px;color:#b49bcf;padding:10px 0 0}.road-help{font-size:8px;color:#c4b1dd;text-align:center;flex-shrink:0;padding:9px 8px}
.talent-footer{display:flex;align-items:center;gap:13px;flex-shrink:0;padding:11px 17px max(15px,env(safe-area-inset-bottom));border-top:1px solid #d2b5ff35;background:linear-gradient(#78629555,#453765dc);z-index:10}.talent-footer .tabs{flex:1;margin:0;min-width:0;padding:4px}.talent-footer .tabs button{font-size:12px;padding:10px 0}.corner-back,.corner-demo{flex:none;width:37px;height:37px;border:1px solid #e0caff66;background:#a08ab42b;color:#f4e5ff;border-radius:13px}.corner-back{font-size:27px;line-height:30px}.corner-demo{font-size:18px}.modal .detail{margin:0;padding:12px 0 0;border:0;box-shadow:none;background:none}.modal .detail-foot{line-height:1.5}.modal .conditions{flex-wrap:wrap}.modal .condition svg{width:12px;height:14px}.screen>.ring-stage{max-height:none;min-height:145px}.screen>.ring-switch{margin-bottom:4px}.screen>.detail{margin-bottom:13px}.talent-footer .tabs{box-shadow:none}
@media(max-width:700px){.talent-header{height:65px}.categories{margin-top:10px}.categories button{flex:1;padding:7px 3px;font-size:10px}.talent-footer{padding-bottom:max(15px,env(safe-area-inset-bottom))}.growth-summary{margin-top:3px}}
@media(max-height:740px){.growth-summary{padding:8px 10px}.talent-header{height:57px}.categories{margin-top:7px;margin-bottom:7px}.road-help{padding:6px}.screen>.ring-stage{min-height:105px}.screen>.detail{padding:11px 15px}.talent-footer{padding-top:8px;padding-bottom:10px}}
.device .modal-backdrop{position:absolute;padding:22px;z-index:200}.device .modal{width:100%;max-height:90%;padding:24px 20px}
/* V1.2 泡泡本领与星愿之环 */
.level-skills{gap:15px 10px;padding:9px 4px 10px}.level-row{padding-bottom:15px;min-height:158px}.level-marker{margin-top:42px}.level-row:before{top:74px}.road-skill,.reached .road-skill{position:relative;flex:none;min-width:0;width:116px;height:116px;padding:13px 8px 9px;display:flex;flex-direction:column;justify-content:center;gap:4px;text-align:center;border-radius:50%;border:1px solid #f8ebffb0;background:radial-gradient(ellipse at 28% 18%,#ffffff7d,transparent 30%),radial-gradient(ellipse at 76% 83%,#a1efff4d,transparent 52%),radial-gradient(ellipse at 50% 50%,#c7a2ef1a 20%,#dabafa3d 68%,#f7e6ff88 95%);box-shadow:inset 0 0 15px #fff5,inset -4px -7px 12px #a5d3f34d,0 0 18px #c3a0f133;animation:bubbleFloat 4.1s ease-in-out infinite;isolation:isolate;transition:box-shadow .2s}.road-skill:nth-child(2n){animation-delay:-1.7s;animation-duration:4.7s}.level-row:nth-child(3n) .road-skill{animation-delay:-.9s}.level-row:nth-child(2n) .road-skill{animation-duration:4.6s}.road-skill:before{content:'';position:absolute;left:21px;top:13px;width:27px;height:9px;border-radius:50%;transform:rotate(-35deg);background:#fffffff0;box-shadow:3px 3px 7px #fff7;pointer-events:none}.road-skill:after{content:'';position:absolute;right:13px;bottom:19px;width:15px;height:5px;border-radius:50%;transform:rotate(-40deg);background:#c7fbffcc;pointer-events:none}.road-skill:hover,.reached .road-skill:hover{box-shadow:inset 0 0 20px #fff8,0 0 22px #d2b6ff88}.road-orb{width:39px;height:39px;border:0;background:none;box-shadow:none}.road-orb svg{width:37px;height:37px;filter:drop-shadow(0 3px 3px #46336c44)}.road-skill b{font-size:12px;line-height:1.4;text-shadow:0 1px 6px #392852}.road-skill small{font-size:8px;margin-top:3px;color:#d9cbef}.road-skill i{display:none}.road-skill.unreleased{opacity:.5}.future .road-skill{border-color:#d9c7ef77;filter:saturate(.6)}.bubble-bounce{animation:bubblePop .6s cubic-bezier(.2,.7,.2,1.4)!important}.ring-collection{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:5px 16px 15px;scrollbar-width:thin;scrollbar-color:#b9a4de55 transparent}.collection-title{text-align:center;flex-shrink:0;margin:18px 0 0}.collection-title>span{font-size:7px;letter-spacing:4px;color:#c2b2df}.collection-title h3{font-size:22px;letter-spacing:5px;font-weight:500;margin:8px 0;color:#f0d9ff}.collection-title p{font-size:9px;color:#bfa9d6;margin:8px 0}.ring-map{position:relative;width:100%;flex:1;min-height:420px;max-height:570px;margin:auto}.ring-track{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ring-track ellipse{fill:none;stroke:#c4a9e52b;stroke-width:1;stroke-dasharray:2 8}.ring-track path{fill:none;stroke:#b6a1c850;stroke-width:1.5;stroke-dasharray:4 9}.ring-track path.lit{stroke:#e6c9ffb3;stroke-width:2;stroke-dasharray:6 10;filter:drop-shadow(0 0 5px #d0b5ff);animation:starFlow 14s linear infinite}.ring-node{position:absolute;transform:translate(-50%,-50%);width:138px;padding:0;background:none;border:0;color:#eadbf9;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:3}.ring-node.pos-0{left:50%;top:20%}.ring-node.pos-1{left:24%;top:73%}.ring-node.pos-2{left:77%;top:73%}.ring-halo{position:relative;width:112px;height:112px;display:grid;place-items:center;animation:bubbleFloat 4.5s ease-in-out infinite;animation-delay:var(--delay);border-radius:50%;background:radial-gradient(circle,var(--ring-color),transparent 69%);background-color:#4b38702b;box-shadow:0 0 22px #d3aaff18}.ring-halo:before{content:'';position:absolute;inset:4px;border:1px solid #eed8ff60;border-radius:50%;box-shadow:inset 0 0 18px #f1cbff33;pointer-events:none}.ring-halo svg{width:100px;height:100px;z-index:1;filter:drop-shadow(0 0 10px #b69ae7)}.ring-node b{font-size:14px;font-weight:500;letter-spacing:2px;text-shadow:0 2px 8px #31234d}.ring-node small{font-size:9px;color:#c8b3df;border-radius:10px;padding:3px 8px;background:#33234866}.ring-node.sealed .ring-halo{filter:saturate(.25);opacity:.55}.ring-node.full .ring-halo:before{border-color:#fff2af;box-shadow:inset 0 0 20px #f5cf8755,0 0 15px #ffe69f66;animation:twinkle 2s ease-in-out infinite alternate}.ring-node.full small{color:#ffe9b5}.map-star{position:absolute;color:#e9d2ff;text-shadow:0 0 12px #d4acff;pointer-events:none;animation:twinkle 3s infinite alternate}.map-star.one{left:17%;top:36%;font-size:20px}.map-star.two{right:14%;top:40%;font-size:25px;animation-delay:1s}.map-star.three{left:50%;bottom:11%;font-size:15px}.track-legend{display:flex;justify-content:center;gap:17px;font-size:9px;color:#c5b4d7;margin:5px 0 8px;flex-shrink:0}.collection-hint{text-align:center;color:#ae98c7;font-size:9px;margin:5px 0 10px;flex-shrink:0}@keyframes bubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes bubblePop{0%{scale:1}25%{scale:.88}65%{scale:1.09}100%{scale:1}}@keyframes starFlow{to{stroke-dashoffset:-180}}@media(max-height:740px){.ring-map{min-height:350px}.collection-title{margin-top:9px}.ring-halo{width:95px;height:95px}.ring-halo svg{width:85px;height:85px}}
/* V1.3 华丽梦境星图 */
.screen{background:#242044 url('assets/dream-sky.svg') center/cover}.screen:before{background:linear-gradient(180deg,#10152922,#36234e11 60%,#49366d22)}.screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20% 25%,#fff1c9 90%,transparent),radial-gradient(2px 2px at 70% 65%,#d4aaff 90%,transparent),radial-gradient(1px 1px at 35% 80%,#b9e7ff 90%,transparent);background-size:180px 270px;animation:skyDrift 20s linear infinite}.screen>*{z-index:1}.screen>.talent-footer{z-index:10}.talent-header{height:72px;padding:13px 20px;border-bottom:1px solid #eacb9426;background:linear-gradient(90deg,#1c183c77,#66518022,#1c183c66)}.talent-header h2{font-size:21px;font-weight:600;color:#ffefc9;letter-spacing:4px;text-shadow:0 0 16px #f9d1ff66}.talent-header h2:after{content:' ✧';font-size:16px;color:#ddbbff}.talent-header .en{color:#c6aabc;font-size:7px}.currency{border:1px solid #cdb07866;background:linear-gradient(#332741,#1f1b35);box-shadow:inset 0 0 7px #f8ce8933,0 3px 9px #0002}.growth-summary{border-radius:7px 20px 7px 20px;border-color:#ddbd8c99;background:linear-gradient(120deg,#6b4d8d80,#261f4777);box-shadow:inset 0 0 16px #e1adce15,0 4px 18px #10112366;position:relative;overflow:hidden}.growth-summary:after{content:'';position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,#fff3 50%,transparent 60%);transform:translateX(-100%);animation:panelShimmer 8s infinite;pointer-events:none}.level-emblem{background:linear-gradient(140deg,#ffe9b5,#a473ba 55%,#5d518f);color:#fff1bc;filter:drop-shadow(0 0 6px #dcb3f3)}.categories{margin-top:10px;margin-bottom:8px;gap:4px}.categories button{border:1px solid #d0b0e52b;background:#211d3d77;border-radius:7px 13px;box-shadow:inset 0 1px #d2aef522;transition:background .2s,box-shadow .2s}.categories button.active{color:#fff1c5;border-color:#ffe1a8aa;background:linear-gradient(150deg,#9c75b35c,#3e2b5880);box-shadow:inset 0 0 10px #e1b38322,0 0 12px #c697df22}.axis-caption{color:#ead4b0;letter-spacing:1px}.axis-caption small{color:#a998be}.level-road{overflow:hidden;touch-action:none;cursor:grab;min-height:0;margin:0 7px;padding:0;border:1px solid #c3a5d323;border-radius:16px;background:radial-gradient(ellipse at 50% 50%,#b390d00b,transparent);isolation:isolate}.level-road:focus-visible{outline:1px solid #e9cb94}.level-road.panning{cursor:grabbing}.atlas-canvas{position:absolute;left:0;top:0;width:510px;transform-origin:0 0;will-change:transform;padding:12px 15px 25px}.atlas-canvas .level-row{min-height:160px}.atlas-canvas .level-content{min-width:0}.atlas-canvas .level-skills{flex-wrap:wrap;gap:13px}.atlas-canvas .level-marker{background:linear-gradient(135deg,#c29ed2,#5d4b81);border-color:#f1d59b88;box-shadow:0 0 13px #c095da44;clip-path:polygon(50% 0,96% 20%,96% 80%,50% 100%,4% 80%,4% 20%);border-radius:0}.atlas-canvas .level-row:before{width:2px;box-shadow:0 0 7px #ddbcff77;background:linear-gradient(#e1bf8844,#d2a5fa99,#f2d4a144)}.atlas-canvas .row-caption{font-size:11px;letter-spacing:2px;color:#d0b9df}.atlas-canvas .reached .row-caption{color:#f0d3a6}.atlas-canvas .road-skill{width:116px;height:116px;box-shadow:inset 0 0 20px #fff4,0 0 20px #b6a0ee25,0 8px 18px #0d132e33}.atlas-canvas .road-skill b{font-size:14px;letter-spacing:1px}.atlas-canvas .road-skill small{font-size:10px}.atlas-canvas .road-skill:before{box-shadow:2px 2px 9px #fff9}.road-skill:hover{border-color:#ffe7b0!important}.atlas-controls{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 7px;flex-shrink:0}.atlas-help{font-size:8px;color:#a89abc;margin-right:auto}.atlas-controls button{min-width:31px;height:31px;background:linear-gradient(#59466d,#302640);border:1px solid #d5b69177;border-radius:9px;color:#f4d9b0;font-size:14px;box-shadow:inset 0 1px #e7c6ff33}.atlas-controls button:last-child{font-size:9px;padding:0 7px}.zoom-value{font-size:9px;color:#dfc9e9;min-width:30px;text-align:center}.road-help{display:none}.talent-footer{border-top:1px solid #c8ad8d77;background:linear-gradient(#3d2b5288,#201e38e8);padding-top:10px}.talent-footer .tabs{background:#17162e99;border:1px solid #ccb08c88;box-shadow:inset 0 0 12px #bc98c333}.tabs button.active{background:linear-gradient(#f0d3e5,#b38bce 50%,#83659f);color:#fff2c6;border:1px solid #e6c7a9;text-shadow:0 1px 3px #4a315f;box-shadow:inset 0 1px #fff9,0 0 12px #d3a6dc33}.corner-back,.corner-demo{border-color:#c5a58788;background:linear-gradient(#5e496f,#30243f);color:#efd3a7}.ring-collection{background:radial-gradient(circle at 50% 45%,#a083bf16,transparent 65%)}.collection-title h3{color:#f9e0b6;text-shadow:0 0 20px #d6a9ff88;letter-spacing:6px}.collection-title>span{color:#bfa6c9}.ring-halo{box-shadow:0 0 35px #d4aaff22}.ring-track path.lit{stroke:#e2bf93;filter:drop-shadow(0 0 5px #df9fee)}.ring-node b{color:#f7e0b5}.modal{border:1px solid #ead1b3!important;background:linear-gradient(145deg,#fff8ef,#eee1f6 45%,#d9cee9);box-shadow:inset 0 0 0 4px #f9f0e899,0 20px 70px #070a2599}.modal:after{content:'✧';position:absolute;top:9px;left:15px;color:#b48bc2;pointer-events:none}.primary{background:linear-gradient(#bf99dd,#a278c8 55%,#7a54a2);border-color:#d7b7ee;box-shadow:0 4px 0 #654181,inset 0 1px #fff9,0 0 16px #b183d533;border-radius:10px 19px}.primary:hover{filter:brightness(1.08)}.primary.mint{background:linear-gradient(#b1e4d7,#69b9a8);color:#f7fff7}.hover-glow{filter:brightness(1.12)}.tap-magic{position:absolute;z-index:190;width:16px;height:16px;margin:-8px;border:1px solid #fff2b9;border-radius:50%;box-shadow:0 0 12px #d3afff;pointer-events:none;animation:tapRing .6s ease-out forwards}.screen.mining{background:radial-gradient(ellipse at 50% 20%,#796294,#201d3c 65%)}.rock:hover{box-shadow:inset 0 0 20px #c8a1ed66,0 8px 0 #29263e,0 0 20px #b99af066}.mine-panel{background:linear-gradient(#f4e9f8,#d9cbea);border-color:#d9bd92}.detail-icon{background:linear-gradient(#e9d8ec,#cdb8e0);border-color:#c7a2c2}.modal-backdrop{backdrop-filter:blur(9px)}@keyframes skyDrift{to{background-position:100px -270px}}@keyframes panelShimmer{0%,70%{transform:translateX(-100%)}95%,100%{transform:translateX(100%)}}@keyframes tapRing{to{transform:scale(5);opacity:0}}@media(max-width:700px){.atlas-help{font-size:7px}.atlas-controls{padding:8px 12px}.talent-header{height:65px}.categories button{min-height:36px}.device .modal{max-height:92%}}@media(prefers-reduced-motion:reduce){.screen:after,.growth-summary:after{animation:none}}
.atlas-canvas{user-select:none;-webkit-user-select:none}.atlas-controls button{touch-action:manipulation}
/* V1.4 Q版角色与分类泡泡 */
.talent-header h2{font-size:22px;font-weight:900;letter-spacing:2px;color:#fff7dc;text-shadow:0 2px #7960a8,2px 0 #7960a8,-2px 0 #7960a8,0 -1px #7960a8,0 4px 8px #25163577}.growth-summary{border:2px solid #d5bafb;border-radius:23px;background:linear-gradient(125deg,#a88bd576,#7b70b458);box-shadow:inset 0 2px #fff7,inset 0 -3px #58498644,0 5px 0 #3e305c44;padding:9px 10px}.growth-summary b{color:#fff3cf;font-size:12px;text-shadow:0 1px #59477c}.growth-summary small{font-size:7px}.growth-summary:after{opacity:.35}.character-summary{gap:5px!important}.character-portrait{width:50px;height:55px;border-radius:18px;overflow:hidden;flex:none;background:linear-gradient(#ffe4fc,#d6b7f4);border:2px solid #fff4cf;box-shadow:0 3px 0 #7e5f9f,inset 0 1px #fff}.character-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 23%;transform:scale(1.35);image-rendering:pixelated}.art-badge,.atlas-canvas .level-marker.art-badge{--badge-x:0%;--badge-y:0%;position:relative;display:grid;place-items:center;background-image:url('assets/level-badges-v14.webp')!important;background-size:500% 200%!important;background-position:var(--badge-x) var(--badge-y)!important;background-repeat:no-repeat!important;background-color:transparent!important;border:0!important;border-radius:0!important;clip-path:none!important;filter:none!important;box-shadow:none!important;padding:0!important;overflow:visible;color:white!important;flex:none;isolation:isolate}.level-emblem.art-badge{width:49px;height:49px;margin:0}.atlas-canvas .level-marker.art-badge{width:53px;height:53px;margin-top:41px;z-index:3}.art-badge span{position:relative;z-index:1;color:#fffbe7;font-weight:1000;font-size:23px;font-family:'Arial Rounded MT Bold','Microsoft YaHei',sans-serif;letter-spacing:-1px;-webkit-text-stroke:1.8px #754022;paint-order:stroke fill;text-shadow:0 2px 0 #58294b;line-height:1;transform:translateY(-1px)}.art-badge[data-tier="1"] span{color:white;-webkit-text-stroke-color:#ac164e}.art-badge[data-tier="2"] span{-webkit-text-stroke-color:#2f742f}.art-badge[data-tier="3"] span{-webkit-text-stroke-color:#263aad}.art-badge[data-tier="4"] span,.art-badge[data-tier="7"] span,.art-badge[data-tier="8"] span{-webkit-text-stroke-color:#7527b6}.art-badge[data-tier="5"] span,.art-badge[data-tier="6"] span,.art-badge[data-tier="9"] span{-webkit-text-stroke-color:#991a59}.art-badge[data-tier="9"] span{font-size:19px}.art-badge[data-tier="8"] span,.art-badge[data-tier="9"] span{transform:translateY(2px)}.atlas-canvas .level-row{gap:9px}.atlas-canvas .level-row:before{left:26px}.categories button{border-radius:14px;border:2px solid #c6b2e84d;background:linear-gradient(#76659d99,#4d416eaa);box-shadow:inset 0 1px #fff4,0 3px 0 #392c574d;font-weight:700;letter-spacing:.5px}.categories button.active{background:linear-gradient(#d5b5ee,#a37ac9);border-color:#ffeac0;color:#fffce8;box-shadow:inset 0 2px #fff8,0 3px 0 #7a579e; text-shadow:0 1px #775093}.category-legend{display:flex;justify-content:center;gap:11px;margin:2px 10px 7px;flex-shrink:0;font-size:7px;color:#d8c8e8}.category-legend span{display:flex;align-items:center;gap:3px}.category-legend i{width:6px;height:6px;background:var(--bubble-color);border-radius:50%;box-shadow:0 0 5px var(--bubble-color)}[data-theme="life"]{--bubble-color:#83edc9;--bubble-soft:#83edc94d;--bubble-ink:#d0ffe5}[data-theme="play"]{--bubble-color:#83d8ff;--bubble-soft:#83d8ff4d;--bubble-ink:#dbf7ff}[data-theme="style"]{--bubble-color:#ffadd5;--bubble-soft:#ffadd54d;--bubble-ink:#ffe5f3}[data-theme="social"]{--bubble-color:#ffd384;--bubble-soft:#ffd3844d;--bubble-ink:#fff3d3}.atlas-canvas .road-skill{border:2px solid var(--bubble-color);background:radial-gradient(ellipse at 25% 15%,#ffffffa8,transparent 30%),radial-gradient(ellipse at 70% 80%,var(--bubble-soft),transparent 60%),radial-gradient(circle at 50% 50%,var(--bubble-soft),#8269ae24 65%,#fff6 95%);box-shadow:inset 0 0 15px var(--bubble-soft),0 0 14px var(--bubble-soft),inset 0 -3px 5px #fff3}.atlas-canvas .road-skill b{color:var(--bubble-ink);font-weight:900;text-shadow:0 2px #5b4b7e;font-size:13px}.road-skill .spark-cost{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);border:1px solid #f9d8a7;border-radius:11px;background:linear-gradient(#caa0dc,#8e61a6);color:#fff2c7;font-size:9px;font-style:normal;padding:1px 7px;box-shadow:0 2px 0 #674284}.atlas-canvas .future .road-skill{filter:saturate(.65);opacity:.75}.atlas-canvas .road-orb{background:#ffffff16;border-radius:15px}.tabs button.active{border-radius:20px;background:linear-gradient(#e8bfff,#a984db);border:2px solid #ffe4f7;color:#fff8e5;font-weight:900;box-shadow:inset 0 2px #fff7,0 3px 0 #725298;text-shadow:0 1px #7353a1}.talent-footer .tabs{border-radius:24px;border:2px solid #9a83bc;background:#3c3059aa}.corner-back,.corner-demo{border-radius:15px;background:linear-gradient(#a38ac4,#6e5a90);border:2px solid #d2b8ef;box-shadow:inset 0 1px #fff5,0 3px 0 #433258}.primary{border-radius:22px;background:linear-gradient(#d2a5ef,#a077ce);border:2px solid #f2d9ff;box-shadow:inset 0 2px #fff6,0 4px 0 #785498;color:#fff9e8;text-shadow:0 1px #7c5698}.device .modal{border:3px solid #cfb0ee!important;border-radius:28px;background:linear-gradient(140deg,#fff8f8,#f1e4ff);box-shadow:inset 0 0 0 3px #fffc,0 12px 40px #21143d77}.modal h2,.detail h3{color:#705088}.modal .condition{border:1px solid #dec8ed;border-radius:10px;background:#fff9}.modal .condition.not-enough{color:#bf5877;border-color:#e49ab3;background:#ffe3ec}.fixture-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:330px;overflow:auto;margin:12px 0 17px;padding:3px}.fixture-grid button{padding:10px 3px;min-height:38px;font-size:10px;border-radius:12px;border:1px solid #c9afe0;background:linear-gradient(#f4e7ff,#dfc7f1);color:#7f5e9c;box-shadow:0 2px 0 #b295cb}.ring-halo{background:radial-gradient(circle,var(--ring-color),transparent 70%);border:2px solid #efd6ff55;box-shadow:inset 0 0 15px #fff4,0 0 20px #bd9ae944}.ring-node b{font-weight:900;color:#ffe8ce;text-shadow:0 2px #704f88}.collection-title h3{font-weight:900;color:#ffe9c3;text-shadow:0 2px #7d5d9b,2px 0 #7d5d9b,-2px 0 #7d5d9b}.collection-title p{color:#d5c1e5}.all-filter{border-radius:13px;border:1px solid #ebd7f7;background:#a98cc444;color:#fff0cd;font-size:8px;padding:8px 6px}@media(max-width:700px){.growth-summary{margin-left:13px;margin-right:13px}.character-portrait{width:43px;height:52px}.level-emblem.art-badge{width:43px;height:43px}.character-summary{gap:4px!important}.growth-summary b{font-size:11px}.growth-summary small{font-size:6px}.category-legend{gap:10px}.growth-summary .all-filter{font-size:7px;max-width:49px}.talent-header{height:62px}}
.character-portrait{position:relative}.character-portrait img{position:absolute;width:166px;height:166px;max-width:none;left:-61px;top:-22px;object-fit:fill;transform:none}
/* V1.5 下置分类与右侧星图控制 */
.art-badge,.atlas-canvas .level-marker.art-badge{background-image:url('assets/level-badges-clean.svg')!important}.character-portrait img{width:100px;height:100px;left:-28px;top:-8px;object-fit:fill;transform:none}.character-portrait{background:#efdcff;border-color:#fff0cf}.bottom-categories{order:initial;position:relative;z-index:12;display:flex;flex-shrink:0;margin:4px 9px 9px;padding:6px 4px 3px;gap:5px;border-top:1px solid #e0c4fa3d;background:linear-gradient(#5c487322,#38254d55);border-radius:13px}.bottom-categories button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;min-height:58px;padding:4px 1px;border:1.5px solid var(--bubble-color);border-radius:15px;background:linear-gradient(150deg,var(--bubble-soft),#433053b3);box-shadow:inset 0 2px #fff4,0 3px 0 #2a1b4a77;color:var(--bubble-ink);font-size:9px;letter-spacing:0;white-space:nowrap}.bottom-categories button svg{width:21px;height:21px;filter:drop-shadow(0 1px 2px #291c4b66)}.bottom-categories button.active{background:linear-gradient(140deg,var(--bubble-color),#a183bf);border:2px solid #fff4d9;box-shadow:inset 0 2px #fff8,0 3px 0 #705492,0 0 11px var(--bubble-soft);color:#fffef5;text-shadow:0 1px #765289}.category-legend{margin-top:6px;margin-bottom:9px}.has-atlas .level-road{margin-right:60px}.vertical-atlas{position:absolute;z-index:15;right:7px;top:32%;width:46px;display:flex;flex-direction:column;gap:7px;padding:8px 4px;border-radius:17px;background:linear-gradient(#8b6caf4d,#34234788);border:1px solid #c6a7e577;box-shadow:inset 0 1px #fff3,0 4px 12px #1d153b55;touch-action:manipulation}.vertical-atlas .atlas-help{font-size:7px;line-height:1.5;margin:0;color:#e0ccef;text-align:center}.vertical-atlas button{min-width:32px;width:32px;height:33px;border-radius:11px;font-size:16px;flex-shrink:0}.vertical-atlas button:last-child,.vertical-atlas button[aria-label="定位当前等级"]{font-size:9px;padding:0 2px}.vertical-atlas .zoom-value{font-size:9px;line-height:1.4;text-align:center}.talent-footer .tabs button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;letter-spacing:1px;padding:9px 3px}.talent-footer .tabs svg{width:19px;height:19px}.talent-footer{padding-top:8px}.atlas-canvas .level-row:before{opacity:.2;box-shadow:none;background:#aa85c2;width:2px}.atlas-canvas .level-row.progress-lit:before{opacity:.85;background:linear-gradient(#e6ccff,#f5d59c,#c7a2f5);box-shadow:0 0 7px #e4b5ff,0 0 12px #c696e755;animation:progressBreath 3.6s ease-in-out infinite}.atlas-canvas .level-row.progress-current:before{opacity:.7;background:linear-gradient(#f7dbad,#c5a5ed55,transparent 70%);box-shadow:0 0 7px #dec0ff55}.ready-aura{position:absolute;inset:-5px;border:1px solid var(--bubble-color);border-radius:50%;box-shadow:0 0 15px var(--bubble-color),inset 0 0 10px #fff3;pointer-events:none;animation:learnableBreath 2.4s ease-in-out infinite;z-index:-1}.ready-star{position:absolute;right:3px;top:8px;color:#fff4c5;text-shadow:0 0 9px var(--bubble-color);font-size:17px;pointer-events:none;animation:readyTwinkle 2.2s infinite alternate}.ready-to-learn{border-color:#fff3c1!important}.bubble-star-spray{position:absolute;pointer-events:none;z-index:205;color:#fff0ac;font-size:19px;font-style:normal;margin:-10px;text-shadow:0 0 12px #d3b3ff;animation:scatterStar .9s ease-out forwards}.modal .detail h3{line-height:1.45}.modal .detail h3 small{display:block;margin:3px 0 0;font-size:9px}.axis-caption{margin-top:11px}.has-atlas .growth-summary{margin-bottom:2px}@keyframes progressBreath{50%{opacity:.55;box-shadow:0 0 4px #ddb9ff}}@keyframes learnableBreath{0%,100%{opacity:.55;scale:.97}50%{opacity:.95;scale:1.04}}@keyframes readyTwinkle{to{opacity:.4;rotate:20deg}}@keyframes scatterStar{0%{opacity:1;transform:translate(0,0) scale(.6)}70%{opacity:1}100%{opacity:0;transform:translate(var(--sx),var(--sy)) rotate(110deg) scale(1.3)}}@media(max-height:740px){.bottom-categories{margin-bottom:6px;margin-top:3px}.bottom-categories button{min-height:51px}.bottom-categories button svg{height:17px;width:17px}.vertical-atlas{top:28%;gap:5px}.vertical-atlas button{height:29px}.growth-summary{padding-top:6px;padding-bottom:6px}.axis-caption{margin-top:8px}.category-legend{margin-bottom:6px}}