:root{color-scheme:dark;--bg:#17131b;--panel:#211c27;--panel-2:#2b2431;--line:#403748;--text:#f2edf4;--muted:#b8aebf;--gold:#e1b66c;--accent:#bc83d5;--green:#75c9a2;--red:#f08d83}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -30%,#49324c 0,transparent 48%),var(--bg);color:var(--text);font:16px/1.55 "Segoe UI","Noto Sans TC",sans-serif}a{color:var(--gold);text-decoration:none}a:hover{color:#ffe1a9}.site-header{height:auto;min-height:70px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff18;background:#120f16eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{font-weight:900;letter-spacing:.09em;color:var(--text);white-space:nowrap}.brand span{font-size:.82rem;letter-spacing:.04em;color:var(--gold);margin-left:9px}nav{display:flex;gap:22px}nav a{color:#d7cfdd;font-size:.94rem}.menu-toggle{display:none;background:none;color:var(--text);border:0;font-size:1.4rem}.page-shell{max-width:1180px;min-height:78vh;margin:0 auto;padding:38px 22px 72px}footer{text-align:center;color:var(--muted);font-size:.82rem;padding:24px;border-top:1px solid #ffffff17}footer span{color:var(--gold);padding:0 8px}.hero{padding:45px 38px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(115deg,#34283b,#211c27 65%);box-shadow:0 18px 50px #08060b70}.eyebrow{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:700}.hero h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.08;margin:12px 0}.hero p{max-width:700px;color:#c9bfce;margin:14px 0 25px}.searchbar{display:flex;gap:10px;max-width:660px}.searchbar input,.toolbar input,.toolbar select{min-width:0;width:100%;padding:13px 15px;border:1px solid #61566a;border-radius:9px;background:#17131b;color:var(--text);font:inherit;outline:none}.searchbar input:focus,.toolbar input:focus,.toolbar select:focus{border-color:var(--gold)}button,.button{border:0;border-radius:8px;background:var(--gold);color:#251a11;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer}.button.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.stat-grid,.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.stat-card,.link-card,.panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,var(--panel-2),var(--panel));padding:18px}.stat-card strong{display:block;font-size:1.6rem;color:var(--gold)}.link-card{display:block;min-height:105px;transition:transform .15s,border .15s}.link-card:hover{transform:translateY(-2px);border-color:var(--gold)}.link-card strong{display:block;font-size:1.08rem;color:var(--text);margin-bottom:5px}.link-card span,.muted{color:var(--muted)}.page-title{margin:0 0 8px;font-size:2rem}.page-lede{margin:0 0 24px;color:var(--muted)}.toolbar{display:flex;align-items:center;gap:10px;margin:20px 0;flex-wrap:wrap}.toolbar input{flex:1 1 250px}.toolbar select{width:auto;min-width:140px}.result-count{color:var(--muted);font-size:.9rem;margin:12px 0}.unit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.unit-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);min-height:82px}.unit-card:hover{border-color:var(--gold);color:var(--text)}.unit-card img,.portrait{width:56px;height:56px;object-fit:contain;background:#100e13;border-radius:8px}.unit-card strong{display:block;font-size:.94rem}.unit-card small{color:var(--muted)}.detail-head{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;padding:22px;border-radius:15px;background:linear-gradient(120deg,#392b42,var(--panel));border:1px solid var(--line);margin-bottom:18px}.detail-head .portrait{width:150px;height:150px}.detail-head h1{margin:0 0 7px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{background:#ffffff12;border:1px solid #ffffff20;color:#eadfec;border-radius:999px;padding:4px 10px;font-size:.83rem}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}.section-title{margin:0 0 12px;color:var(--gold);font-size:1.05rem}.data-table{border-collapse:collapse;width:100%;font-size:.92rem}.data-table th,.data-table td{padding:9px 10px;border-bottom:1px solid #ffffff17;text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-weight:600;width:35%}.list{display:grid;gap:9px}.list-item{padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.list-item small{display:block;color:var(--muted);margin-top:3px}.area-block{margin:18px 0}.area-block h2{font-size:1.2rem;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:9px}.empty{padding:20px;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.loading{color:var(--muted)}.snapshot-note{color:var(--muted);font-size:.86rem;margin-top:24px}.story{white-space:pre-wrap;color:#e2dbe5;line-height:1.9;overflow-wrap:anywhere}.story a{color:#f0c779;text-decoration:underline;text-decoration-color:#8a6d3f;text-underline-offset:2px}.story .game-color{font-weight:600;text-shadow:0 0 .5px currentColor}.skill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.skill-tabs a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted)}.skill-tabs a.active{color:#251a11;background:var(--gold);border-color:var(--gold)}
.area-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.area-map img{width:100%;max-height:300px;object-fit:contain;background:#100e13;border:1px solid var(--line);border-radius:10px}.area-icons{display:flex;gap:10px;margin-bottom:12px}.area-icons img{width:50px;height:50px;object-fit:contain}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px 0;color:var(--muted)}.pagination button{padding:8px 14px}.pagination button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.site-header{min-height:62px;flex-wrap:wrap;padding:0 18px}.menu-toggle{display:block}nav{display:none;order:3;width:100%;padding:0 0 14px;gap:12px;flex-wrap:wrap}nav.open{display:flex}.page-shell{padding:25px 16px 54px}.hero{padding:29px 22px}.stat-grid,.link-grid{grid-template-columns:1fr}.detail-head{grid-template-columns:96px 1fr;gap:14px;padding:15px}.detail-head .portrait{width:90px;height:90px}.section-grid{grid-template-columns:1fr}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unit-card{padding:9px;gap:8px}.unit-card img{width:45px;height:45px}.searchbar{flex-direction:column}.area-map{grid-template-columns:1fr}.area-map img{max-height:220px}}

.story-browser{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:16px;align-items:start}.story-choice{display:block;width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text)}.story-choice:hover,.story-choice.active{border-color:var(--gold);background:var(--panel-2);color:var(--text)}.story-choice span{display:block}.story-choice small{display:block;margin-top:4px;color:var(--muted);font-weight:400}.story-detail{position:sticky;top:90px;min-height:210px}.story-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.story-detail-head h2{font-size:1.3rem;margin:5px 0 0}.story-text{font-size:1.05rem;line-height:1.95}.story-text a{color:#f0c779;text-decoration:underline;text-decoration-color:#8a6d3f;text-underline-offset:2px}.game-color{font-weight:600;text-shadow:0 0 .5px currentColor}@media(max-width:760px){.story-browser{grid-template-columns:1fr}.story-detail{position:static;grid-row:1}.story-detail-head{align-items:flex-start;flex-direction:column}}

.skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skill-block{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#17131b}.skill-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:12px 15px;color:#fff}.skill-block-head>div:first-child{min-width:0}.skill-block-head strong,.skill-kind{display:block}.skill-kind{font-size:.78rem;opacity:.84;margin-bottom:2px}.skill-block-head strong{font-size:1rem;overflow-wrap:anywhere}.skill-block--leader .skill-block-head{background:#70408b}.skill-block--active .skill-block-head{background:#a9443b}.skill-block--normal .skill-block-head{background:#337b5a}.skill-block--passive .skill-block-head{background:#a96a28}.skill-block--link-active .skill-block-head{background:#397358}.skill-block--link-passive .skill-block-head{background:#9a642c}.skill-block-body{padding:13px 15px}.skill-block-body p{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.skill-block-body .skill-translation{padding-top:10px;border-top:1px solid #ffffff1c;color:#d3c9d6}.skill-block-body small{color:var(--muted)}.skill-costs{display:flex;flex-shrink:0;gap:3px}.skill-costs img,.skill-cost-empty{width:25px;height:25px;object-fit:contain}.skill-cost-empty{display:block;width:25px;height:25px;border:1px dashed #ffffff70;border-radius:4px}.skill-meta{font-size:.82rem;white-space:nowrap;background:#0002;padding:5px 8px;border-radius:6px}@media(max-width:760px){.skill-grid{grid-template-columns:1fr}.skill-block-head{padding:11px 13px}.skill-costs{gap:1px}.skill-costs img,.skill-cost-empty{width:22px;height:22px}}

.detail-head+.section-grid{display:flex;flex-direction:column;align-items:stretch}.detail-head+.section-grid>.panel{width:100%}.skill-grid{grid-template-columns:minmax(0,1fr)}
.same-skill-owners{margin:12px 0;padding-top:11px;border-top:1px solid #ffffff1c}.same-skill-owners>span{display:block;margin-bottom:8px;color:var(--muted);font-size:.85rem}.same-skill-owners>div{display:flex;flex-wrap:wrap;gap:7px}.skill-owner-link{display:block;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#100e13}.skill-owner-link:hover{border-color:var(--gold)}.skill-owner-icon{display:block;width:50px;height:50px;object-fit:contain}
.link-calculator{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.link-calculator label{display:flex;align-items:center;gap:8px;color:var(--muted)}.link-level{width:88px;padding:7px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);font:inherit}.link-calculator strong{color:var(--gold)}.link-calculator small{grid-column:1/-1;color:var(--muted)}.link-bonus-list{display:grid;gap:7px}.link-bonus-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:7px;background:var(--panel)}.link-material-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.link-material-columns h3,.enemy-group h3{color:var(--gold);font-size:1rem}.link-material-columns p{color:var(--muted)}.floor-detail{padding:16px;margin:12px 0;border:1px solid var(--line);border-radius:11px;background:var(--panel-2)}.floor-detail>h3{margin:0 0 2px}.floor-detail>small{color:var(--muted)}.enemy-group{margin-top:14px;padding-top:9px;border-top:1px solid #ffffff20}.enemy-group h3{margin:3px 0 10px}.enemy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}.enemy-card{min-width:0;padding:11px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.enemy-card>.unit-card{margin-bottom:9px}.enemy-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.enemy-stats span{padding:5px 7px;background:#ffffff08;border-radius:5px}.enemy-stats small,.enemy-stats b{display:block}.enemy-stats small{color:var(--muted);font-size:.72rem}.enemy-drop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.enemy-drop .unit-card{padding:5px;min-height:50px}.enemy-drop .unit-card img{width:34px;height:34px}.enemy-abilities{margin-top:9px}.enemy-abilities>strong{color:var(--gold)}.enemy-abilities>div{padding:7px 0;border-top:1px solid #ffffff15}.enemy-abilities p{margin:3px 0 0;color:var(--muted);font-size:.86rem;white-space:pre-wrap}.enemy-actions{margin-top:9px;border-top:1px solid #ffffff15;padding-top:8px}.enemy-actions summary{color:var(--gold);cursor:pointer}.enemy-actions>div{padding:7px 0;border-bottom:1px solid #ffffff12}.enemy-actions b,.enemy-actions small{display:block}.enemy-actions small,.enemy-chain{color:var(--muted)}
@media(max-width:760px){.link-calculator{grid-template-columns:1fr 1fr}.link-calculator label{grid-column:1/-1}.link-material-columns{grid-template-columns:1fr}.enemy-grid{grid-template-columns:1fr}}
.quest-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:start}.quest-type-column{display:grid;gap:13px;min-width:0}.quest-type{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.quest-type>h2{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:11px 12px;color:#fff;font-size:1rem;background:#55415f}.quest-type>h2 small{font-size:.72rem;font-weight:500;opacity:.85;white-space:nowrap}.quest-type-1>h2{background:#604778}.quest-type-2>h2{background:#465b91}.quest-type-3>h2{background:#a44842}.quest-type-4>h2{background:#377b78}.quest-type-5>h2{background:#377558}.quest-type-6>h2{background:#98702c}.quest-type-7>h2{background:#62616a}.quest-type-8>h2{background:#536b73}.quest-type-9>h2{background:#63803b}.quest-type-10>h2{background:#317786}.quest-category{border-top:1px solid #ffffff12}.quest-category summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;list-style:none;font-size:.84rem}.quest-category summary::-webkit-details-marker{display:none}.quest-category summary::before{content:"+";color:var(--gold);width:12px}.quest-category[open] summary::before{content:"−"}.quest-category summary span{flex:none;color:var(--muted);font-size:.75rem}.quest-category[hidden]{display:none}.quest-area-list{display:grid;gap:5px;padding:0 8px 9px}.quest-area-link{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;background:#ffffff08;color:var(--text);font-size:.78rem}.quest-area-link:hover{background:#ffffff12;color:var(--gold)}.quest-area-link strong{font-weight:500}.quest-area-link small{flex:none;color:var(--muted);font-size:.7rem}.quest-area-link[hidden]{display:none}.quest-type[hidden]{display:none}@media(max-width:1050px){.quest-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.quest-type-grid{grid-template-columns:1fr}}
.enemy-actions{margin-top:10px;border-top:1px solid #ffffff18;padding-top:8px}.enemy-actions summary{color:var(--gold);cursor:pointer;font-size:.86rem}.enemy-action-table{margin-top:10px;padding:9px;border-radius:7px;background:#ffffff08}.enemy-action-table h4{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 5px;font-size:.84rem}.enemy-action-table h4 small,.enemy-action small,.enemy-special-action small{color:var(--muted);font-size:.76rem;font-weight:400}.enemy-action{padding:7px 2px;border-top:1px solid #ffffff12}.enemy-action b,.enemy-action small,.enemy-special-action b,.enemy-special-action small{display:block}.enemy-special-action{margin-top:8px;padding:8px 9px;border-left:3px solid var(--gold);background:#ffffff08;font-size:.86rem}

.site-version{display:inline-block;padding:3px 9px;border:1px solid #e1b66c66;border-radius:999px;color:#f0c779;font-weight:700;letter-spacing:.04em}.site-version-badge{display:inline-block;padding:4px 10px;margin-right:5px;border:1px solid #e1b66c88;border-radius:999px;background:#e1b66c14;color:#f0c779;letter-spacing:.06em}

.detail-head{grid-template-columns:minmax(180px,260px) 1fr}.detail-head .portrait-art{display:block;width:100%;max-width:260px;height:340px;object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 8px 18px #0008)}.detail-head .portrait-art--fallback{width:150px;height:150px;justify-self:center;border-radius:8px;background:#100e13}@media(max-width:760px){.detail-head{grid-template-columns:minmax(110px,38%) 1fr;gap:12px}.detail-head .portrait-art{height:240px}}

.link-skill-list{display:grid;gap:10px;margin-bottom:16px}.link-skill-row{padding:13px 15px;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:9px;background:var(--panel)}.link-skill-row--passive{border-left-color:#e1a46c}.link-skill-row strong{display:block}.link-skill-row p{margin:7px 0;white-space:pre-wrap}.link-skill-row small{color:var(--muted)}