:root{--jx3-celadon: #5b8a8a;--jx3-celadon-light: #b2d3d3;--jx3-celadon-dark: #2c4a4a;--jx3-paper: #e9e4d1;--jx3-paper-dark: #d6cfb5;--jx3-ink: #2b2b2b;--jx3-gold: #a68b44;--jx3-gold-light: #d4c491;--jx3-border: #8b7355;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--transition-base: all .25s cubic-bezier(.4, 0, .2, 1);--transition-snappy: .15s cubic-bezier(.2, 0, .2, 1);--ui-scale: 1;--panel-max-height: 96vh;--panel-max-width: 96vw}body.is-mobile{--ui-scale: .85}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#0b1c24;color:var(--jx3-ink);font-family:Microsoft YaHei,sans-serif;user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:default}img{-webkit-user-drag:none}#app{width:100vw;height:100vh;position:relative;background:radial-gradient(circle at center,#1b3d4d,#081419)}.loading-screen{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1b3d4d,#081419);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease-out}.loading-content{text-align:center;color:var(--jx3-paper);max-width:400px}.loading-title{font-size:2.5rem;font-weight:700;color:var(--jx3-celadon-light);margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.loading-subtitle{font-size:1.2rem;color:var(--jx3-paper);margin-bottom:2rem;opacity:.9}.loading-progress{margin:2rem 0}.progress-bar-bg{width:300px;height:8px;background:#fff3;border-radius:var(--radius-md);margin:0 auto 1rem;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--jx3-celadon-light),var(--jx3-celadon));border-radius:var(--radius-md);width:0%;transition:width .3s ease}.loading-text{font-size:1.1rem;color:var(--jx3-paper);font-weight:700}.loading-tip{font-size:.9rem;color:var(--jx3-paper);opacity:.7;margin-top:1rem;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#game-canvas{position:absolute;top:0;left:0;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;justify-content:center;align-items:center}.menu-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/ui/%E4%B8%BB%E7%95%8C%E9%9D%A2%E8%83%8C%E6%99%AF%E5%9B%BE.png);background-repeat:no-repeat;background-position:center;background-size:cover;opacity:.5;filter:brightness(.7) saturate(.6);z-index:-1}.menu-container{pointer-events:auto;position:relative;padding:60px 80px;background:var(--jx3-paper);border:8px solid var(--jx3-celadon);outline:2px solid var(--jx3-gold);box-shadow:0 20px 50px #0009;text-align:center;min-width:500px;animation:openScroll .3s ease-out forwards;border-radius:var(--radius-md)}@keyframes openScroll{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}.menu-decoration-top,.menu-decoration-bottom{position:absolute;left:0;width:100%;height:40px;background:var(--jx3-celadon);display:flex;justify-content:center;align-items:center;color:var(--jx3-paper);font-weight:700;letter-spacing:4px;transition:var(--transition-base)}.menu-decoration-top{top:0;border-bottom:2px solid var(--jx3-gold)}.menu-decoration-bottom{bottom:0;border-top:2px solid var(--jx3-gold)}.game-title{font-size:2.5rem;margin:20px 0 40px;color:var(--jx3-ink);font-weight:700;letter-spacing:10px;border-bottom:2px solid var(--jx3-celadon);display:inline-block;padding-bottom:10px;transition:var(--transition-base)}.game-title span{color:var(--jx3-celadon);margin-left:5px;transition:var(--transition-base)}.menu-options{display:flex;flex-direction:column;gap:15px}.wuxia-btn{background:var(--jx3-celadon);color:var(--jx3-paper);border:1px solid var(--jx3-gold);padding:12px 40px;font-size:1.1rem;cursor:pointer;transition:var(--transition-base);letter-spacing:5px;font-weight:700;position:relative;border-radius:var(--radius-md)}.wuxia-btn:hover{background:var(--jx3-celadon-dark);border-color:var(--jx3-gold-light);transform:translateY(-2px);box-shadow:0 5px 15px #a68b444d}.wuxia-btn.disabled{background:#ccc;border-color:#999;color:#666;cursor:not-allowed;transform:none!important;box-shadow:none!important}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:auto}.pause-container{min-width:400px}.settings-group{margin:20px 0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.settings-group label{color:var(--jx3-ink);font-weight:700;font-size:1.1rem}.settings-group input[type=range]{width:100%;cursor:pointer;accent-color:var(--jx3-celadon)}.character-cards{display:flex;gap:30px;justify-content:center;margin-bottom:40px}.char-card{width:200px;background:var(--jx3-celadon-light);border:2px solid var(--jx3-celadon);padding:20px 10px;cursor:pointer;transition:var(--transition-base);display:flex;flex-direction:column;align-items:center;position:relative;border-radius:var(--radius-md)}.char-card:hover{background:#c5e4e4;border-color:var(--jx3-gold);transform:translateY(-8px);box-shadow:0 10px 20px #a68b4433}.char-card.selected{background:#fff;border-color:var(--jx3-gold);box-shadow:0 0 0 2px var(--jx3-gold),0 10px 25px #5b8a8a66;z-index:2}.char-card.selected:before{content:"已选中";position:absolute;top:-12px;background:var(--jx3-gold);color:#fff;padding:2px 15px;font-size:.8rem;font-weight:700;border-radius:var(--radius-sm);box-shadow:0 2px 5px #0003}.char-portrait{width:100px;height:100px;border:1px solid var(--jx3-celadon);background-color:#fff;margin-bottom:15px}.char-name{font-size:1.5rem;color:var(--jx3-celadon-dark);margin:5px 0;font-weight:700}.char-title{font-size:.9rem;color:#666;margin:4px 0 8px;opacity:.8;font-style:italic}.char-traits{width:90%;border-top:1px dashed rgba(0,0,0,.2);padding-top:10px}.trait-tag{color:var(--jx3-celadon-dark);font-size:.75rem;font-weight:700;margin-bottom:5px;display:block}.trait-desc{font-size:.8rem;line-height:1.4;color:#444;text-align:center}.difficulty-cards{gap:15px}.diff-card{transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .2s,box-shadow .2s}.diff-card .diff-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.diff-card:hover .diff-icon{transform:scale(1.3) rotate(8deg)}.diff-card[data-diff=easy].selected{border-color:#4caf50;box-shadow:0 0 0 2px #4caf50,0 10px 25px #4caf504d}.diff-card[data-diff=hard].selected{border-color:#ff9800;box-shadow:0 0 0 2px #ff9800,0 10px 25px #ff98004d}.diff-card[data-diff=hell].selected{border-color:#f44336;box-shadow:0 0 0 2px #f44336,0 10px 25px #f443364d;background:#fff5f5}.diff-card[data-diff=hell].selected:before{background:#f44336}.diff-card[data-diff=hell] .char-name{color:#b71c1c}.diff-card .char-title{font-weight:700;color:var(--jx3-gold)}.top-hud-bar{position:absolute;top:15px;left:10px;display:flex;align-items:center;background:#2c2c2cd9;padding:0 5px 0 16px;height:44px;box-sizing:border-box;border-radius:4px 22px 22px 4px;border:1px solid var(--jx3-gold);box-shadow:0 4px 20px #0000004d;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.top-hud-divider{width:1px;height:20px;background:#a68b4466;margin:0 15px}.resource-bar{pointer-events:auto;position:relative;top:auto;left:auto;display:flex;gap:12px;background:none;padding:0;border:none;box-shadow:none;color:var(--jx3-gold-light)}.resource-bar:before{display:none}.res-item{display:flex;align-items:center;gap:6px;font-size:1rem;font-weight:700}.world-date-display-container{pointer-events:auto;position:relative;top:auto;right:auto;display:flex;align-items:center;gap:10px;background:none;padding:0;border:none;box-shadow:none}.world-date-display{color:var(--jx3-gold-light);font-size:.9rem;font-family:Microsoft YaHei,sans-serif}.time-progress-outer{width:32px;height:32px;margin-right:0}.res-update-anim{animation:resPulse .5s ease-out}@keyframes resPulse{0%{transform:scale(1);color:var(--jx3-ink)}30%{transform:scale(1.2);color:var(--jx3-gold);text-shadow:0 0 8px rgba(166,139,68,.3)}to{transform:scale(1);color:var(--jx3-ink)}}.res-emoji{font-size:1.2rem}.mini-portrait{width:50px;height:50px;background-color:#fff;border:2px solid var(--jx3-celadon);background-size:400% 400%;image-rendering:pixelated}.hud-bottom-left{position:absolute;bottom:25px;left:25px;display:flex;align-items:flex-end;gap:12px;pointer-events:none;z-index:100}.hud-card{pointer-events:auto;background:var(--jx3-paper);border:2px solid var(--jx3-celadon);padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;border-radius:var(--radius-md);box-shadow:0 8px 20px #0006;cursor:pointer;transition:var(--transition-base);position:relative}.hud-card:hover{transform:translateY(-5px) scale(1.02);background:#fdfaf2;border-color:var(--jx3-gold)}.hud-portrait{background-color:#fff;border:1px solid var(--jx3-celadon);image-rendering:pixelated;background-size:400% 400%;box-shadow:inset 0 0 10px #0000001a}.hud-card-city .hud-portrait{width:80px;height:80px}.hud-card-city{min-width:100px}.hud-card-hero .hud-portrait{width:52px;height:52px;position:relative}.hud-level-badge{position:absolute;bottom:-2px;right:-2px;background:var(--jx3-ink);color:var(--jx3-gold);font-size:.6rem;font-weight:700;padding:1px 3px;border-radius:var(--radius-sm);border:1px solid var(--jx3-gold);box-shadow:0 2px 4px #00000080;pointer-events:none;line-height:1;z-index:5;font-family:Arial,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.8);letter-spacing:-.5px}.hud-card-hero{min-width:70px;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),filter .2s,box-shadow .3s;z-index:10}.hud-card-hero:hover{transform:translateY(-6px);filter:brightness(1.1);box-shadow:0 8px 16px #0006}.hero-hud-unit-group{display:flex;flex-direction:column;align-items:center;position:relative}.talent-hint-wrapper{position:relative;margin-bottom:2px;width:110px;height:38px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;pointer-events:auto;transition:transform .2s}.talent-hint-wrapper:hover{transform:scale(1.1)}.talent-hint-v1{background:#a68b44f2;color:#fff;padding:4px 15px;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #0006;border:1px solid var(--jx3-gold-light);pointer-events:none;animation:floatHint 2s infinite ease-in-out;transition:filter .2s}.talent-hint-wrapper:hover .talent-hint-v1{filter:brightness(1.2)}.talent-hint-v1:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(166,139,68,.95)}.talent-hint-v1 .hint-icon{color:#fff;text-shadow:0 0 8px #fff;font-size:1rem}@keyframes floatHint{0%,to{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-6px);filter:brightness(1.2)}}.hud-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.hud-name{font-size:.85rem;font-weight:700;color:var(--jx3-celadon-dark);font-family:Microsoft YaHei,sans-serif}.hud-sub{font-size:.65rem;color:#888;transform:scale(.9)}.hud-mini-bars{width:100%;display:flex;flex-direction:column;gap:4px;padding-top:2px}.mini-bar-bg{width:100%;height:6px;background:#e0e0e0;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.05)}.mini-bar-fill{height:100%;width:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.mini-bar-fill.hp{background:linear-gradient(to right,#d32f2f,#ff5252)}.mini-bar-fill.mp{background:linear-gradient(to right,#1976d2,#448aff)}.skill-points-display{margin-top:15px;font-weight:700;color:var(--jx3-gold-dark);font-size:.9rem;padding:4px 10px;background:#a68b441a;border-radius:var(--radius-md);display:inline-block}.section-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--jx3-celadon);padding-bottom:5px}.wuxia-btn-small{background:var(--jx3-celadon);color:var(--jx3-paper);border:1px solid var(--jx3-gold);padding:6px 15px;font-family:Microsoft YaHei,sans-serif;font-weight:700;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-base);box-shadow:0 2px 4px #0003}.wuxia-btn-small:hover{background:var(--jx3-celadon-dark);border-color:var(--jx3-gold-light);transform:translateY(-1px);box-shadow:0 4px 10px #a68b4433}.how-to-play-scroll{display:flex;flex-direction:column;gap:25px;padding-bottom:20px}.htp-section{text-align:left}.htp-subtitle{font-size:1.2rem;color:var(--jx3-celadon-dark);font-weight:700;border-bottom:2px solid var(--jx3-celadon-light);padding-bottom:8px;margin-bottom:12px}.htp-content{font-size:1rem;line-height:1.8;color:var(--jx3-ink);text-indent:2em}.skill-learn-header-row{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid var(--jx3-celadon-light);margin-bottom:0}.skill-learn-tabs{display:flex;gap:8px}.learn-sp-tag{background:#dc44441a;color:#d44;padding:6px 15px;border-radius:var(--radius-md);font-weight:700;font-size:.95rem;margin-bottom:5px;border:1px solid rgba(220,68,68,.2)}.tab-btn{padding:8px 20px;background:#e0dcc8;border:1px solid var(--jx3-celadon-light);border-bottom:none;cursor:pointer;font-family:Microsoft YaHei,sans-serif;font-weight:700;font-size:.9rem;border-radius:5px 5px 0 0;transition:all .2s;color:var(--jx3-celadon-dark);margin-bottom:-1px}.tab-btn:hover{background:#fdfaf2}.sect-intro-card{grid-column:1 / -1;background:#5b8a8a14;border:1px solid var(--jx3-celadon-light);border-left:5px solid var(--jx3-celadon);padding:8px 15px;margin-bottom:0;text-align:left;border-radius:var(--radius-md)}.sect-intro-desc{font-size:.95rem;color:var(--jx3-ink);line-height:1.6;font-style:italic}.tab-btn.active{background:var(--jx3-celadon);color:#fff;border-color:var(--jx3-celadon);padding-bottom:12px;margin-bottom:-2px;transform:none}.skill-grid-v3{display:grid;grid-template-columns:repeat(5,1fr);align-items:start;align-content:start;gap:15px;flex:1;overflow-y:auto;padding:5px;scrollbar-width:thin;scrollbar-color:var(--jx3-celadon) transparent}.skill-grid-v3::-webkit-scrollbar{width:6px}.skill-grid-v3::-webkit-scrollbar-thumb{background:var(--jx3-celadon);border-radius:var(--radius-md)}.learn-item{background:#fff;border:1px solid #e0dcc8;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-lg);transition:all .2s;box-shadow:0 2px 8px #0000000d;min-height:100px}.learn-item:hover{border-color:var(--jx3-gold);transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.skill-learn-icon{width:44px;height:44px;image-rendering:pixelated;border:1px solid var(--jx3-celadon-light);border-radius:var(--radius-md);padding:2px;background:#fff}.skill-learn-name{font-weight:700;font-size:.9rem;color:var(--jx3-ink);text-align:center}.skill-learn-cost{display:none}.stat-group{display:flex;flex-direction:column;gap:5px}.stat-group-v2{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-group-v2 label{width:40px;font-weight:700;font-size:.9rem;color:var(--jx3-celadon-dark)}.stat-bar-container{flex:1;display:flex;align-items:center;gap:10px;position:relative}.stat-value{min-width:65px;font-size:.85rem;font-weight:700;color:var(--jx3-ink);text-align:right;font-family:monospace}.hero-panel-v4{width:680px;padding:0;background:var(--jx3-paper);border:4px solid var(--jx3-celadon);box-shadow:0 10px 40px #0006;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-panel-header{height:45px;background:var(--jx3-celadon);display:flex;align-items:center;justify-content:center;position:relative}.panel-title{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:4px}.hero-panel-main{padding:20px 25px 50px;display:flex;flex-direction:column;gap:20px}.hero-core-info{display:flex;gap:30px;align-items:flex-start}.hero-avatar-area{display:flex;gap:30px;padding:12px;background:#fff;border:2px solid var(--jx3-celadon-light);border-radius:var(--radius-md);box-shadow:0 2px 12px #0000001a}.hero-big-portrait{width:150px;height:150px;border:4px solid var(--jx3-celadon);background:#fff;box-shadow:0 5px 15px #0003;image-rendering:pixelated;background-size:400% 400%}.hero-identity{display:flex;flex-direction:column;justify-content:center;min-width:120px}.hero-identity h2{margin:0;font-size:1.8rem;color:var(--jx3-ink)}.hero-level-tag{margin-top:5px;font-size:.9rem;color:var(--jx3-gold-dark);font-weight:700;background:#a68b441a;padding:2px 8px;border-radius:var(--radius-md)}.hero-bars-area{flex:1;display:flex;flex-direction:column;gap:10px}.stat-group-v3{display:flex;flex-direction:column;gap:2px}.bar-label{font-size:.8rem;font-weight:700;color:var(--jx3-celadon-dark)}.hero-attributes-section{background:#fff9;border:1px solid var(--jx3-celadon-light);border-radius:var(--radius-lg);padding:18px;box-shadow:inset 0 0 10px #5b8a8a0d}.attributes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:8px}.attributes-header span{font-size:.95rem;font-weight:700;color:var(--jx3-celadon-dark);letter-spacing:2px}.skill-points-tag{color:#e44;font-weight:700;font-size:1rem;text-shadow:0 0 1px rgba(255,0,0,.1)}.attributes-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.attr-box{display:flex;flex-direction:column;align-items:center;background:#fff;padding:12px 10px;border-radius:var(--radius-lg);border:1px solid #e0dcc8;transition:var(--transition-base);box-shadow:0 2px 4px #0000000d}.attr-box:hover{transform:translateY(-2px);box-shadow:0 5px 15px #a68b441a;border-color:var(--jx3-gold)}.attr-box.highlighted{border-color:var(--jx3-gold);background:#fffdf5;box-shadow:0 2px 10px #a68b4426}.attr-box .attr-label{font-size:.85rem;color:#777;margin-bottom:6px}.attr-box .attr-val{font-size:1.2rem;font-weight:700;color:var(--jx3-ink)}.hero-skills-section-v4{padding-top:15px;border-top:2px dashed var(--jx3-celadon-light)}.section-header-v4{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.label-with-icon{font-size:1.1rem;font-weight:700;color:var(--jx3-ink);letter-spacing:2px}.learn-skill-btn-v4{background:var(--jx3-gold);color:#fff;border:1px solid rgba(255,255,255,.3);padding:6px 18px;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-family:Microsoft YaHei,sans-serif;letter-spacing:1px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 5px #0003;position:relative;overflow:hidden}.learn-skill-btn-v4:hover{background:#c1a353;transform:translateY(-2px);box-shadow:0 5px 15px #a68b4466}.learn-skill-btn-v4:active{transform:translateY(0)}.learn-skill-btn-v4:after{content:"";position:absolute;top:-50%;left:-60%;width:20%;height:200%;background:#fff3;transform:rotate(30deg);transition:none}.learn-skill-btn-v4:hover:after{left:120%;transition:all .5s ease-in-out}.hero-skills-list-v4{display:flex;gap:15px;flex-wrap:wrap}.hero-skills-list-v4 .hero-skill-slot{width:52px;height:52px;background:#fff;border:2px solid var(--jx3-celadon);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;cursor:help;transition:all .2s}.hero-skills-list-v4 .hero-skill-slot:hover{border-color:var(--jx3-gold);box-shadow:0 0 15px #a68b4466;transform:translateY(-2px)}.hero-skills-list-v4 .hero-skill-slot .skill-icon-small{width:40px;height:40px;image-rendering:pixelated}.stat-bar-bg{width:100%;height:14px;background:#e0e0e0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 2px 4px #0000001a}.stat-bar-fill{height:100%;width:100%;transition:width .3s ease-out;box-shadow:inset 0 -2px #0000001a}.talent-panel-immersive{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:3000;display:flex;flex-direction:column;overflow:hidden;color:#e0f0f0;font-family:Microsoft YaHei,sans-serif;cursor:default;-webkit-user-select:none;user-select:none}.talent-panel-immersive:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:50;box-shadow:inset 0 0 150px 50px #000;background:radial-gradient(circle at center,transparent 30%,rgba(0,0,0,.4) 100%)}.talent-panel-immersive.sect-chunyang{background:radial-gradient(circle at center,#0f2a2a,#020a0a)!important}.talent-panel-immersive.sect-chunyang .talent-starry-bg{background:radial-gradient(circle at 30% 40%,rgba(68,204,255,.12) 0%,transparent 50%)!important}.talent-panel-immersive.sect-tiance{background:radial-gradient(circle at center,#2a0f0f,#0a0202)!important}.talent-panel-immersive.sect-tiance .talent-starry-bg{background:radial-gradient(circle at 30% 40%,rgba(255,68,68,.12) 0%,transparent 50%)!important}.talent-panel-immersive.sect-cangjian{background:radial-gradient(circle at center,#2a250f,#0a0902)!important}.talent-panel-immersive.sect-cangjian .talent-starry-bg{background:radial-gradient(circle at 30% 40%,rgba(255,204,0,.12) 0%,transparent 50%)!important}.talent-starry-bg{position:absolute;top:-100%;left:-100%;width:300%;height:300%;pointer-events:none;background:transparent;overflow:hidden;transition:transform .1s ease-out}.talent-starry-bg:before{content:"";position:absolute;width:400%;height:400%;top:-150%;left:-150%;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(3px 3px at 50% 10%,#fff,#0000),radial-gradient(2px 2px at 80% 40%,#fff,#0000),radial-gradient(3px 3px at 10% 80%,#fff,#0000),radial-gradient(2px 2px at 40% 90%,#fff,#0000),radial-gradient(2px 2px at 70% 70%,#fff,#0000);background-size:600px 600px;opacity:.4;animation:starsTwinkleSlow 8s infinite ease-in-out alternate}.talent-starry-bg:after{content:"";position:absolute;width:400%;height:400%;top:-150%;left:-150%;background-image:radial-gradient(1px 1px at 15% 15%,#fff,#0000),radial-gradient(1px 1px at 35% 45%,#fff,#0000),radial-gradient(1px 1px at 65% 25%,#fff,#0000),radial-gradient(1px 1px at 85% 75%,#fff,#0000),radial-gradient(1.5px 1.5px at 25% 85%,#fff,#0000),radial-gradient(1px 1px at 55% 65%,#fff,#0000);background-size:350px 350px;opacity:.2;animation:starsTwinkleFast 5s infinite ease-in-out alternate-reverse}@keyframes starsTwinkleSlow{0%{opacity:.2;transform:scale(1) rotate(0)}50%{opacity:.5;transform:scale(1.1) rotate(2deg)}to{opacity:.3;transform:scale(1.05) rotate(-1deg)}}@keyframes starsTwinkleFast{0%{opacity:.1;transform:scale(1.2) rotate(0)}50%{opacity:.4;transform:scale(1) rotate(-3deg)}to{opacity:.2;transform:scale(1.1) rotate(1deg)}}.distort-enter{animation:distortEnter .8s cubic-bezier(.165,.84,.44,1) forwards}@keyframes distortEnter{0%{opacity:0;transform:scale(1.5) rotate(10deg);filter:blur(10px) contrast(2)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0px) contrast(1)}}.talent-star-chart{flex:1;position:relative;padding:0;display:flex;justify-content:center;align-items:center;overflow:visible}.talent-node-container{position:relative;width:5000px;height:5000px;transform-origin:2500px 2500px;transition:transform .05s linear;will-change:transform}.talent-links-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.talent-link{stroke:#5b8a8a4d;stroke-width:2;fill:none;transition:all .5s ease}.talent-link.active{stroke:var(--jx3-gold);stroke-width:3;filter:drop-shadow(0 0 5px rgba(166,139,68,.8));stroke-dasharray:2000;stroke-dashoffset:2000;animation:flowPulse 2s linear infinite,drawLink 1.5s ease-out forwards}@keyframes drawLink{to{stroke-dashoffset:0}}@keyframes flowPulse{0%{stroke-opacity:.6}50%{stroke-opacity:1}to{stroke-opacity:.6}}.talent-node{position:absolute;width:65px;height:65px;background:#5b8a8a26;border:1px solid rgba(178,211,211,.4);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 20px #5b8a8a33,inset 0 0 10px #b2d3d31a;z-index:2;transform:translate(-50%,-50%)}.talent-node.node-type-core{width:90px;height:90px;border-width:3px;background:#a68b4433;border-color:var(--jx3-gold);box-shadow:0 0 30px #a68b4466}.talent-node.node-type-core .talent-node-inner{width:60px;height:60px}.talent-node.node-type-major{width:75px;height:75px;border-width:2px}.talent-node.node-type-minor{width:55px;height:55px}.talent-node.node-type-minor .talent-node-inner{width:35px;height:35px}.talent-node:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px dashed rgba(166,139,68,.3);animation:rotateDashed 10s linear infinite}@keyframes rotateDashed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.talent-node:hover{background:#b2d3d34d;border-color:var(--jx3-gold-light);box-shadow:0 0 40px #b2d3d380,inset 0 0 15px #fff3;transform:translate(-50%,-50%) scale(1.15);transition:all .1s cubic-bezier(.175,.885,.32,1.275)}.talent-node.active{background:var(--jx3-gold);border-color:#fff;box-shadow:0 0 40px #a68b44cc}.talent-node.is-locked{filter:grayscale(100%) brightness(.7);cursor:not-allowed;opacity:.6}.talent-node.is-locked:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:none}.talent-node-inner{width:40px;height:40px;border-radius:50%;background-size:cover;background-position:center;image-rendering:pixelated}.talent-node-level{position:absolute;bottom:-15px;right:-10px;background:var(--jx3-ink);color:var(--jx3-gold-light);font-size:.75rem;padding:2px 6px;border-radius:10px;border:1px solid var(--jx3-gold);z-index:5;white-space:nowrap}.talent-node-name{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:max-content;text-align:center;color:#fff;font-size:.85rem;text-shadow:0 0 5px #000;pointer-events:none;letter-spacing:1px;white-space:nowrap}.talent-group-tag{position:absolute;font-size:7.5rem;color:#ffffff0d;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:900;letter-spacing:.5rem;white-space:nowrap;text-shadow:0 0 20px rgba(255,255,255,.02);font-family:PingFang SC,Microsoft YaHei,sans-serif;transition:all .8s cubic-bezier(.4,0,.2,1)}.talent-group-tag:hover{color:#ffffff14}.talent-ui-overlay{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;padding:30px 50px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;z-index:100}.talent-points-clean{display:flex;flex-direction:column;align-items:center;pointer-events:auto;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);padding:20px;border-radius:50%}.points-icon{font-size:1.5rem;color:var(--jx3-gold-light);text-shadow:0 0 10px var(--jx3-gold);animation:pulseGlow 3s infinite ease-in-out}.points-num{font-size:2.2rem;font-weight:100;color:#fff;font-family:PingFang SC,sans-serif;margin:5px 0}.points-label{font-size:.7rem;color:#fff6;letter-spacing:4px;text-indent:4px}.close-talent-minimal{background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .4s cubic-bezier(.165,.84,.44,1);pointer-events:auto;padding:10px}.close-talent-minimal .close-icon{font-size:1.8rem;font-weight:100;transform:rotate(0);transition:transform .6s}.close-talent-minimal .close-text{font-size:.75rem;letter-spacing:5px;text-indent:5px;opacity:.5;transition:opacity .4s}.close-talent-minimal:hover{color:#fff}.close-talent-minimal:hover .close-icon{transform:scale(1.25);color:#fff;text-shadow:0 0 15px rgba(255,255,255,.5)}.close-talent-minimal:hover .close-text{opacity:1;letter-spacing:7px}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1);filter:brightness(1) drop-shadow(0 0 2px var(--jx3-gold))}50%{opacity:1;transform:scale(1.15);filter:brightness(1.8) drop-shadow(0 0 12px var(--jx3-gold));color:#fff}}.ui-layer-distort-out{pointer-events:none;animation:uiDistortExit .2s cubic-bezier(.55,.055,.675,.19) forwards;will-change:transform,opacity,filter}@keyframes uiDistortExit{0%{transform:scale(1) rotate(0);filter:blur(0);opacity:1}99%{opacity:.1}to{transform:scale(.1) rotate(-15deg);filter:blur(20px) contrast(2);opacity:0;visibility:hidden}}.ui-layer-distort-in{animation:uiDistortEnter .6s cubic-bezier(.215,.61,.355,1) forwards;will-change:transform,opacity,filter}@keyframes uiDistortEnter{0%{transform:scale(.1) rotate(-15deg);filter:blur(20px) contrast(2);opacity:0}to{transform:scale(1) rotate(0);filter:blur(0);opacity:1}}.stat-bar-fill.xp{background:linear-gradient(to right,#a68b44,#d4af37,#f1c40f)}.stat-bar-fill.hp{background:linear-gradient(to right,#b22222,#e74c3c,#ff5252)}.stat-bar-fill.mp{background:linear-gradient(to right,#1a5276,#3498db,#5dade2)}.talent-btn-v4{margin:12px auto 0;padding:6px 0;width:85%;background:#f0ede0;border:1px solid var(--jx3-celadon);border-radius:var(--radius-md);color:var(--jx3-celadon-dark);font-family:Microsoft YaHei,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:6px;text-indent:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000014}.talent-btn-v4:hover{background:#fff;border-color:var(--jx3-gold);color:var(--jx3-gold-dark);box-shadow:0 4px 8px #a68b4426;transform:translateY(-1px)}.talent-btn-v4:active{transform:translateY(1px);box-shadow:0 1px 2px #0000001a;background:#e9e4d1}.talent-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.05);margin-bottom:15px}.talent-points-info{font-size:1.1rem;font-weight:700;color:var(--jx3-ink)}.talent-grid-v4{flex:1;overflow-y:auto;padding:10px}.stat-value{position:absolute;right:0;top:-18px;font-size:.85rem;font-weight:700;color:var(--jx3-ink);font-family:monospace}.attributes-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;padding-top:15px;border-top:1px dashed #ccc}.attr-item{font-size:.95rem;color:var(--jx3-ink);font-weight:700}.hero-skills-section{margin-top:25px;padding-top:15px;border-top:2px double var(--jx3-celadon);text-align:left}.hero-skills-list{display:flex;gap:12px;margin-top:10px}.hero-skills-list .hero-skill-slot{width:48px;height:48px;background:#fff;border:2px solid var(--jx3-celadon);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:help;transition:all .2s}.hero-skills-list .hero-skill-slot:hover{border-color:var(--jx3-gold);transform:scale(1.1);box-shadow:0 0 10px #a68b444d}.hero-skills-list .hero-skill-slot .skill-icon-small{width:32px;height:32px;image-rendering:pixelated}.hero-mini-card:hover{transform:scale(1.05);background:#f0f0e0}.mini-stats{display:flex;flex-direction:column}.teleport-btn-v3{width:120px;height:32px;background:var(--jx3-gold);color:#fff;border:1px solid var(--jx3-celadon);border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-family:Microsoft YaHei,sans-serif;transition:all .2s;text-shadow:0 1px 2px rgba(0,0,0,.3);justify-self:end}.teleport-btn-v3:hover{background:#fc0;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.teleport-panel-v3{width:600px;max-width:90vw;padding:40px 30px;background:var(--jx3-paper);border:6px solid var(--jx3-celadon);outline:2px solid var(--jx3-gold)}.teleport-header{text-align:center;border-bottom:2px solid var(--jx3-celadon-light);margin-bottom:20px;padding-bottom:10px}.teleport-title{font-size:1.8rem;color:var(--jx3-ink);margin:0;letter-spacing:8px;font-family:Microsoft YaHei,sans-serif}.teleport-subtitle{color:#666;font-size:.9rem;margin-top:5px}.teleport-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px;max-height:400px}.teleport-dest-card{background:#fff;border:1px solid var(--jx3-celadon-light);border-radius:var(--radius-md);padding:15px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.teleport-dest-card:hover{border-color:var(--jx3-gold);background:#fff9e6;transform:translate(5px)}.teleport-dest-icon{width:48px;height:48px;background-size:cover;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.teleport-dest-info{flex:1}.teleport-dest-name{display:block;font-weight:700;font-size:1rem;color:var(--jx3-ink)}.teleport-dest-type{display:block;font-size:.8rem;color:#888}.town-panel-v3{width:1150px;max-width:96vw;padding:42px 30px 45px;display:flex;flex-direction:column;gap:10px;background:#f4f0e0;height:800px;max-height:96vh;border:6px solid var(--jx3-celadon);outline:2px solid var(--jx3-gold);box-sizing:border-box;position:relative}.town-header-top-v3{display:grid;grid-template-columns:200px 1fr 200px;align-items:center;border-bottom:3px double var(--jx3-celadon);margin-bottom:5px;padding:0 5px}.town-title-v3{font-size:1.8rem;color:var(--jx3-ink);margin:0;text-align:center;letter-spacing:12px;font-weight:900;font-family:Microsoft YaHei,sans-serif;padding-bottom:5px}.town-income-v3{font-size:.85rem;font-weight:700;color:#333;font-family:Microsoft YaHei,sans-serif;text-align:left;white-space:nowrap}.town-income-v3 span{color:var(--jx3-gold)}.town-title-group-v3{display:none}.close-btn-v3{position:absolute;top:10px;right:15px;width:30px;height:30px;background:var(--jx3-paper);border:2px solid var(--jx3-celadon);color:var(--jx3-celadon-dark);font-size:24px;line-height:24px;cursor:pointer;z-index:100;display:flex;justify-content:center;align-items:center;transition:all .2s;border-radius:var(--radius-md);padding:0}.close-btn-v3:hover{background:#f44;color:#fff;border-color:#c00}.town-main-content{display:grid;grid-template-columns:1fr 320px;gap:12px;flex:1;min-height:0}.town-construction-section{display:flex;flex-direction:column;background:#fff;border:2px solid var(--jx3-celadon);border-radius:var(--radius-md);overflow:hidden;height:100%}.construction-container{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;flex:1}.construction-category{display:flex;flex-direction:column;gap:5px}.cat-label{font-size:.9rem;font-weight:700;color:var(--jx3-celadon);border-left:5px solid var(--jx3-gold);padding:1px 12px;background:#f9f9f9}.building-grid{display:flex;overflow-x:auto;gap:10px;padding:5px;scrollbar-width:thin;scrollbar-color:var(--jx3-celadon) transparent}.building-grid::-webkit-scrollbar{height:6px}.building-grid::-webkit-scrollbar-thumb{background:var(--jx3-celadon);border-radius:var(--radius-md)}.building-card{flex:0 0 115px;background:#fff;border:1px solid #e0e0e0;padding:6px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:4px;transition:var(--transition-base);box-shadow:0 2px 4px #0000000d;position:relative;overflow:hidden;cursor:pointer}.building-card:hover{border-color:var(--jx3-gold);transform:translateY(-4px);box-shadow:0 8px 20px #a68b4426;z-index:10}.building-card.lv-0{background:#f0f0f0;filter:grayscale(.8);opacity:.7}.building-card.lv-0:hover{filter:grayscale(.3);opacity:1;background:#fff}.building-card.lv-1{border-left:4px solid var(--jx3-celadon-light)}.building-card.lv-2{border-left:4px solid var(--jx3-celadon)}.building-card.lv-3{border-left:4px solid var(--jx3-gold)}.building-card.is-max{background:#fdfaf2;border-color:var(--jx3-gold);box-shadow:inset 0 0 10px #a68b441a}.building-card.is-locked{background:#ddd;filter:grayscale(.8);opacity:.7;cursor:not-allowed;border-color:#bbb}.building-card.is-locked:hover{transform:none;box-shadow:none;border-color:#bbb}.building-icon{width:28px;height:28px;margin-bottom:1px}.building-name{font-size:.8rem;font-weight:700;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.building-cost{font-size:.7rem;color:#a68b44;background:#fdfaf2;padding:1px 4px;border-radius:var(--radius-md);width:100%;text-align:center;font-weight:700;border:1px solid #f0e6cc}.town-recruit-section{display:flex;flex-direction:column;background:#fff;border:2px solid var(--jx3-celadon);border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-base);height:100%}.recruit-list-v3{padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.recruit-item{display:grid;grid-template-columns:48px 1fr 70px;align-items:center;gap:10px;padding:8px;border:1px solid #eee;border-radius:var(--radius-md);background:#fff;transition:var(--transition-base)}.recruit-item:hover{border-color:var(--jx3-gold);background:#fdfaf2;transform:translate(3px)}.recruit-item .wuxia-btn{padding:8px 0;font-size:.9rem;letter-spacing:1px}.town-army-section{display:grid;grid-template-columns:1fr 60px 1fr;gap:10px;align-items:center;background:#fff;padding:8px;border:2px solid var(--jx3-celadon);border-radius:var(--radius-md);transition:var(--transition-base)}.army-container{background:#f9f9f9;border:1px solid #ddd;border-radius:var(--radius-md);padding:8px 8px 12px;min-width:0;transition:var(--transition-base)}.army-slots-v3{display:flex;flex-wrap:nowrap;gap:8px;height:85px;justify-content:flex-start;padding:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--jx3-gold) rgba(0,0,0,.05)}.army-slots-v3 .unit-slot{flex-shrink:0}.army-slots-v3::-webkit-scrollbar{height:6px}.army-slots-v3::-webkit-scrollbar-thumb{background:var(--jx3-gold);border-radius:var(--radius-md)}.army-slots-v3::-webkit-scrollbar-track{background:#0000000d;border-radius:var(--radius-md)}.army-label{font-size:.9rem;font-weight:700;color:var(--jx3-celadon);text-align:center;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #eee}.army-transfer-actions{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:0 5px}.transfer-btn{background:#fdfaf2;border:2px solid var(--jx3-celadon);color:var(--jx3-celadon);width:32px;height:32px;border-radius:var(--radius-md);cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0000001a;padding:0}.transfer-btn:hover{background:var(--jx3-celadon);color:#fff;transform:scale(1.1);border-color:var(--jx3-gold)}.transfer-btn:active{transform:scale(.95)}.town-footer-v3{display:flex;justify-content:center}.town-footer-v3 .wuxia-btn{padding:12px 60px;font-size:1.1rem}.town-footer{margin-top:20px;display:flex;flex-direction:column;gap:20px}.world-date-display-container{pointer-events:auto;position:relative;top:auto;right:auto;display:flex;align-items:center;gap:12px;background:none;padding:0;border:none;box-shadow:none;z-index:1000}.world-date-display-container:after{display:none}.world-date-display{color:var(--jx3-gold-light);font-weight:700;font-family:Microsoft YaHei,sans-serif;font-size:1rem;letter-spacing:1px;display:flex;align-items:center;gap:8px}.difficulty-tag{background:var(--jx3-ink);color:var(--jx3-gold);font-size:.7rem;padding:1px 6px;border-radius:var(--radius-sm);border:1px solid var(--jx3-gold);line-height:1.2;text-transform:uppercase;transition:var(--transition-base)}.difficulty-tag.diff-easy{background:#27ae60;color:#fff;border-color:#1e8449}.difficulty-tag.diff-hard{background:#e67e22;color:#fff;border-color:#d35400}.difficulty-tag.diff-hell{background:#c0392b;color:#fff;border-color:#922b21;box-shadow:0 0 8px #c0392b66;animation:hellPulse 2s infinite ease-in-out}@keyframes hellPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.2);box-shadow:0 0 12px #c0392b99}}.time-progress-outer{width:28px;height:28px;background:#fff;border:1px solid var(--jx3-celadon);border-radius:50%;position:relative;padding:2px;box-shadow:inset 0 1px 3px #0000001a}.time-progress-circle{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--jx3-gold) 0%,#eee 0);transition:background .3s ease}#building-draft-overlay{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:12000;flex-direction:column}.draft-instruction{color:#d4af37;font-size:2.2rem;letter-spacing:20px;margin-bottom:60px;text-shadow:0 0 15px rgba(212,175,55,.4),2px 2px 0px rgba(0,0,0,.2);animation:titleSharpEntry .6s cubic-bezier(.19,1,.22,1) forwards;font-family:楷体,STKaiti,serif;font-weight:900}@keyframes titleSharpEntry{0%{opacity:0;transform:scale(1.5) translateY(-50px);filter:blur(10px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.building-cards-wrapper{display:flex;gap:50px;perspective:2000px;padding:20px;transform:translateY(-30px)}.hs-card.is-selected{animation:cardSelectBurst .6s cubic-bezier(.19,1,.22,1) forwards!important;z-index:1000!important;pointer-events:none}@keyframes cardSelectBurst{0%{transform:translateY(-40px) scale(1.15);filter:brightness(1)}40%{transform:translateY(-60px) scale(1.35);filter:brightness(2) contrast(1.5)}to{transform:translateY(-100px) scale(1.5);filter:brightness(3);opacity:0}}.hs-card.is-not-selected{animation:cardUnselectedFade .4s ease-in forwards!important;pointer-events:none}@keyframes cardUnselectedFade{0%{transform:scale(1);opacity:1;filter:blur(0)}to{transform:scale(.8) translateY(20px);opacity:0;filter:blur(10px)}}.hs-card-wrapper{perspective:1000px;animation:cardSharpEntry .5s cubic-bezier(.175,.885,.32,1.5) forwards;opacity:0}.hs-card-wrapper:nth-child(1){animation-delay:.05s}.hs-card-wrapper:nth-child(2){animation-delay:.15s}.hs-card-wrapper:nth-child(3){animation-delay:.25s}.hs-card{width:260px;height:380px;background:var(--jx3-paper);border-radius:8px;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.165,.84,.44,1);transform-style:preserve-3d;border:2px solid var(--jx3-celadon);box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;align-items:center;padding:25px 20px;overflow:hidden}@keyframes cardSharpEntry{0%{transform:translateY(300px) rotateX(-60deg) scale(.5);opacity:0}to{transform:translateY(0) rotateX(0) scale(1);opacity:1}}.hs-card:hover{transform:translateY(-40px) scale(1.15);border-color:var(--jx3-gold-light);box-shadow:0 50px 100px #00000080,0 0 40px #a68b444d;z-index:100;transition:all .1s ease-out}.hs-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);opacity:.1;pointer-events:none}.hs-card-icon-frame{width:120px;height:120px;border:4px solid var(--jx3-celadon-dark);border-radius:50%;margin-bottom:25px;background:#fff;overflow:hidden;box-shadow:0 8px 20px #00000026;position:relative}.hs-card-icon{width:100%;height:100%;background-size:400% 400%;image-rendering:pixelated}.hs-card-name{font-size:1.7rem;font-weight:900;color:var(--jx3-ink);margin-bottom:10px;font-family:楷体,STKaiti,serif}.hs-card-rarity{font-size:.85rem;padding:4px 16px;border-radius:4px;margin-bottom:20px;text-transform:uppercase;font-weight:900;letter-spacing:3px}.hs-card-desc{font-size:1rem;color:#333;line-height:1.6;text-align:center;border-top:2px double rgba(166,139,68,.3);padding-top:15px;font-weight:700}.rarity-common .hs-card-rarity{background:#64646433;color:#555;border:1px solid #888}.rarity-rare .hs-card-rarity{background:#0088cc40;color:#06a;border:1px solid #0088cc}.rarity-epic .hs-card-rarity{background:#b8860b40;color:#b8860b;border:1px solid #b8860b}.rarity-common{box-shadow:0 0 20px #64646433}.rarity-common:hover{box-shadow:0 0 50px #64646480}.rarity-rare{border-color:#08c!important;box-shadow:0 0 50px #08c9}.rarity-rare:hover{box-shadow:0 0 90px #0088cce6,0 0 30px #08c6}.rarity-epic{border-color:gold!important;box-shadow:0 0 70px #ffd700b3}.rarity-epic:hover{box-shadow:0 0 130px gold,0 0 40px #fff9}.rarity-legendary{border-color:red!important;box-shadow:0 0 80px #f00c;background:linear-gradient(135deg,#1a0000,#3d0000)!important}.rarity-legendary .hs-card-name{color:#fff;text-shadow:0 0 10px rgba(255,0,0,.5)}.rarity-legendary .hs-card-desc{color:#fcc;border-top:2px double rgba(255,255,255,.2)}.rarity-legendary .hs-card-rarity{background:#ff00004d;color:#f44;border:1px solid #ff4444;text-shadow:0 0 8px rgba(255,0,0,.6)}.rarity-legendary:hover{box-shadow:0 0 150px red,0 0 60px #ff6464cc}.rarity-epic:after,.rarity-legendary:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(45deg);animation:epicSharpGlow 2s infinite cubic-bezier(.4,0,.2,1)}.rarity-legendary:after{background:linear-gradient(45deg,transparent,rgba(255,100,100,.4),transparent);animation-duration:1.2s}@keyframes epicSharpGlow{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(50%,50%) rotate(45deg)}}@keyframes epicGlow{0%{transform:translate(-30%,-30%) rotate(45deg)}to{transform:translate(30%,30%) rotate(45deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.tooltip-container{position:fixed;background:#000000b3;color:#fff;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--jx3-gold);pointer-events:none;z-index:10000;width:220px;box-shadow:0 10px 25px #00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;gap:8px}.tooltip-level{font-size:.75rem;color:var(--jx3-paper);opacity:.7;margin-top:-2px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:4px}.tooltip-title{font-size:1.1rem;font-weight:700;color:var(--jx3-gold);padding-bottom:4px;display:flex;justify-content:space-between;align-items:center}.skill-level-tag{font-size:.75rem;padding:2px 6px;border-radius:var(--radius-md);background:#a68b4433;color:var(--jx3-paper);border:1px solid var(--jx3-gold)}.level-初级{color:#aaa;border-color:#666;background:#64646433}.level-高级{color:#fc0;border-color:#fc0;background:#ffcc001a}.level-绝技{color:#f40;border-color:#f40;background:#f403;text-shadow:0 0 5px rgba(255,68,0,.5)}.tooltip-effect{font-size:.85rem;color:#0fc;font-weight:700}.tooltip-desc{font-size:.8rem;line-height:1.4;color:#ccc}.skill-num-highlight{color:#fc0;font-weight:900;font-family:monospace;padding:0 2px;text-shadow:0 0 5px rgba(255,204,0,.3)}.skill-term-highlight{color:#6cf}.settlement-content{margin:20px 0;width:100%;min-height:150px;display:flex;flex-direction:column;align-items:center;gap:20px}.xp-gain-section{width:100%;background:#a68b441a;padding:15px;border-radius:var(--radius-md);border:1px solid rgba(166,139,68,.2);display:flex;flex-direction:column;align-items:center}.xp-gain-display{display:flex;align-items:center;gap:20px;width:100%;justify-content:center}.xp-gain-val{font-size:1.4rem;font-weight:700;color:var(--jx3-gold);font-family:Courier New,monospace;text-shadow:0 0 5px rgba(166,139,68,.3)}.xp-progress-mini{flex:0 1 250px}.loss-section{width:100%;background:#0000000d;padding:15px;border-radius:var(--radius-md);min-height:120px;display:flex;flex-direction:column;justify-content:center}.section-label{width:100%;text-align:center;font-weight:700;color:var(--jx3-celadon-dark);margin-bottom:15px;border-bottom:1px dashed var(--jx3-celadon);padding-bottom:5px}.loss-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;flex:1;align-items:center}.loss-empty-hint{width:100%;text-align:center;color:var(--jx3-celadon-dark);font-size:1.2rem;font-style:italic;font-family:楷体,STKaiti,serif;letter-spacing:2px;opacity:.9}.loss-item{display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;padding:8px 15px;border:1px solid #ddd;border-radius:var(--radius-md);min-width:80px}.loss-count{color:#c00;font-weight:700;font-size:1.1rem}.gain-count{color:#2e7d32;font-weight:700;font-size:1.1rem}.loss-name{font-size:.8rem;color:#666}#game-start-window{width:580px;padding:60px 50px;z-index:1000}.game-start-content{margin-bottom:30px}.game-start-intro{font-size:1.2rem;color:var(--jx3-ink);line-height:1.6;margin-bottom:25px;font-family:楷体,STKaiti,serif;font-weight:700;border-left:4px solid var(--jx3-gold);padding-left:15px;text-align:left}.enemy-info-box{background:#5b8a8a1a;border:1px solid var(--jx3-celadon);padding:20px;border-radius:var(--radius-md);text-align:left}.enemy-info-label{font-size:.9rem;color:var(--jx3-celadon-dark);font-weight:700;margin-bottom:15px;display:flex;align-items:center;gap:8px}.enemy-info-label:before{content:"";display:inline-block;width:12px;height:12px;background:var(--jx3-gold);transform:rotate(45deg)}.enemy-list-horizontal{display:flex;gap:20px;justify-content:center}.enemy-item-card{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--jx3-paper);padding:12px;border:1px solid var(--jx3-gold);border-radius:var(--radius-md);width:120px;transition:transform .2s}.enemy-item-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.enemy-portrait-start{width:64px;height:64px;border:2px solid var(--jx3-celadon);background-color:#fff;background-size:400% 400%;image-rendering:pixelated}.enemy-name-start{font-size:1rem;font-weight:700;color:var(--jx3-ink)}.enemy-title-start{font-size:.75rem;color:#666}.recruit-scroll{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;width:600px;z-index:100}.recruit-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:300px;overflow-y:auto;padding-right:10px}.recruit-item{display:flex;align-items:center;gap:20px;background:#ffffff4d;padding:10px 20px;border:1px solid var(--jx3-celadon-light);border-radius:var(--radius-md)}.unit-info{flex-grow:1;display:flex;flex-direction:column;text-align:left}.unit-name{font-weight:700;color:var(--jx3-celadon-dark)}.unit-cost{font-size:.9rem;color:var(--jx3-gold)}.recruit-tip{font-size:.8rem;color:#b22222;margin-top:10px;font-style:italic}.transfer-prompt{position:absolute;bottom:120px;left:50%;transform:translate(-50%);pointer-events:auto;z-index:30}.prompt-content{background:var(--jx3-paper);border:2px solid var(--jx3-celadon);padding:15px 30px;border-radius:var(--radius-md);box-shadow:0 5px 20px #0006;display:flex;flex-direction:column;align-items:center;gap:10px}#transfer-msg{color:var(--jx3-celadon-dark);font-weight:700}.prompt-btns{display:flex;gap:15px}.secondary{background:#999!important;border-color:#777!important}.minimap-container{position:absolute;bottom:25px;right:25px;width:180px;height:180px;background:var(--jx3-paper);border:4px solid var(--jx3-celadon);outline:2px solid var(--jx3-gold);box-shadow:0 10px 30px #00000080;pointer-events:auto;overflow:hidden;z-index:100;border-radius:var(--radius-md);background-image:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,transparent 10%,transparent 90%,rgba(0,0,0,.05) 100%)}#minimap-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;background:#111;opacity:.9}.hidden{display:none!important}.hud-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}canvas{image-rendering:pixelated}.load-save-list{display:flex;flex-direction:column;gap:12px;padding:15px 25px;overflow-y:auto}.save-item{background:#00000008;border:1px solid var(--jx3-celadon-light);border-radius:var(--radius-lg);padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:15px;transition:var(--transition-base);position:relative;overflow:hidden}.save-item:hover{background:#fff;border-color:var(--jx3-gold);transform:translate(5px);box-shadow:0 5px 15px #a68b441a}.save-item.empty{opacity:.8;cursor:default;border-style:dashed;background:#00000003}.save-portrait{width:54px;height:54px;border-radius:var(--radius-md);background-size:400% 400%;image-rendering:pixelated;border:2px solid var(--jx3-celadon);box-shadow:0 2px 5px #0000001a;flex-shrink:0;background-color:#ffffff80}.save-portrait.empty{background:#0000000d;display:flex;align-items:center;justify-content:center}.save-portrait.empty:after{content:"?";color:var(--jx3-celadon-light);font-size:24px;font-weight:700}.save-info{flex-grow:1;display:flex;flex-direction:column;gap:4px;text-align:left}.save-name{color:var(--jx3-ink);font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:0}.save-lv{font-size:.8rem;color:var(--jx3-gold);background:#a68b441a;padding:1px 6px;border-radius:var(--radius-md);border:1px solid rgba(166,139,68,.2)}.save-details{color:var(--jx3-celadon-dark);font-size:.85rem;display:flex;gap:12px;align-items:center;font-style:normal;opacity:.8}.save-res{color:#b8860b;font-weight:700}.save-time{margin-left:auto;font-size:.75rem;color:#888;font-family:monospace}.save-action-badge{padding:4px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;letter-spacing:1px}.save-action-badge.override{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.save-action-badge.create{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}body.is-mobile .save-item{padding:10px 15px}body.is-mobile .save-name{font-size:1rem}body.is-mobile .save-details{font-size:.75rem}.floating-text{position:absolute;pointer-events:none;font-weight:900;font-family:Microsoft YaHei,sans-serif;font-size:1.4rem;text-shadow:2px 2px 0px rgba(0,0,0,1);z-index:2000;white-space:nowrap;animation:floatUpAndFade 1.5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes floatUpAndFade{0%{transform:translate(-50%);opacity:0}15%{transform:translate(-50%,-20px);opacity:1}to{transform:translate(-50%,-120px);opacity:0}}#notification-container{position:fixed;top:15px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.game-notification{background:linear-gradient(135deg,#fffcf3 0%,var(--jx3-paper) 100%);border:1px solid var(--jx3-gold);padding:0 30px;height:44px;max-height:60px;box-sizing:border-box;border-radius:22px;box-shadow:0 4px 20px #0000004d,inset 0 0 0 1px #fff9;color:var(--jx3-ink);font-weight:700;font-family:Microsoft YaHei,sans-serif;font-size:1rem;letter-spacing:1.5px;display:flex;align-items:center;gap:12px;white-space:nowrap;position:relative;overflow:hidden;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);animation:notificationSlideIn 4s cubic-bezier(.23,1,.32,1) forwards}.game-notification:before,.game-notification:after{display:none}.game-notification-icon{color:var(--jx3-gold);font-size:.9rem;filter:drop-shadow(0 0 2px rgba(166,139,68,.3))}.game-notification.removing{opacity:0!important;height:0!important;max-height:0!important;margin-top:-8px!important;border-width:0!important;padding-top:0!important;padding-bottom:0!important;transform:translateY(-20px) scale(.9);pointer-events:none}@keyframes notificationSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}10%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.battle-bottom-ui{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:20px;z-index:1000;transition:transform .4s cubic-bezier(.165,.84,.44,1);pointer-events:none}.battle-bottom-ui:before{content:"";position:absolute;top:-80px;left:-20px;right:-20px;bottom:-30px;pointer-events:auto;z-index:-1}.battle-bottom-ui.autohide{transform:translate(-50%,calc(100% - 20px))}.battle-bottom-ui.autohide:hover,.battle-bottom-ui.autohide.force-visible{transform:translate(-50%)}.battle-bottom-ui.autohide.is-targeting,.battle-bottom-ui.autohide.force-collapse{transform:translate(-50%,calc(100% - 20px))!important}.battle-bottom-ui>*{pointer-events:auto}.skill-bar-container{background:var(--jx3-paper);padding:15px 25px;border-radius:var(--radius-md);border:4px solid var(--jx3-celadon);outline:1px solid var(--jx3-gold);box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:520px;max-width:90vw;overflow-x:auto;transition:all .3s cubic-bezier(.25,1,.5,1)}.skill-bar-container::-webkit-scrollbar{height:4px}.skill-bar-container::-webkit-scrollbar-thumb{background:var(--jx3-celadon);border-radius:var(--radius-sm)}.battle-escape-btn{width:65px;height:65px;background:#8b0000;border:4px solid var(--jx3-paper);outline:2px solid var(--jx3-gold);color:#fff;font-size:1.8rem;font-weight:700;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #00000080;transition:all .2s cubic-bezier(.175,.885,.32,1.275);font-family:楷体,STKaiti,serif;flex-shrink:0;margin-bottom:5px}.battle-escape-btn:hover{background:#c00;transform:scale(1.1) rotate(5deg);box-shadow:0 0 20px #f006;border-color:#fff}.battle-escape-btn:active{transform:scale(.95)}.confirm-container{min-width:450px!important;padding:60px 40px!important}.confirm-desc{margin:0 0 30px;color:#666;font-size:1.1rem;font-style:italic;line-height:1.6}.horizontal{flex-direction:row!important;justify-content:center;gap:30px!important}.secondary{background:var(--jx3-paper-dark)!important;color:var(--jx3-ink)!important;border-color:var(--jx3-celadon)!important}.secondary:hover{background:#d1caad!important}.battle-mp-status{width:480px;display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:8px;padding-bottom:8px;border-bottom:2px double var(--jx3-celadon)}.mp-bar-bg{width:100%;height:10px;background:#0000001a;border-radius:5px;overflow:hidden;border:1px solid var(--jx3-celadon);box-shadow:inset 0 1px 3px #0000001a}.mp-bar-fill{height:100%;width:100%;background:linear-gradient(to right,#0d47a1,#1976d2,#448aff);box-shadow:0 0 10px #448aff66;transition:width .3s cubic-bezier(.4,0,.2,1)}.mp-text{color:var(--jx3-ink);font-size:.85rem;font-weight:700;text-shadow:none}.skill-category-filters{display:flex;justify-content:center;gap:15px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1)}.filter-btn{background:#ffffff80;border:1px solid var(--jx3-celadon);color:var(--jx3-celadon-dark);padding:4px 15px;border-radius:var(--radius-md);font-size:.85rem;cursor:pointer;transition:all .2s;min-width:60px}.filter-btn:hover{border-color:var(--jx3-gold);background:#fff;color:var(--jx3-gold-dark)}.filter-btn.active{background:var(--jx3-celadon);color:#fff;border-color:var(--jx3-gold);box-shadow:0 2px 8px #0000001a}.skill-slots{display:flex;gap:25px;align-items:flex-start;min-height:86px;justify-content:center}.no-skills-msg{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--jx3-celadon-dark);opacity:.6;height:86px;box-sizing:border-box;font-style:italic;letter-spacing:2px}.no-skills-icon{width:32px;height:32px;border:2px dashed var(--jx3-celadon);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.hero-no-skills{width:100%;text-align:center;height:52px;display:flex;align-items:center;justify-content:center;color:var(--jx3-ink);opacity:.5;font-size:.9rem;font-style:italic;background:#0000000d;border-radius:var(--radius-md);border:1px dashed rgba(0,0,0,.1)}.skill-group-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 15px}.skill-group-header{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-size:.85rem;font-weight:700;color:var(--jx3-celadon-dark);letter-spacing:4px;white-space:nowrap}.skill-group-header:before,.skill-group-header:after{content:"";flex:1;height:2px;background:linear-gradient(to right,transparent,var(--jx3-celadon-light),transparent)}.skill-group-header:before{background:linear-gradient(to left,var(--jx3-celadon-light),transparent)}.skill-group-header:after{background:linear-gradient(to right,var(--jx3-celadon-light),transparent)}.skill-group-list{display:flex;gap:12px}.skill-btn{width:60px;height:60px;background:var(--jx3-paper);border:2px solid var(--jx3-celadon);border-radius:var(--radius-md);cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;overflow:hidden}.skill-btn:hover:not(.disabled){border-color:var(--jx3-gold);transform:translateY(-4px)}.skill-btn.disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed;pointer-events:none}.skill-icon{width:32px;height:32px;pointer-events:none}.skill-cost{font-size:.7rem;color:#1a5276;font-weight:700;pointer-events:none}.cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;height:0%;background:#0009;pointer-events:none}.skill-name-tag{position:absolute;top:-25px;background:var(--jx3-gold);color:#fff;font-size:.7rem;padding:2px 6px;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;transition:opacity .2s;pointer-events:none}.skill-btn:hover .skill-name-tag{opacity:1}.deployment-container{pointer-events:auto;position:absolute;bottom:40px;background:var(--jx3-paper);border:4px solid var(--jx3-celadon);padding:15px 30px;display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 10px 30px #0000004d}.deploy-info{color:var(--jx3-celadon-dark);font-weight:700}.unit-slots{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding:10px;max-width:600px;width:auto;scrollbar-width:thin;scrollbar-color:var(--jx3-gold) rgba(0,0,0,.05)}.unit-slots::-webkit-scrollbar{height:6px}.unit-slots::-webkit-scrollbar-thumb{background:var(--jx3-gold);border-radius:var(--radius-md)}.unit-slot{display:flex;flex-direction:column;align-items:center;cursor:pointer;border:1px solid var(--jx3-celadon-light);padding:5px;background:#fff;transition:transform .15s;flex-shrink:0;min-width:60px}.unit-slot:hover{border-color:var(--jx3-celadon);transform:scale(1.1)}.unit-slot.selected{border-color:var(--jx3-gold);background:var(--jx3-celadon-light)}.slot-icon{width:40px;height:40px}.slot-count{font-size:.75rem;font-weight:700;color:var(--jx3-celadon-dark)}#action-hint{position:fixed;pointer-events:none;background:transparent;color:#fff;padding:0;font-size:.75rem;font-weight:700;border:none;z-index:10001;font-family:Courier New,monospace;text-shadow:1px 1px 0px #000,-1px -1px 0px #000,1px -1px 0px #000,-1px 1px 0px #000;white-space:nowrap;letter-spacing:.5px}.pixel-font{image-rendering:pixelated}.talent-group-label{position:absolute;pointer-events:none;font-size:4rem;font-weight:900;color:#5b8a8a14;white-space:nowrap;z-index:0;font-family:楷体,STKaiti,serif;letter-spacing:20px;text-shadow:0 0 20px rgba(91,138,138,.05);-webkit-user-select:none;user-select:none}body.is-mobile #world-ui.hidden,body.is-mobile .minimap-container.hidden,body.is-mobile .hidden{display:none!important}body.is-mobile .menu-container{min-width:0!important;width:96vw!important;height:98vh!important;display:flex;flex-direction:column;justify-content:center;padding:15px 20px 5px!important;border-width:4px!important}body.is-mobile .menu-decoration-top,body.is-mobile .menu-decoration-bottom{height:15px!important;font-size:.65rem!important;letter-spacing:5px!important;line-height:15px!important}body.is-mobile .close-btn-v3{top:2px!important;right:8px!important;width:24px!important;height:24px!important;font-size:16px!important}body.is-mobile .hero-panel-v4{width:90vw!important;height:98vh!important;max-height:410px!important}body.is-mobile .hero-panel-header{height:30px!important;margin-bottom:2px!important}body.is-mobile .panel-title{font-size:.9rem!important}body.is-mobile .hero-panel-main{display:flex!important;flex-direction:column!important;gap:4px!important;padding:5px 15px 25px!important}body.is-mobile .hero-core-info{gap:6px!important}body.is-mobile .hero-avatar-area{padding:4px!important;gap:8px!important}body.is-mobile .hero-big-portrait{width:55px!important;height:55px!important}body.is-mobile .hero-identity h2{font-size:1rem!important;margin:0!important}body.is-mobile .hero-identity p{font-size:.65rem!important;margin:0!important}body.is-mobile .hero-bars-area{gap:3px!important}body.is-mobile .stat-bar-bg{height:8px!important}body.is-mobile .bar-label{font-size:.6rem!important;line-height:1!important}body.is-mobile .stat-value{font-size:.6rem!important;top:-12px!important}body.is-mobile .talent-btn-v4{margin-top:2px!important;padding:2px 0!important;font-size:.7rem!important;min-height:0!important}body.is-mobile .hero-attributes-section{margin-top:2px!important;padding:4px 8px!important}body.is-mobile .attributes-header{font-size:.75rem!important;margin-bottom:2px!important}body.is-mobile .attributes-grid-v4{grid-template-columns:repeat(3,1fr)!important;gap:4px!important}body.is-mobile .attr-box{padding:3px 2px!important}body.is-mobile .attr-box .attr-label{font-size:.6rem!important;margin-bottom:1px!important}body.is-mobile .attr-box .attr-val{font-size:.8rem!important}body.is-mobile .hero-skills-section-v4{margin-top:2px!important}body.is-mobile .hero-skills-list-v4{gap:5px!important}body.is-mobile .hero-skills-list-v4 .hero-skill-slot{width:36px!important;height:36px!important}body.is-mobile .hero-skills-list-v4 .skill-icon-small{width:28px!important;height:28px!important}body.is-mobile .town-panel-v3{width:95vw!important;height:98vh!important;padding:25px 10px 10px!important}body.is-mobile .town-header-top-v3{margin-bottom:2px!important}body.is-mobile .town-title-v3{font-size:1rem!important}body.is-mobile .town-main-content{grid-template-columns:1fr 160px!important;gap:5px!important;height:140px!important}body.is-mobile .building-card{flex:0 0 80px!important;padding:3px!important}body.is-mobile .building-icon{width:20px!important;height:20px!important}body.is-mobile .building-name{font-size:.65rem!important}body.is-mobile .town-army-section{margin-top:2px!important;padding:2px!important}body.is-mobile .army-slots-v3{height:55px!important}body.is-mobile .unit-slot{min-width:40px!important;padding:1px!important}body.is-mobile .slot-icon{width:24px!important;height:24px!important}body.is-mobile .tooltip-container{position:fixed;left:50%!important;top:10px!important;transform:translate(-50%);width:85vw;max-width:500px;z-index:10005;background:#000000f2;border-width:2px;box-shadow:0 0 40px #000000e6;padding:8px 12px;font-size:.75rem!important}body.is-mobile #main-menu{padding:10px 20px 5px!important;gap:5px!important}body.is-mobile .game-title{font-size:1.2rem!important;margin:2px 0 8px!important;letter-spacing:4px!important}body.is-mobile .wuxia-btn{padding:5px 15px!important;font-size:.8rem!important;min-height:28px!important}body.is-mobile #char-select-menu{padding:10px 20px 5px!important;display:flex;flex-direction:column;justify-content:space-between;height:98vh!important}body.is-mobile #char-select-menu .menu-title{font-size:1.1rem!important;margin-bottom:5px!important}body.is-mobile .character-cards{gap:8px!important;margin-bottom:8px!important;flex:1;align-items:center}body.is-mobile .char-card{width:130px!important;padding:6px 4px!important;max-height:250px!important}body.is-mobile .char-portrait{width:45px!important;height:45px!important;margin-bottom:4px!important}body.is-mobile .char-name{font-size:.85rem!important;margin:2px 0!important}body.is-mobile .char-title{font-size:.65rem!important;margin:2px 0!important}body.is-mobile .char-traits{padding-top:4px!important}body.is-mobile .trait-desc{font-size:.65rem!important;line-height:1.2!important;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.is-mobile #confirm-char-btn{margin-top:0!important;padding:6px 0!important;font-size:.9rem!important}body.is-mobile .battle-bottom-ui{bottom:5px!important;width:100vw;justify-content:center}body.is-mobile .skill-bar-container{min-width:0;width:85vw;padding:6px 10px!important}body.is-mobile .battle-mp-status{width:100%;margin-bottom:2px!important;padding-bottom:2px!important}body.is-mobile .skill-btn{width:44px!important;height:44px!important}body.is-mobile .battle-escape-btn{width:46px!important;height:46px!important;font-size:1rem!important}body.is-mobile .resource-bar{padding:4px 12px;top:10px!important;left:10px!important;gap:8px}body.is-mobile .res-item{font-size:.8rem}body.is-mobile .hud-bottom-left{bottom:5px!important;left:5px!important;transform:scale(.75);transform-origin:left bottom;pointer-events:none}body.is-mobile .hud-card{pointer-events:auto!important}body.is-mobile .minimap-container{bottom:5px!important;right:5px!important;width:100px!important;height:100px!important;transform:scale(.9);transform-origin:right bottom}body.is-mobile .standard-panel-v4{width:95vw!important;height:95vh!important}body.is-mobile .skill-grid-v3{grid-template-columns:repeat(5,1fr)!important;gap:6px!important}body.is-mobile .learn-item{min-height:60px!important}.broadcast-container{position:absolute;bottom:215px;right:25px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;z-index:1100;pointer-events:none}.broadcast-horn{pointer-events:auto;width:48px;height:48px;background:var(--jx3-paper);border:2px solid var(--jx3-celadon);outline:1.5px solid var(--jx3-gold);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 15px #0006;transition:var(--transition-base);position:relative;font-size:1.6rem;background-image:radial-gradient(circle at center,white 0%,var(--jx3-paper) 100%)}.broadcast-horn:hover{transform:scale(1.1) rotate(-5deg);outline-color:var(--jx3-gold-light);box-shadow:0 6px 20px #a68b4466}.broadcast-horn.shake{animation:hornShake .5s ease-in-out infinite}@keyframes hornShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg) scale(1.05)}75%{transform:rotate(10deg) scale(1.05)}}.broadcast-dot{position:absolute;top:0;right:0;width:12px;height:12px;background:#f44;border:2px solid white;border-radius:50%;box-shadow:0 0 8px #f009}.broadcast-bubble-container{display:flex;flex-direction:column-reverse;gap:12px;align-items:flex-end}.broadcast-bubble{background:#fff;border:2px solid var(--jx3-celadon);padding:10px 16px;border-radius:12px;box-shadow:0 6px 15px #0003;color:var(--jx3-ink);font-size:.95rem;max-width:280px;position:relative;animation:bubblePop .4s cubic-bezier(.175,.885,.32,1.275) forwards;pointer-events:auto}.broadcast-bubble:after{content:"";position:absolute;bottom:-10px;right:20px;border-width:10px 10px 0 0;border-style:solid;border-color:var(--jx3-celadon) transparent transparent transparent}.broadcast-bubble:before{content:"";position:absolute;bottom:-7px;right:21px;border-width:8px 8px 0 0;border-style:solid;border-color:white transparent transparent transparent;z-index:1}@keyframes bubblePop{0%{opacity:0;transform:translateY(20px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.broadcast-bubble.fade-out{animation:bubbleFadeAway .5s ease-in forwards}@keyframes bubbleFadeAway{to{opacity:0;transform:translateY(-20px) scale(.9)}}.broadcast-bubble .event-tag{font-size:.7rem;font-weight:700;color:var(--jx3-gold);background:#a68b441a;padding:1px 6px;border-radius:4px;margin-bottom:6px;display:inline-block}.broadcast-bubble .event-title{font-weight:700;margin-bottom:4px;display:block;color:var(--jx3-celadon-dark);border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:2px}.broadcast-bubble .event-text{line-height:1.4;font-style:italic}.standard-panel-v4{width:720px;height:560px;padding:0!important;background:var(--jx3-paper);border:6px solid var(--jx3-celadon);outline:2px solid var(--jx3-gold);box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10050;overflow:hidden;animation:openScrollFixed .3s cubic-bezier(.165,.84,.44,1) forwards;border-radius:var(--radius-md)}.standard-panel-header{height:50px;background:var(--jx3-celadon);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:2px solid var(--jx3-gold);flex-shrink:0}.standard-panel-main{flex:1;padding:25px 35px 50px;display:flex;flex-direction:column;overflow:hidden;position:relative;background-image:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,transparent 100%)}.panel-content-scroll{flex:1;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:var(--jx3-celadon) transparent}.panel-content-scroll::-webkit-scrollbar{width:6px}.panel-content-scroll::-webkit-scrollbar-thumb{background:var(--jx3-celadon);border-radius:3px}.header-ornament-left,.header-ornament-right{width:60px;height:2px;background:linear-gradient(to right,transparent,var(--jx3-gold-light));margin:0 15px}.header-ornament-right{background:linear-gradient(to left,transparent,var(--jx3-gold-light))}@keyframes openScrollFixed{0%{opacity:0;transform:translate(-50%,-45%) scaleY(.9)}to{opacity:1;transform:translate(-50%,-50%) scaleY(1)}}.event-history-panel{display:none}.history-item{background:#fff9;border:1px solid var(--jx3-celadon-light);margin-bottom:15px;padding:15px;text-align:left;border-radius:var(--radius-md);transition:var(--transition-base);box-shadow:0 2px 8px #0000000d;animation:historyItemEnter .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes historyItemEnter{0%{opacity:0;transform:translateY(-20px) scale(.95);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}to{opacity:1;transform:translateY(0) scale(1);max-height:200px;margin-bottom:15px;padding-top:15px;padding-bottom:15px}}.history-item:hover{background:#fff;border-color:var(--jx3-gold);transform:translate(5px)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:6px}.history-item-time{font-size:.85rem;color:var(--jx3-celadon-dark);font-weight:700;letter-spacing:1px}.history-item-tag{font-size:.75rem;padding:2px 8px;border-radius:4px;font-weight:700;color:#fff}.history-item-tag.trivia{background:#27ae60}.history-item-tag.rumor{background:#d4a017}.history-item-tag.major{background:#e74c3c}.history-item-tag.atmosphere{background:#27ae60}.history-item-content{font-size:.95rem;line-height:1.6;color:var(--jx3-ink)}.broadcast-bubble .event-tag.trivia{color:#27ae60;background:#27ae601a}.broadcast-bubble .event-tag.rumor{color:#b8860b;background:#d4a0171a}.broadcast-bubble .event-tag.major{color:#c0392b;background:#e74c3c1a}.history-item-content strong{color:var(--jx3-celadon-dark)}.history-empty-hint{color:#888;font-style:italic;margin-top:100px;text-align:center;font-size:1.1rem}.hs-glare{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;mix-blend-mode:overlay;transition:background .1s ease;border-radius:inherit}