:root{--bg:#0a0c11;--bg-elevated:#12151d;--panel:#ffffff09;--panel-strong:#ffffff0f;--border:#ffffff17;--border-strong:#ffffff29;--text:#e9ecf3;--text-dim:#9aa1b4;--text-faint:#5f6579;--accent:#7dd3fc;--accent-2:#c4b5fd;--char-color:#7dd3fc;--skill-color:#fbbf24;--weapon-color:#fb7185;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--font-sans:"Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--bg-image:url(bg-placeholder.e069b1f2.webp)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);cursor:default;caret-color:#0000;min-height:100vh}::selection{background:#7dd3fc47}.hero-banner{background:linear-gradient(180deg, #0a0c1140 0%, #0a0c11f5 98%), var(--bg-image) center calc(30%) / cover no-repeat, var(--bg-elevated);align-items:flex-end;min-height:220px;padding:40px 24px 26px;display:flex;position:relative}.hero-banner-inner{width:100%;max-width:1180px;margin:0 auto}.eyebrow{letter-spacing:.35em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:11px}.hero-banner h1{letter-spacing:-.01em;background:linear-gradient(90deg, var(--text) 30%, var(--accent-2));color:#0000;background-clip:text;margin:0 0 6px;font-size:clamp(26px,4vw,38px);font-weight:700}.hero-banner .sub{color:var(--text-dim);margin:0;font-size:13.5px}.wrap{max-width:1180px;margin:0 auto;padding:26px 20px 80px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);backdrop-filter:blur(14px)}.global-panel{z-index:20;background:#0a0c11bf;margin-bottom:20px;padding:18px 22px 20px;position:sticky;top:0;box-shadow:0 8px 20px -8px #00000080}.panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;display:flex}.panel-title .hint{color:var(--text-faint);letter-spacing:0;text-transform:none;font-size:11px}.global-controls{flex-direction:column;gap:32px;width:100%;display:grid}.slider-item{flex-direction:column;gap:8px;display:flex}.slider-item .label-row{justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:inline-block}.slider-item .label-row .name{color:var(--text);align-items:center;gap:20px;margin-right:10px;font-weight:600;display:inline-block}.swatch{border-radius:3px;flex:none;width:12px;height:12px;margin-right:12px;display:inline-block}.swatch.char{background:var(--char-color)}.swatch.skill{background:var(--skill-color)}.slider-item .value{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700}.star-rating-controls{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin-top:12px;display:grid}.star-rating-button{color:gold;-webkit-user-select:none;user-select:none;cursor:pointer;background:#ffffff14;border:2px solid #fff3;border-radius:16px;outline:none;font-size:16px;line-height:1.5;display:block}.star-rating-button:hover{background:#ffffff26;border-color:#ffd70080;transform:translateY(-2px);box-shadow:0 12px 40px #00000073,0 0 15px #ffd70040}.star-rating-button:active{transform:translateY(0)scale(.95);box-shadow:0 4px 16px #0000004d}.star-rating-button.is-selected{border-color:gold;box-shadow:0 0 15px #ffd70066,inset 0 0 10px #ffd70033}input[type=range]{--pct:0%;background:linear-gradient(to right, var(--accent) 0%, var(--accent) var(--pct), var(--border) var(--pct), var(--border) 100%);border-radius:3px;outline:none;width:100%;max-width:400px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #7dd3fc2e}input[type=range]::-moz-range-thumb{background:var(--text);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #7dd3fc2e}input[type=range].mini{height:4px}input[type=range].mini::-webkit-slider-thumb{width:13px;height:13px}input[type=range].mini::-moz-range-thumb{width:13px;height:13px}.toggle-switch{cursor:pointer;flex:none;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--panel-strong);border:1px solid var(--border);border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-thumb{background:var(--text-faint);border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-track{border-color:var(--accent);background:#7dd3fc2e}.toggle-switch input:checked+.toggle-track .toggle-thumb{background:var(--accent);transform:translate(18px);box-shadow:0 0 8px #7dd3fc80}.toggle-label{color:var(--text-dim);letter-spacing:0;text-transform:none;font-size:16px;font-weight:600}.stepper{align-items:center;gap:9px;display:inline-flex}.stepper button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-strong);width:26px;height:26px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:all .15s;display:flex}.stepper button:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#7dd3fc14}.stepper button:disabled{opacity:.3;cursor:default}.stepper .value{text-align:center;font-variant-numeric:tabular-nums;min-width:18px;color:var(--skill-color);font-size:13px;font-weight:700}.stepper.sm button{width:22px;height:22px;font-size:12px}.stepper.sm .value{min-width:14px;font-size:12px}.controls{gap:12px;margin-bottom:16px;display:flex}.search-box{flex:auto;position:relative}.search-box input{cursor:text;caret-color:var(--text);background:var(--panel);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);outline:none;padding:12px 16px;transition:border-color .15s}.search-box input::placeholder{color:var(--text-faint)}.search-box input:focus{border-color:var(--accent)}.hero-list{flex-direction:column;gap:12px;display:flex}.hero-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .15s;overflow:hidden}.hero-card.open{border-color:var(--border-strong)}.hero-head{cursor:pointer;align-items:center;gap:14px;padding:12px 16px;display:flex}.hero-head:hover{background:var(--panel-strong)}.hero-head .hero-name{font-size:16px;font-weight:700}.hero-head .hero-id{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:12px}.hero-head-slider{flex:auto;justify-content:flex-start;min-width:120px;display:flex}.hero-head-slider .mini-slider-item{width:100%;max-width:220px}.hero-head-slider .label-row{font-size:11.5px}.custom-tag{color:var(--accent);white-space:nowrap;background:#7dd3fc1a;border:1px solid #7dd3fc59;border-radius:20px;padding:3px 9px;font-size:10.5px}.reset-btn{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:7px 12px;font-size:11.5px;transition:all .15s}.reset-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.reset-btn:disabled{opacity:.3;cursor:default}.expand-arrow{-webkit-user-select:none;user-select:none;color:var(--text-faint);flex:none;font-size:10px;transition:transform .15s;display:inline-block}.hero-card.open .expand-arrow{color:var(--accent);transform:rotate(90deg)}.hero-body{padding:4px 18px 20px;display:none}.hero-card.open .hero-body{display:block}.section-title{letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase;margin:6px 0 12px;font-size:11px}.hero-own-settings{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 20px;margin-bottom:16px;padding:14px 16px;display:grid}.mini-slider-item{flex-direction:column;gap:6px;display:flex}.mini-slider-item .label-row{justify-content:space-between;font-size:12px;display:flex}.mini-slider-item .label-row .name{color:var(--text-dim);align-items:center;gap:6px;display:flex}.mini-slider-item .value{color:var(--accent);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.skill-row{border-top:1px solid var(--border);gap:14px;padding:14px 0;display:flex}.skill-row:first-child{border-top:none}.skill-icon-col{flex-direction:column;flex:none;align-items:center;gap:7px;display:flex}.skill-icon-col button{-webkit-user-select:none;user-select:none}.skill-text{flex:1;min-width:0}.skill-name-row{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.skill-name{color:var(--skill-color);font-size:14.5px;font-weight:600}.skill-id{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:11.5px}.skill-desc{color:var(--text);font-size:13px;line-height:1.75}.skill-desc span{font-weight:600}.icon-layered{border-radius:var(--radius-md);background:var(--panel-strong);border:1px solid var(--border);flex:none;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative}.icon-layered.sm{border-radius:var(--radius-sm);width:64px;height:64px}.icon-layered img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.icon-placeholder-text{color:var(--text-faint);text-align:center;padding:2px;font-size:11px;font-weight:600;line-height:1.3}.star-layer{border-radius:var(--radius-sm);color:#0a0c11;border:1px solid #00000059;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute}.star-layer.char{background:var(--char-color);top:-6px;left:-6px}.star-layer.weapon{background:var(--weapon-color);bottom:-6px;right:-6px}.empty-state,.loading-state{text-align:center;color:var(--text-faint);padding:60px 20px}.page-footer{text-align:center;color:var(--text-faint);letter-spacing:.06em;padding:24px 20px 40px;font-size:11.5px}@media (width<=640px){.hero-banner{min-height:180px;padding:60px 16px 20px}.wrap{padding:20px 12px 60px}.hero-own-settings{grid-template-columns:1fr 1fr}.hero-head{flex-wrap:wrap;row-gap:8px}.hero-head-slider{flex-basis:100%;order:5;max-width:none}.hero-head-slider .mini-slider-item{max-width:none}}
/*# sourceMappingURL=app.dd30c338.css.map */