.codex-characters{--navy:#1b2f4a;--navy2:#2a4466;--navy3:#34527a;--gold:#c9a227;--gold2:#e0c36a;--paper:#f6f1e6;--paper2:#efe8d8;--ink:#24272e;--mut:#6d6f76;--line:#d8d0bd;--shadow:0 1px 2px rgba(27,47,74,.08),0 4px 10px rgba(27,47,74,.06)}.codex-characters *{box-sizing:border-box;margin:0;padding:0}.codex-characters{-webkit-text-size-adjust:100%;font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);line-height:1.45}.codex-characters .wrap{max-width:1320px;margin:0 auto;padding:0 20px 48px}.codex-characters .page-head{background:var(--navy);color:#f2ead6;padding:26px 0 20px;border-bottom:3px solid var(--gold)}.codex-characters .page-head .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.codex-characters .brand{display:flex;align-items:center;gap:14px}.codex-characters .brand .crest{width:52px;height:52px;flex:none;display:grid;place-items:center;border:1px solid rgba(224,195,106,.55);border-radius:10px;background:rgba(224,195,106,.1)}.codex-characters .brand h1{font-family:"Noto Serif SC",serif;font-size:25px;font-weight:700;letter-spacing:.06em}.codex-characters .brand p{color:#b9c4d4;font-size:12.5px;margin-top:4px}.codex-characters .head-note{color:#c8d1de;font-size:12.5px;text-align:right;line-height:1.75}.codex-characters .head-note b{color:var(--gold2);font-weight:600}.codex-characters .hn-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#7a5f10;background:rgba(224,195,106,.18);border:1px solid var(--gold2);border-radius:999px;padding:1px 12px;margin:4px 0}.codex-characters .hn-line{display:block}.codex-characters .nav{position:sticky;top:0;z-index:50;background:rgba(246,241,230,.96);backdrop-filter:blur(4px);border-bottom:1px solid var(--line);padding:9px calc((100vw - 1100px)/2);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.codex-characters .nav .f-label{font-size:12px;font-weight:700;color:var(--navy);letter-spacing:.04em}.codex-characters .nav input[type=search]{padding:6px 10px;font-size:13px;min-width:170px}.codex-characters .nav input[type=search],.codex-characters .nav select{border:1px solid var(--line);border-radius:7px;background:#fff;outline:none}.codex-characters .nav select{padding:6px 8px;font-size:12.5px}.codex-characters .nav button{border:1px solid var(--line);background:#fff;color:#5f6670;padding:6px 12px;border-radius:7px;white-space:nowrap;cursor:pointer;font-size:12.5px}.codex-characters .nav button.active{background:var(--navy);border-color:var(--navy);color:var(--gold2)}.codex-characters .nav .cnt-badge{font-size:12px;color:var(--mut);margin-left:auto}.codex-characters .nav .sort-label{font-size:11.5px;font-weight:700;color:#b0781e;letter-spacing:.04em;margin-left:6px;white-space:nowrap}.codex-characters .nav .sort-btn{border:1px solid #d8c37c;background:#fff;color:#7a5f10;padding:5px 9px;border-radius:999px;cursor:pointer;font-size:11.5px;font-family:inherit;transition:all .15s;white-space:nowrap}.codex-characters .nav .sort-btn:hover{border-color:#c9a227;color:#b0781e}.codex-characters .nav .sort-btn.active{background:var(--gold2);border-color:var(--gold2);color:#1b2f4a;font-weight:700}.codex-characters .nav #clearSortBtn{border-color:#e0b3a5;color:#a35a45}.codex-characters .nav #clearSortBtn:hover{border-color:#c98a75;color:#8f4631}.codex-characters main.wrap{padding-top:16px}.codex-characters .tbl-head{display:grid;grid-template-columns:7% 9% 20% 17% 47%;grid-template-rows:auto;gap:0;background:var(--navy);color:#e8dfc6;border-radius:10px 10px 0 0;overflow:hidden;position:sticky;top:52px;z-index:30}.codex-characters .tbl-head span{padding:8px;font-size:15px;font-weight:800;letter-spacing:.06em;text-align:center}.codex-characters .tbl-head span:first-child{grid-column:1;grid-row:1}.codex-characters .tbl-head span:nth-child(2){grid-column:2;grid-row:1}.codex-characters .tbl-head span:nth-child(3){grid-column:3;grid-row:1}.codex-characters .tbl-head span:nth-child(5){grid-column:5;grid-row:1;border-left:1px solid rgba(224,195,106,.35)}.codex-characters .row{display:grid;grid-template-columns:7% 9% 20% 17% 47%;grid-template-rows:auto;gap:0;background:var(--paper2);border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s;position:relative}.codex-characters .row:hover{background:#fbf7ec}.codex-characters .row .cell{padding:4px 10px;border-right:1px solid var(--line);min-width:0}.codex-characters .cell.c-icon{grid-column:1;padding:2px 6px}.codex-characters .cell.c-icon,.codex-characters .cell.c-name{display:flex;align-items:center;justify-content:center;background:#fff;grid-row:1}.codex-characters .cell.c-name{grid-column:2;flex-direction:column-reverse;gap:3px;text-align:center;padding:4px 6px}.codex-characters .cell.c-name .nm{font-size:17px;font-weight:800;color:var(--navy);text-shadow:none;line-height:1.2;letter-spacing:.02em;text-align:center;word-break:keep-all}.codex-characters .cell.c-name .badges{margin-bottom:0}.codex-characters .port{width:100%;aspect-ratio:1/1;flex:none;position:relative;border-radius:12px;overflow:hidden;background:#e8e2d2;border:1px solid var(--line);display:block}.codex-characters .port img{object-fit:cover}.codex-characters .port img,.codex-characters .port svg{width:100%;height:100%;display:block}.codex-characters .nm-wrap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;text-align:center;background:linear-gradient(180deg,transparent,rgba(10,16,26,.62));padding:18px 4px 5px}.codex-characters .badges{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-bottom:0}.codex-characters .bd{font-size:9.5px;font-weight:800;letter-spacing:.05em;padding:1.5px 7px;border-radius:999px;line-height:1.4}.codex-characters .bd-sex-m{background:#dde7f5;color:#27507e;border:1px solid #b9cdea}.codex-characters .bd-sex-f{background:#f7e0e4;color:#a03a4e;border:1px solid #ecc7cd}.codex-characters .bd-sex-o{background:#f3ecd6;color:#8a6d1a;border:1px solid #dfd09a}.codex-characters .bd-cls{background:#e5ead1;color:#4d5b2a;border:1px solid #ccd4a2}.codex-characters .nm{font-size:17px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75);line-height:1.2;letter-spacing:.02em;text-align:center}.codex-characters .cell.sub-pro{grid-column:3;grid-row:1;background:#fff;font-size:11px;line-height:1.5}.codex-characters .cell.sub-trait{grid-column:4;grid-row:1;background:#fff;font-size:11px}.codex-characters .cell.sub-pro h6,.codex-characters .cell.sub-trait h6{font-size:13px;font-weight:800;color:var(--navy);letter-spacing:.08em;margin-bottom:5px;border-bottom:1px dashed var(--line);padding-bottom:4px}.codex-characters .cell.c-stat{grid-column:5;grid-row:1;background:#fff;border-right:0;border-left:1px solid var(--line)}.codex-characters .stat-block{margin-bottom:7px}.codex-characters .stat-block:last-child{margin-bottom:0}.codex-characters .stat-block h6{font-size:9.5px;font-weight:800;color:var(--mut);letter-spacing:.08em;margin-bottom:4px;border-bottom:1px dashed var(--line);padding-bottom:3px}.codex-characters .stat-strip{display:grid;grid-template-columns:repeat(11,minmax(42px,1fr));gap:2px}.codex-characters .stat-cell{text-align:center;background:#faf7ef;border:1px solid var(--line);border-radius:6px;padding:3px 2px 4px;min-width:0}.codex-characters .stat-cell em{display:block;font-size:8.5px;color:var(--mut);font-style:normal;letter-spacing:.02em;white-space:nowrap;margin-bottom:1px}.codex-characters .stat-cell b{display:inline-block;font-size:12.5px;color:var(--navy);line-height:1.15}.codex-characters .stat-cell b.pct{font-size:11.5px;color:#7a6a2c}.codex-characters .stat-cell.stat-lv{background:#eef2f7}.codex-characters .stat-cell.stat-total{background:#f1ecd9}.codex-characters .sk-group{display:block;margin-bottom:5px}.codex-characters .sk-group em{font-style:normal;font-weight:800;color:var(--navy);font-size:10.5px;margin-right:4px;white-space:nowrap}.codex-characters .sk-group i{font-style:normal;background:#eef2f7;color:#3b5572;border:1px solid #d7e0ea;border-radius:5px;padding:1px 6px;margin:1px 2px 1px 0;display:inline-block;font-size:10px;white-space:nowrap}.codex-characters .sk-sep{display:block;font-size:9px;color:#8a6d1a;font-weight:800;letter-spacing:.1em;margin:6px 0 3px}.codex-characters .trait-item{display:flex;flex-direction:column;gap:3px}.codex-characters .trait-item b{font-size:13px;color:#7a1f2e}.codex-characters .trait-item i{font-style:normal;color:var(--mut);font-size:10.5px;line-height:1.45}.codex-characters .none-w{color:#a9a294;font-size:11px}.codex-characters .rank-badge{display:inline-block;font-size:8.5px;font-weight:800;color:#7a5f10;background:rgba(224,195,106,.2);border:1px solid #d8c37c;border-radius:999px;padding:0 4px;margin-left:3px;vertical-align:middle;white-space:nowrap;line-height:1.5}.codex-characters .chev{position:absolute;right:14px;top:0;color:var(--navy);width:32px;height:24px}.codex-characters .chev:after{content:"▾";position:absolute;top:0;right:0;font-size:28px;font-weight:800;transition:transform .2s;line-height:1}.codex-characters .row.open .chev:after{transform:rotate(180deg)}.codex-characters .detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .3s ease;border-bottom:1px solid var(--line)}.codex-characters .detail.open{grid-template-rows:1fr;opacity:1}.codex-characters .detail>.dtl{min-height:0;overflow:hidden}.codex-characters .dtl{--bg:#f3f4f6;--panel:#fff;--ink:#20242b;--sub:#6b7280;--line:#d8dce4;--line-strong:#bcc3ce;--accent:#6f5bd6;--accent-soft:#f0edff;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.codex-characters .dtl .codex{padding:16px;display:grid;grid-template-columns:248px minmax(0,1fr);gap:12px;align-items:start;max-width:1400px;margin:0 auto}.codex-characters .dtl .main-card,.codex-characters .dtl .sidebar{background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 30px rgba(28,33,44,.07);border-radius:14px;overflow:hidden}.codex-characters .dtl .sidebar{position:sticky;top:12px}.codex-characters .dtl .portrait-wrap{position:relative;background:transparent;overflow:hidden}.codex-characters .dtl .portrait-wrap:after{display:none}.codex-characters .dtl .portrait{position:static;display:block}.codex-characters .dtl .portrait img{object-fit:contain;box-shadow:none;display:block}.codex-characters .dtl .portrait img,.codex-characters .dtl .portrait svg{width:100%;height:auto;border-radius:0}.codex-characters .dtl .char-meta{padding:14px 14px 15px}.codex-characters .dtl .char-name{font-size:26px;font-weight:800;letter-spacing:.04em;margin:0;color:var(--ink)}.codex-characters .dtl .faction{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--sub);font-size:12px}.codex-characters .dtl .faction i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.codex-characters .dtl .section{padding:13px 16px;border-top:1px solid var(--line)}.codex-characters .dtl .section:first-child{border-top:0}.codex-characters .dtl .section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}.codex-characters .dtl .section-title{margin:0;font-size:14px;font-weight:800;letter-spacing:.03em;color:var(--ink)}.codex-characters .dtl .section-sub{font-size:10px;color:var(--sub);text-transform:uppercase;letter-spacing:.05em}.codex-characters .dtl .compact-abilities{padding:14px 16px 12px;background:linear-gradient(180deg,#fff,#fbfbfd)}.codex-characters .dtl .ability-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden}.codex-characters .dtl .ability-card{padding:9px 10px;min-height:74px;border-right:1px solid var(--line);background:#fff}.codex-characters .dtl .ability-card:last-child{border-right:0}.codex-characters .dtl .ability-card small{display:block;color:var(--sub);font-size:10px;margin-bottom:4px}.codex-characters .dtl .ability-card strong{display:block;font-size:13px;margin-bottom:3px}.codex-characters .dtl .ability-card p{margin:0;color:#59606b;font-size:11px;line-height:1.45}.codex-characters .dtl .stat-grid{display:grid;grid-template-columns:repeat(10,minmax(56px,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.codex-characters .dtl .stat{padding:8px 6px;text-align:center;border-right:1px solid var(--line);min-width:0}.codex-characters .dtl .stat:last-child{border-right:0}.codex-characters .dtl .stat span{display:block;font-size:10px;color:var(--sub);margin-bottom:3px;white-space:nowrap}.codex-characters .dtl .stat strong{font-size:16px}.codex-characters .dtl .stat.total{background:#f7f5ff}.codex-characters .dtl .base-stat-scroll{overflow-x:auto;padding-bottom:2px}.codex-characters .dtl .base-stat-grid{display:grid;grid-template-columns:repeat(11,minmax(54px,1fr));min-width:660px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.codex-characters .dtl .base-stat{padding:7px 5px;text-align:center;border-right:1px solid var(--line);min-width:0}.codex-characters .dtl .base-stat:last-child{border-right:0}.codex-characters .dtl .base-stat span{display:block;font-size:9px;color:var(--sub);margin-bottom:2px;white-space:nowrap}.codex-characters .dtl .base-stat strong{font-size:14px}.codex-characters .dtl .base-stat.level{background:#f7f8fa}.codex-characters .dtl .base-stat.total{background:#f7f5ff}.codex-characters .dtl .rank-badge{display:inline-block;font-size:8.5px;font-weight:800;color:#6f5bd6;background:var(--accent-soft);border:1px solid #d9d2f5;border-radius:999px;padding:0 4px;margin-left:3px;vertical-align:middle;white-space:nowrap;line-height:1.5}.codex-characters .dtl .inline-subhead{display:flex;align-items:center;justify-content:space-between;margin:10px 0 6px;padding-top:9px;border-top:1px dashed var(--line)}.codex-characters .dtl .inline-subhead strong{font-size:12px}.codex-characters .dtl .inline-subhead span{font-size:9px;color:var(--sub);text-transform:uppercase;letter-spacing:.06em}.codex-characters .dtl .skill-row{display:grid;grid-template-columns:repeat(12,minmax(58px,1fr));gap:5px;overflow-x:auto;padding-bottom:2px}.codex-characters .dtl .skill-card{min-width:62px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;display:grid;grid-template-rows:68px auto auto}.codex-characters .dtl .skill-icon{height:68px;background:#232a2c;display:grid;place-items:center;overflow:hidden;padding:4px;border-bottom:1px solid var(--line)}.codex-characters .dtl .skill-icon img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.codex-characters .dtl .skill-grade{text-align:center;padding:6px 4px 5px;font-weight:800;font-size:12px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;background:#fff}.codex-characters .dtl .skill-grade small{display:block;width:100%;font-weight:700;font-size:9px;color:var(--sub);margin-top:3px;line-height:1.2;white-space:nowrap}.codex-characters .dtl .skill-mastery{border-top:1px solid var(--line-strong);text-align:center;background:#fff;line-height:1.2}.codex-characters .dtl .skill-mastery span{display:block;padding:6px 2px;background:#e5dcc2;color:#111;font-size:10px;font-weight:950;letter-spacing:.08em;white-space:nowrap;border-top:1px solid #c9bb94;border-bottom:1px solid #c9bb94}.codex-characters .dtl .skill-mastery strong{display:block;padding:6px 3px;font-size:10px;font-weight:750;color:#4f5661;white-space:nowrap;background:#fbfbfc}.codex-characters .dtl .grade-good{background:#fff4d6}.codex-characters .dtl .grade-bad{background:#f3d6ff}.codex-characters .dtl .grade-empty{background:#f5f5f6;color:#aaa}.codex-characters .dtl .chapter-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.codex-characters .dtl .chapter-tabs button{border:1px solid var(--line);background:#fff;color:#5f6670;padding:6px 10px;border-radius:7px;white-space:nowrap;cursor:pointer;font-size:11px;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.codex-characters .dtl .chapter-tabs button:hover{border-color:var(--accent);color:var(--accent)}.codex-characters .dtl .chapter-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.codex-characters .dtl .join-area,.codex-characters .dtl .join-panel .join-grid{margin-top:8px}.codex-characters .dtl .join-grid{display:grid;grid-template-columns:140px 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:8px}.codex-characters .dtl .join-grid .label,.codex-characters .dtl .join-grid .value{padding:8px 10px;border-bottom:1px solid var(--line);font-size:11px}.codex-characters .dtl .join-grid .label{background:#f7f8fa;color:#59616d;font-weight:700;border-right:1px solid var(--line)}.codex-characters .dtl .join-grid .label:nth-last-child(2),.codex-characters .dtl .join-grid .value:last-child{border-bottom:0}.codex-characters .dtl .requirements{display:flex;gap:5px;flex-wrap:wrap}.codex-characters .dtl .requirements span{font-size:10px;padding:4px 6px;border-radius:999px;background:#eef8f2;color:#397454;border:1px solid #cfe7d8}.codex-characters .dtl .sk-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.codex-characters .dtl .sk-col{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;min-height:40px}.codex-characters .dtl .sk-col h6{font-size:10.5px;color:var(--ink);margin:0 0 6px;letter-spacing:.04em}.codex-characters .dtl .sk-group{display:block;margin-bottom:5px}.codex-characters .dtl .sk-group em{font-style:normal;font-weight:800;color:var(--ink);font-size:10.5px;margin-right:4px;white-space:nowrap}.codex-characters .dtl .sk-group i{font-style:normal;background:#f0edff;color:#4c3f9e;border:1px solid #d9d2f5;border-radius:5px;padding:1px 6px;margin:1px 2px 1px 0;display:inline-block;font-size:10px;white-space:nowrap}.codex-characters .dtl .none-w{color:#a9a294;font-size:11px}.codex-characters .dtl .mg-wrap{display:flex;gap:16px;flex-wrap:wrap}.codex-characters .dtl .mg-block{flex:1;min-width:260px}.codex-characters .dtl .mg-block h5{font-size:12px;color:var(--ink);margin:0 0 6px}.codex-characters .dtl .mg-list{display:flex;flex-wrap:wrap;gap:5px}.codex-characters .dtl .mg-list span{font-size:10.5px;background:#f0edff;color:#4c3f9e;border:1px solid #d9d2f5;border-radius:5px;padding:2px 8px;white-space:nowrap}.codex-characters .foot{text-align:center;color:var(--mut);font-size:11.5px;padding:26px 0 8px}.codex-characters .foot b{color:var(--navy)}@media (max-width:1280px){.codex-characters .row,.codex-characters .tbl-head{grid-template-columns:7% 9% 20% 17% 47%}.codex-characters .stat-strip{grid-template-columns:repeat(11,minmax(36px,1fr))}}@media (max-width:860px){.codex-characters .row,.codex-characters .tbl-head{grid-template-columns:1fr}.codex-characters .tbl-head span{display:none}.codex-characters .row .cell{border-right:0;border-left:0}.codex-characters .cell.c-stat,.codex-characters .cell.sub-pro,.codex-characters .cell.sub-trait{grid-column:auto;grid-row:auto}.codex-characters .stat-strip{grid-template-columns:repeat(6,1fr)}.codex-characters .d-head{flex-wrap:wrap}.codex-characters .d-meta{margin-left:0}.codex-characters .sk-3{grid-template-columns:1fr}.codex-characters .rk-grid{grid-template-columns:repeat(6,1fr)}}.codex-characters #skillTip{position:fixed;z-index:9999;max-width:480px;background:linear-gradient(160deg,#20344e,#16263f);color:#eef2f6;border:1px solid var(--gold);border-radius:12px;box-shadow:0 8px 28px rgba(10,16,26,.45);padding:10px 12px;display:none;pointer-events:none;font-size:12px;line-height:1.5}.codex-characters #skillTip.on{display:block}.codex-characters #skillTip .tip-t{font-size:13px;font-weight:800;color:var(--gold);letter-spacing:.04em;margin-bottom:2px}.codex-characters #skillTip .tip-sec{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0}.codex-characters #skillTip .tip-bd{font-size:10px;font-weight:800;color:#c9d4e0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:0 7px;line-height:1.7}.codex-characters #skillTip .tip-wn{font-size:11px;color:#9fb2c9;margin-left:6px;font-weight:600}.codex-characters #skillTip .tip-eff{color:#f2f6fb;white-space:pre-line}.codex-characters #skillTip .tip-stats-row{display:flex;flex-wrap:nowrap;gap:6px;margin-top:6px;font-size:11px;align-items:center;justify-content:center}.codex-characters #skillTip .tip-stat-item{background:#2a3447;padding:2px 6px;border-radius:4px;white-space:nowrap;color:#ccc}.codex-characters #skillTip .tip-stat-item b{color:#ffd54f;margin-left:2px}.codex-characters #skillTip .tip-stats{display:flex;flex-wrap:wrap;gap:2px 10px;margin:4px 0 2px;color:#cdd9e6;font-size:11px}.codex-characters #skillTip .tip-stats b{color:var(--gold);font-weight:800}.codex-characters #skillTip .tip-e{color:#9fb2c9;font-size:11px}.codex-characters #skillTip .tip-cond{color:#b9c8d9;font-size:11px;margin-top:4px;border-top:1px dashed rgba(255,255,255,.18);padding-top:4px;white-space:pre-line}.codex-characters #skillTip .tip-empty{color:#8fa3ba;font-size:11px}.codex-characters #skillTip .tip-block{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14)}.codex-characters #skillTip .tip-block:first-child{margin-top:0;padding-top:0;border-top:0}.codex-characters .learn .section-head{justify-content:flex-start;gap:8px}.codex-characters .learn-toggle{margin-left:0}.codex-characters .sidebar-ability-card{background:#f8f9fa;border-radius:8px;padding:8px;border:1px solid var(--line)}.codex-characters .sidebar-ability-card small{display:block;font-size:11px;color:var(--sub);margin-bottom:2px}.codex-characters .sidebar-ability-card strong{display:block;font-size:13px;color:var(--ink);margin-bottom:4px}.codex-characters .sidebar-ability-card p{font-size:11px;color:var(--sub);margin:0;line-height:1.4}.codex-characters .lv-badge{background:#1b2f4a;color:#fff}.codex-characters .learn-toggle{font-size:13px;font-weight:700;color:#fff;background:var(--navy,#1b2f4a);border:none;border-radius:6px;padding:4px 14px;cursor:pointer;margin-left:12px;display:inline-flex;align-items:center;gap:4px;transition:all .2s}.codex-characters .learn-toggle:after{content:"▼";font-size:10px;transition:transform .2s}.codex-characters .learn:not(.collapsed) .learn-toggle{background:#e67e22}.codex-characters .learn:not(.collapsed) .learn-toggle:after{transform:rotate(180deg)}.codex-characters .learn-toggle:hover{opacity:.85}.codex-characters .learn.collapsed .learn-body{display:none}.codex-characters .learn .section-title{background:linear-gradient(90deg,#e8dfc6,transparent);padding:4px 10px;border-radius:4px;display:inline-block}.codex-characters .skill-overview-table{display:flex;flex-direction:column;gap:2px;padding:8px 0}.codex-characters .sr-header{gap:8px;padding:6px 8px;background:#f0ebe0;font-weight:700;font-size:12px;color:#666;border-bottom:2px solid #ddd}.codex-characters .skill-row-item,.codex-characters .sr-header{display:grid;grid-template-columns:48px 60px 60px 1fr;align-items:center}.codex-characters .skill-row-item{gap:4px;padding:2px 4px;border-bottom:1px dashed #e0e0e0}.codex-characters .sr-icon{text-align:center;display:flex;align-items:center;justify-content:center;min-height:28px;line-height:1}.codex-characters .skill-row-item.sub-row .sr-icon{visibility:hidden}.codex-characters .cat-icon{width:28px;height:28px;vertical-align:middle}.codex-characters .cat-icon-text{font-weight:700;font-size:13px}.codex-characters .sr-init{text-align:center;padding-top:4px}.codex-characters .sr-tier-big{display:inline-block;font-size:12px;text-align:center;border-radius:4px;padding:3px 8px;font-weight:700}.codex-characters .sr-init-grade{display:block;font-size:11px;margin-top:4px;color:#666}.codex-characters .sr-tag{font-size:11px;font-weight:700;text-align:center;border-radius:4px;padding:2px 8px;align-self:start;margin-top:4px}.codex-characters .type-特技{background:#d4edda;color:#155724}.codex-characters .type-战技{background:#d1ecf1;color:#0c5460}.codex-characters .type-魔法{background:#e2d5f1;color:#5b2c87}.codex-characters .type-圣焰{background:#ffe0b2;color:#e65100}.codex-characters .sr-tier{font-size:11px;text-align:center;border-radius:4px;padding:2px 8px;font-weight:700;align-self:start;margin-top:4px}.codex-characters .tier-擅长{background:#fff3cd;color:#856404}.codex-characters .tier-普通{background:#f8f9fa;color:#6c757d}.codex-characters .tier-弱项{background:#f8d7da;color:#721c24}.codex-characters .sr-skills{font-size:13px;line-height:1.8;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.codex-characters .sr-skills i{cursor:pointer;color:var(--navy,#1b2f4a);font-style:normal}.codex-characters .sr-skills i:hover{text-decoration:underline}.codex-characters .grade-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;background:#343a40;color:#fff;font-size:11px;font-weight:700;margin-right:4px}.codex-characters .grade-E{background:#6c757d}.codex-characters .grade-D{background:#28a745}.codex-characters .grade-C{background:#17a2b8}.codex-characters .grade-B{background:#007bff}.codex-characters .grade-A{background:#6f42c1}.codex-characters .grade-S{background:#dc3545}.codex-characters .sidebar-abilities{padding:10px 14px;border-top:1px solid var(--line)}.codex-characters .sidebar-ability-grid{display:grid;grid-template-columns:1fr;gap:8px}.codex-characters .ability-card{background:#f8f9fa;border-radius:8px;padding:8px;border:1px solid var(--line)}.codex-characters .ability-card .ability-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.codex-characters .ability-card small{font-size:11px;font-weight:700;color:#1b2f4a;background:#e8dfc6;padding:2px 8px;border-radius:4px;white-space:nowrap}.codex-characters .ability-card strong{font-size:13px;color:var(--ink)}.codex-characters .ability-card p{font-size:11px;color:var(--sub);margin:0;line-height:1.4}.codex-characters .lv-badge{display:inline-block;background:#e8dfc6;color:#1b2f4a;font-size:11px;font-weight:700;border-radius:4px;padding:1px 8px;margin-left:6px;vertical-align:middle}.codex-characters .base-stat-grid{grid-template-columns:repeat(10,1fr)!important}.codex-characters nav{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}.codex-characters .growth-sort-head{padding:4px 10px}.codex-characters .growth-sort-head .gs-row2{display:grid;grid-template-columns:repeat(11,minmax(42px,1fr));gap:2px}.codex-characters .growth-sort-head .gs-cell{text-align:center;font-size:11px;padding:2px 0;border:none;background:#faf7ef;border:1px solid var(--line);border-radius:6px;cursor:pointer;min-width:0}.codex-characters .growth-sort-head .gs-cell.stat-lv{background:#eef2f7}.codex-characters .growth-sort-head .gs-cell.stat-total{background:#f1ecd9}.codex-characters .stat-cell.hl{background:#fff3cd!important;border-color:#d4a72c!important;box-shadow:inset 0 0 0 1px #d4a72c;border-radius:0}.codex-characters .stat-cell.hl em{font-size:10px!important;font-weight:700;color:#8a5a00!important;margin-bottom:2px}.codex-characters .stat-cell.hl b{font-size:16px!important;font-weight:800;color:#8a5a00!important;transition:all .2s ease}.codex-characters .gs-cell.hl{background:#ffd966!important;border-color:#d4a72c!important;font-weight:800;font-size:12px;line-height:1.2}.codex-characters .sort-btn.active{display:flex;flex-direction:column;align-items:center;line-height:1.1}@media (max-width:480px){.codex-characters nav{padding:6px 8px!important;gap:4px!important}.codex-characters nav button,.codex-characters nav select{font-size:10px!important;padding:3px 6px!important}.codex-characters nav .f-label{font-size:10px!important}.codex-characters .growth-sort-head{width:100%!important;margin:6px 0!important;padding:0 4px!important}.codex-characters .growth-sort-head .gs-cell{font-size:9px!important;padding:2px 0!important}.codex-characters .tbl-head{display:none!important}.codex-characters .row{grid-template-columns:44px 1fr auto!important;gap:4px!important;padding:4px 6px!important}.codex-characters .c-icon{grid-column:1!important;grid-row:1/span 2!important;padding:0!important}.codex-characters .c-icon img{width:40px!important;height:40px!important;border-radius:6px!important}.codex-characters .c-name{grid-column:2!important;grid-row:1!important;padding:0!important;align-items:flex-start!important;gap:1px!important}.codex-characters .c-name .nm{font-size:13px!important;line-height:1.2!important}.codex-characters .c-name .badges .bd{font-size:8px!important;padding:0 3px!important}.codex-characters .c-stat{grid-column:1/-1!important;grid-row:auto!important;padding:4px 6px!important;border-left:0!important;border-top:1px dashed #ddd!important}.codex-characters .c-stat h6{font-size:10px!important;margin:0 0 2px!important}.codex-characters .c-stat .stat-strip{grid-template-columns:repeat(11,1fr)!important;gap:1px!important}.codex-characters .stat-cell{padding:1px!important}.codex-characters .stat-cell em{font-size:7px!important}.codex-characters .stat-cell b{font-size:10px!important}.codex-characters .sub-pro{grid-column:2!important;grid-row:2!important;padding:0!important;border-right:0!important}.codex-characters .sub-trait{grid-column:2!important;grid-row:3!important;padding:2px 0 0!important;border-top:1px dashed #ddd!important}.codex-characters .sub-pro h6,.codex-characters .sub-trait h6{display:none!important}.codex-characters .sub-pro .sk-group,.codex-characters .sub-trait .trait-item{font-size:10px!important;margin:0!important}.codex-characters .sub-pro em,.codex-characters .sub-trait b{font-size:9px!important}.codex-characters .sub-pro i,.codex-characters .sub-trait i{font-size:9px!important;padding:0 3px!important}.codex-characters .chev{right:4px!important;font-size:18px!important}.codex-characters .detail .dtl{padding:8px!important}.codex-characters .detail .codex{grid-template-columns:1fr!important}.codex-characters .detail aside.sidebar{width:100%!important;flex-direction:row!important;flex-wrap:wrap;gap:8px}.codex-characters .stat-strip{grid-template-columns:repeat(4,1fr)!important;gap:2px!important}.codex-characters .skill-overview-table .sr-header,.codex-characters .skill-row-item{font-size:10px!important}}.codex-classes{--navy:#1b2f4a;--navy2:#2a4466;--navy3:#34527a;--gold:#c9a227;--gold2:#e0c36a;--paper:#f6f1e6;--paper2:#efe8d8;--ink:#24272e;--mut:#6d6f76;--line:#d8d0bd;--shadow:0 1px 2px rgba(27,47,74,.08),0 4px 10px rgba(27,47,74,.06)}.codex-classes *{box-sizing:border-box;margin:0;padding:0}.codex-classes{-webkit-text-size-adjust:100%;font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);line-height:1.45}.codex-classes .wrap{max-width:1320px;margin:0 auto;padding:0 20px 48px}.codex-classes .page-head{background:var(--navy);color:#f2ead6;padding:26px 0 20px;border-bottom:3px solid var(--gold)}.codex-classes .page-head .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.codex-classes .brand{display:flex;align-items:center;gap:14px}.codex-classes .brand .crest{width:52px;height:52px;flex:none;display:grid;place-items:center;border:1px solid rgba(224,195,106,.55);border-radius:10px;background:rgba(224,195,106,.1)}.codex-classes .brand h1{font-family:"Noto Serif SC",serif;font-size:25px;font-weight:700;letter-spacing:.06em}.codex-classes .brand p{color:#b9c4d4;font-size:12.5px;margin-top:4px}.codex-classes .head-note{color:#c8d1de;font-size:12.5px;text-align:right;line-height:1.75}.codex-classes .head-note b{color:var(--gold2);font-weight:600}.codex-classes .hn-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;color:#7a5f10;background:rgba(224,195,106,.18);border:1px solid var(--gold2);border-radius:999px;padding:1px 12px;margin:4px 0}.codex-classes .hn-line{display:block}.codex-classes .nav{position:sticky;top:0;z-index:50;background:rgba(246,241,230,.96);backdrop-filter:blur(4px);border-bottom:1px solid var(--line);padding:9px 20px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin}.codex-classes .nav .navi{flex:none;font-size:13.5px;font-weight:600;color:var(--navy);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:5px 14px;background:#fffdf7}.codex-classes .nav .navi:hover{border-color:var(--gold);background:rgba(201,162,39,.09)}.codex-classes .grp{margin-top:22px}.codex-classes .grp-head{display:flex;align-items:center;gap:12px;background:var(--navy);color:#f2ead6;border-radius:10px;padding:10px 16px;box-shadow:var(--shadow)}.codex-classes .grp-head h3{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.codex-classes .grp-head .cnt{font-family:Noto Sans SC,sans-serif;font-size:11.5px;font-weight:600;color:#dfe5ee;background:rgba(255,255,255,.08);border:1px solid rgba(224,195,106,.4);border-radius:999px;padding:2px 10px}.codex-classes .tbl-head{display:grid;gap:8px;padding:9px 10px;color:var(--navy);font-size:14px;font-weight:800;letter-spacing:.04em;border-bottom:1px solid var(--line);background:var(--paper2);text-align:center;align-items:center}.codex-classes .row{display:grid;gap:8px;align-items:center;background:#fffdf7;border:1px solid var(--line);border-bottom:none;padding:8px 10px;cursor:pointer;transition:background .12s,border-color .12s;position:relative}.codex-classes .row:first-of-type{border-radius:8px 8px 0 0}.codex-classes .grp .row:hover,.codex-classes .row.open{background:#fbf6e8;border-color:var(--gold)}.codex-classes .row .c-icon{display:flex;align-items:center;gap:6px}.codex-classes .row .c-innate{text-align:left;display:flex;align-items:center;justify-content:flex-start}.codex-classes .row .c-master{text-align:left;display:flex;align-items:flex-start;justify-content:center}.codex-classes .row .c-master .m-exp{display:none}.codex-classes .row.open+.detail{display:block;animation:dd .16s ease}@keyframes dd{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.codex-classes .cell{min-width:0}.codex-classes .c-icon{display:flex;align-items:center;gap:9px}.codex-classes .ic{width:42px;height:42px;flex:none;border-radius:8px;overflow:hidden;border:1px solid #e5dec9;background:#f0ead9}.codex-classes .ic img{width:100%;height:100%;object-fit:contain;display:block}.codex-classes .nm-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.codex-classes .nm{font-size:14px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;max-width:100%}.codex-classes .badges{display:flex;flex-direction:row;gap:3px;flex:none;align-self:flex-end}.codex-classes .bd{font-size:9.5px;font-weight:700;border-radius:5px;padding:1px 6px;line-height:1.5;white-space:nowrap;letter-spacing:.02em}.codex-classes .bd-lv{background:var(--navy);color:#f2ead6;border:1px solid var(--navy3)}.codex-classes .bd-tr{background:rgba(201,162,39,.16);color:#7a5f10;border:1px solid var(--gold)}.codex-classes .c-grow{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}.codex-classes .grow-cell{display:flex;flex-direction:column;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 0;color:var(--ink);line-height:1.2}.codex-classes .grow-cell em{font-style:normal;font-size:9px;color:var(--mut)}.codex-classes .grow-cell b{font-size:11px;font-weight:600;color:var(--ink)}.codex-classes .grow-cell.sum{background:rgba(201,162,39,.18);border-color:var(--gold)}.codex-classes .grow-cell.sum em{color:#8a6d15}.codex-classes .grow-cell.sum b{color:#7a5f10;font-weight:700}.codex-classes .c-req{font-size:11.5px;color:var(--ink);line-height:1.45}.codex-classes .c-innate{font-size:11.5px;color:var(--ink);line-height:1.5}.codex-classes .c-master{display:flex;flex-direction:column;gap:2px}.codex-classes .m-skill{font-size:12px;font-weight:700;color:var(--navy)}.codex-classes .m-exp{font-size:10.5px;color:var(--gold);font-weight:700;background:rgba(201,162,39,.15);border-radius:4px;padding:1px 6px;align-self:flex-start}.codex-classes .none-w{color:var(--mut)}.codex-classes .chev{position:absolute;right:6px;top:50%;width:8px;height:8px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:translateY(-70%) rotate(45deg);transition:transform .15s}.codex-classes .row.open .chev{transform:translateY(-30%) rotate(-135deg);border-color:var(--gold)}.codex-classes .sk-tip{cursor:help;border-bottom:1px dashed var(--gold);transition:background .12s,color .12s}.codex-classes .sk-tip:hover{background:rgba(201,162,39,.14);color:#7a5f10}.codex-classes .sk-tip:active{background:rgba(201,162,39,.22)}.codex-classes .tip2{position:fixed;z-index:400;width:280px;background:#fffdf7;border:1px solid var(--gold);border-radius:12px;box-shadow:0 8px 28px rgba(27,47,74,.2);padding:12px 14px;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .1s,transform .1s}.codex-classes .tip2.show{opacity:1;transform:none}.codex-classes .tip2 .t-name{font-family:"Noto Serif SC",serif;font-size:15px;font-weight:700;color:var(--navy);padding-bottom:5px;border-bottom:1px solid var(--line);margin-bottom:7px}.codex-classes .tip2 .t-name em{font-style:normal;font-size:10px;font-weight:600;color:#7a5f10;background:rgba(201,162,39,.16);border:1px solid var(--gold);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:2px}.codex-classes .tip2 .t-block{margin-top:6px}.codex-classes .tip2 .t-block:first-of-type{margin-top:0}.codex-classes .tip2 .t-block h5{font-size:11px;color:var(--mut);font-weight:600;letter-spacing:.06em;margin-bottom:3px}.codex-classes .tip2 .t-block p{font-size:12.5px;color:var(--ink);line-height:1.6;white-space:pre-line;word-break:break-word}.codex-classes .tip2 .t-cond{font-size:12px;color:#3a4a61;background:#eef2f8;border-left:3px solid var(--gold);border-radius:0 6px 6px 0;padding:6px 9px;line-height:1.55;white-space:pre-line;max-height:168px;overflow-y:auto}.codex-classes .tip2 .t-note{font-size:11.5px;color:var(--mut);background:#f2ede1;border-radius:6px;padding:6px 9px;line-height:1.6;white-space:pre-line}.codex-classes .tip2 .t-none{font-size:12px;color:var(--mut);font-style:italic}.codex-classes .t-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.codex-classes .t-stats span{font-size:12px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px 2px;text-align:center}.codex-classes .t-stats i{font-style:normal;display:block;font-size:9.5px;color:var(--mut)}.codex-classes .detail{display:none;grid-column:1/-1;background:#fdfaf1;border:1px solid var(--gold);border-top:none;padding:16px 18px}.codex-classes .d-head{display:flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px dashed var(--line);flex-wrap:wrap}.codex-classes .d-ic{position:relative;width:56px;height:56px;flex:none;border-radius:10px;overflow:hidden;border:2px solid var(--gold2);background:#fff}.codex-classes .d-ic img{width:100%;height:100%;object-fit:contain}.codex-classes .d-title{position:relative;display:flex;align-items:center;gap:8px}.codex-classes .d-title b{font-family:"Noto Serif SC",serif;font-size:20px;color:var(--navy)}.codex-classes .d-lv{display:inline-block;font-size:11.5px;font-weight:700;color:#7a5f10;background:rgba(201,162,39,.16);border:1px solid var(--gold);border-radius:999px;padding:2px 10px;margin-left:8px;vertical-align:middle}.codex-classes .d-meta{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}.codex-classes .d-m{font-size:13px;color:var(--ink)}.codex-classes .d-m i{font-style:normal;color:var(--navy);font-size:13.5px;font-weight:800;margin-right:5px;display:block}.codex-classes .d-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:14px;align-items:start}.codex-classes .d-col-l,.codex-classes .d-col-r{display:flex;flex-direction:column;gap:14px;min-width:0}.codex-classes .pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.codex-classes .pair>div{min-width:0}.codex-classes .d-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.codex-classes .d-innate h4,.codex-classes .d-req h4,.codex-classes .d-skill h4,.codex-classes .d-table h4{font-size:12.5px;color:var(--navy);font-weight:700;letter-spacing:.05em;margin-bottom:6px}.codex-classes .tbl{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.codex-classes .tbl .th{font-size:10.5px;text-align:center;color:var(--mut);background:var(--paper2);border:1px solid var(--line);border-radius:4px;padding:2px 0}.codex-classes .d-base-cell,.codex-classes .d-grow-cell{font-size:11.5px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:4px;padding:3px 0;color:var(--ink)}.codex-classes .d-base-cell.sum,.codex-classes .d-grow-cell.sum{background:rgba(201,162,39,.18);border-color:var(--gold);color:#7a5f10;font-weight:700}.codex-classes .sk-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.codex-classes .sk{display:flex;flex-direction:column;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:5px 2px}.codex-classes .sk img{width:26px;height:26px;object-fit:contain;opacity:.35;filter:grayscale(1)}.codex-classes .sk em{font-style:normal;font-size:10px;color:var(--mut)}.codex-classes .sk.on{background:#f2f7ef;border-color:#3d7a5a}.codex-classes .sk.on img{opacity:1;filter:none}.codex-classes .sk.on em{color:#3d7a5a;font-weight:700}.codex-classes .in-text{font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 12px;line-height:1.7;display:flex;flex-wrap:wrap;align-items:center;gap:0}.codex-classes .in-text .none-w{color:var(--mut)}.codex-classes .in{font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 10px;color:var(--ink);display:flex;flex-direction:column}.codex-classes .in i{font-style:normal;font-size:10.5px;color:var(--mut);margin-bottom:2px}.codex-classes .in.none{color:var(--mut)}.codex-classes .ms-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.codex-classes .ms-grid .in{flex-direction:row;align-items:center;gap:6px}.codex-classes .ms-grid .in i{font-weight:700;font-size:13px;color:var(--ink);margin-bottom:0}.codex-classes .req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.codex-classes .req-item{font-size:12.5px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink);display:flex;flex-direction:column;line-height:1.5}.codex-classes .req-item i{font-style:normal;font-size:10.5px;color:var(--mut);margin-bottom:2px}.codex-classes .req-special{font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:0 8px 8px 0;padding:7px 12px;margin-top:8px;line-height:1.6}.codex-classes .req-special i{font-style:normal;font-size:10.5px;color:var(--mut);display:block;margin-bottom:2px}.codex-classes footer{margin-top:30px;text-align:center;color:var(--mut);font-size:12px;line-height:1.8}@media (max-width:860px){.codex-classes .c-icon{grid-column:1/-1}.codex-classes .c-grow{grid-column:1/-1;margin-top:6px}.codex-classes .c-req{grid-column:1/-1}.codex-classes .c-innate{display:flex;grid-column:1/-1;flex-wrap:wrap}.codex-classes .c-master{display:flex;grid-column:1/-1;flex-direction:row;align-items:center;gap:8px}.codex-classes .row .chev{display:none}.codex-classes .sk-grid{grid-template-columns:repeat(6,1fr)}.codex-classes .d-body,.codex-classes .d-two,.codex-classes .req-grid{grid-template-columns:1fr}}@media (max-width:520px){.codex-classes .wrap{padding:0 12px 40px}.codex-classes .brand .crest{width:44px;height:44px}.codex-classes .brand h1{font-size:19px}.codex-classes .head-note,.codex-classes .tbl-head{display:none}.codex-classes .row{gap:6px}.codex-classes .c-grow{grid-template-columns:repeat(10,1fr)}.codex-classes .grow-cell em{font-size:8.5px}.codex-classes .grow-cell b{font-size:10px}.codex-classes .sk-grid{grid-template-columns:repeat(4,1fr)}.codex-classes .d-head{flex-direction:column;align-items:flex-start}.codex-classes .d-meta{margin-left:0}}.codex-classes .mv-badge{display:inline-block;font-size:11.5px;font-weight:700;color:#fff;background:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:2px 10px;margin-left:8px;vertical-align:middle;white-space:nowrap}.codex-classes .sk .em-plus{font-weight:800;color:var(--navy);font-size:14px}.codex-classes .req-ic{width:18px;height:18px;vertical-align:middle;border-radius:3px;background:#fff;border:1px solid var(--gold2);object-fit:contain;margin-right:2px}.codex-classes .req-lv{font-size:11px;font-weight:700;color:var(--navy);margin-right:4px}.codex-classes .req-note{font-size:10.5px;color:#888;margin-left:4px}.codex-classes .req-sep{margin:0 6px;color:#aaa;font-size:11px}.codex-classes .req-sk{display:inline-flex;align-items:center;margin-right:2px}.codex-classes .cmp-add{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#fff;font-size:16px;font-weight:700;cursor:pointer;flex-shrink:0;user-select:none;transition:all .15s}.codex-classes .cmp-add:hover{transform:scale(1.15)}.codex-classes .cmp-add.selected{background:#c0392b;content:"✓"}.codex-classes .row.cmp-selected{background:#fff3cd!important;border-left:3px solid var(--gold)}.codex-classes .cmp-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9999;display:none;align-items:center;justify-content:center}.codex-classes .cmp-modal.show{display:flex}.codex-classes .cmp-box{background:#fff;width:95%;max-width:1400px;max-height:85vh;overflow:auto;border-radius:12px;padding:20px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.codex-classes .cmp-cols{display:flex;gap:16px;align-items:flex-start}.codex-classes .cmp-left{flex:0 0 50%;min-width:0}.codex-classes .cmp-right{flex:1;min-width:0}.codex-classes .cmp-box h2{margin:0 0 12px;color:var(--navy)}.codex-classes .cmp-close{float:right;cursor:pointer;font-size:22px;border:none;background:none}.codex-classes .cmp-table{width:100%;border-collapse:collapse;font-size:13px}.codex-classes .cmp-table td,.codex-classes .cmp-table th{border:1px solid #ddd;padding:6px 10px;text-align:center}.codex-classes .cmp-table th{background:var(--paper2);color:var(--navy)}.codex-classes .cmp-table .nm{font-weight:700;background:#fafafa}.codex-classes .cmp-diff-up{color:#27ae60;font-weight:700}.codex-classes .cmp-diff-down{color:#c0392b;font-weight:700}.codex-classes .req-label{font-size:10px;font-weight:700;color:var(--navy);background:var(--paper2);padding:2px 6px;border-radius:4px;white-space:nowrap;display:block;text-align:center;margin-bottom:3px}.codex-classes .req-label-elective{color:#7a5f10;background:rgba(201,162,39,.12)}.codex-classes .cell.c-req{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.codex-classes .req-group{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.codex-classes .req-sks{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.codex-classes .row .req-group{flex-direction:row;gap:4px}.codex-classes .row .req-label{margin-bottom:0}.codex-weapons{--navy:#1b2f4a;--navy2:#244066;--gold:#c9a227;--gold2:#e0c36a;--bg:#f3efe6;--line:#d8d2c0;--ink:#2a2f3a;--sub:#6b7280}.codex-weapons *{box-sizing:border-box;margin:0;padding:0}.codex-weapons{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);font-size:13px}.codex-weapons .nav{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:14px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.codex-weapons .nav h1{font-size:19px;letter-spacing:1px}.codex-weapons .nav .sub{font-size:11px;opacity:.7;margin-top:3px}.codex-weapons .toolbar{position:sticky;top:51px;z-index:40;background:#fff;border-bottom:2px solid var(--gold);padding:8px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;box-shadow:0 1px 3px rgba(0,0,0,.08)}.codex-weapons .toolbar input{padding:5px 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;width:170px}.codex-weapons .tbtn{padding:4px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;cursor:pointer}.codex-weapons .tbtn.active{background:var(--navy);color:#fff;border-color:var(--navy)}.codex-weapons .cnt{margin-left:auto;font-size:12px;color:var(--sub)}.codex-weapons .wrap{max-width:1500px;margin:0 auto;padding:10px 14px 40px}.codex-weapons .row,.codex-weapons .tbl-head{display:grid;grid-template-columns:4% 11% 24% 5.5% 5.5% 5.5% 5.5% 5.5% 5.5% 5.5% 6% 6% 5.5%;align-items:center}.codex-weapons .tbl-head{position:sticky;top:91px;z-index:30;background:var(--navy);color:#fff;border-radius:8px 8px 0 0;overflow:hidden}.codex-weapons .tbl-head span{font-size:13px;text-align:center;padding:9px 2px;font-weight:700;letter-spacing:.5px}.codex-weapons .row{background:#fff;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s}.codex-weapons .row.open,.codex-weapons .row:hover{background:#fbf6e6}.codex-weapons .cell{padding:6px 8px;text-align:center;font-size:12.5px;min-width:0}.codex-weapons .c-ic{display:grid;place-items:center}.codex-weapons .ticon{width:34px;height:34px;border-radius:8px;overflow:hidden;display:grid;place-items:center;background:#f0ede4;border:1px solid var(--line)}.codex-weapons .ticon img{width:100%;height:100%;object-fit:cover}.codex-weapons .ticon-t{color:#fff;font-weight:800;font-size:14px}.codex-weapons .c-nm{text-align:left;font-weight:700;color:var(--navy);font-size:13.5px;position:relative}.codex-weapons .c-nm.has-up:after{content:"＋";color:var(--gold);font-weight:800;margin-left:4px}.codex-weapons .c-de{text-align:left;color:var(--sub);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.codex-weapons .chev{position:absolute;right:14px;top:6px;width:30px;height:26px;color:var(--navy);pointer-events:none}.codex-weapons .chev:after{content:"▾";font-size:24px;font-weight:800;line-height:1}.codex-weapons .row.open .chev:after{transform:rotate(180deg);display:inline-block}.codex-weapons .row{position:relative}.codex-weapons .detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .3s ease;grid-column:1/-1}.codex-weapons .detail.open{grid-template-rows:1fr;opacity:1}.codex-weapons .detail>.dtl{min-height:0;overflow:hidden}.codex-weapons .dtl{padding:0;background:#faf7ee;color:var(--ink)}.codex-weapons .dtl .codex{padding:16px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start;max-width:1200px;margin:0 auto}.codex-weapons .dtl .sidebar{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center}.codex-weapons .dtl .big-icon .ticon{width:90px;height:90px;margin:0 auto;border-radius:14px}.codex-weapons .dtl .side-name{font-size:19px;font-weight:800;color:var(--navy);margin-top:10px}.codex-weapons .dtl .side-type{display:inline-block;margin-top:6px;background:var(--navy);color:#fff;border-radius:999px;padding:2px 12px;font-size:12px}.codex-weapons .dtl .eff-note{margin-top:10px;font-size:12.5px;color:#7a5f10;background:#fbf3d9;border-radius:8px;padding:8px}.codex-weapons .dtl .main-card{display:flex;flex-direction:column;gap:14px}.codex-weapons .dtl section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}.codex-weapons .dtl h3{font-size:13.5px;color:var(--navy);border-left:3px solid var(--gold);padding-left:8px;margin-bottom:8px}.codex-weapons .dtl h3 small{font-weight:400;color:var(--sub);font-size:11px;margin-left:6px}.codex-weapons .dtl .desc{font-size:13px;line-height:1.7;color:#3a4150}.codex-weapons .base-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.codex-weapons .base-grid>div{background:#f6f3ea;border-radius:8px;padding:8px;text-align:center}.codex-weapons .base-grid small{display:block;font-size:11px;color:var(--sub);margin-bottom:3px}.codex-weapons .base-grid b{font-size:15px;color:var(--navy)}.codex-weapons .upg-tb{width:100%;border-collapse:collapse;font-size:12px}.codex-weapons .upg-tb td,.codex-weapons .upg-tb th{border:1px solid var(--line);padding:4px 8px;text-align:center}.codex-weapons .upg-tb th{background:var(--navy);color:#fff;font-size:11.5px}.codex-weapons .upg-tb td.vname{font-weight:700;background:#f6f3ea}.codex-weapons .upg-tb td.up{background:#fbf3d9;color:#8a6d10;font-weight:700}.codex-weapons .dtl .get{font-size:12px;line-height:1.8;color:#3a4150}.codex-weapons #tip{position:fixed;z-index:100;pointer-events:none;max-width:420px;display:none;background:linear-gradient(160deg,#244066,#1b2f4a);color:#f3f4f6;border:1px solid var(--gold);border-radius:10px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,.35)}.codex-weapons .tip-tt{color:var(--gold2);font-weight:700;font-size:12px;margin-bottom:6px}.codex-weapons .tip-tb{width:100%;border-collapse:collapse;font-size:11px}.codex-weapons .tip-tb td,.codex-weapons .tip-tb th{border:1px solid rgba(255,255,255,.18);padding:2px 5px;text-align:center}.codex-weapons .tip-tb th{color:var(--gold2)}.codex-weapons .tip-tb td.up{color:var(--gold2);font-weight:700}@media(max-width:1100px){.codex-weapons .dtl .codex{grid-template-columns:1fr}.codex-weapons .base-grid{grid-template-columns:repeat(3,1fr)}}.codex-paralogues{--navy:#1b2f4a;--navy2:#244066;--gold:#c9a227;--gold2:#e0c36a;--bg:#f3efe6;--line:#d8d2c0;--ink:#2a2f3a;--sub:#6b7280}.codex-paralogues *{box-sizing:border-box;margin:0;padding:0}.codex-paralogues{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);font-size:13px}.codex-paralogues .nav{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:14px 22px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.codex-paralogues .nav h1{font-size:19px;letter-spacing:1px}.codex-paralogues .nav .sub{font-size:11px;opacity:.7;margin-top:3px}.codex-paralogues .toolbar{position:sticky;top:51px;z-index:40;background:#fff;border-bottom:2px solid var(--gold);padding:8px 14px;display:flex;align-items:center;gap:8px}.codex-paralogues .toolbar input{padding:5px 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;width:180px}.codex-paralogues .cnt{margin-left:auto;font-size:12px;color:var(--sub)}.codex-paralogues .wrap{max-width:1400px;margin:0 auto;padding:10px 14px 40px}.codex-paralogues .row,.codex-paralogues .tbl-head{display:grid;grid-template-columns:5% 13% 15% 11% 11% 11% 11% 23%;align-items:center}.codex-paralogues .tbl-head{position:sticky;top:91px;z-index:30;background:var(--navy);color:#fff;border-radius:8px 8px 0 0;overflow:hidden}.codex-paralogues .tbl-head span{font-size:13.5px;text-align:center;padding:10px 4px;font-weight:700}.codex-paralogues .row{position:relative;background:#fff;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s}.codex-paralogues .row.open,.codex-paralogues .row:hover{background:#fbf6e6}.codex-paralogues .cell{padding:8px 10px;text-align:center;font-size:12.5px;line-height:1.5}.codex-paralogues .c-num{font-weight:800;color:var(--gold);font-size:14px}.codex-paralogues .c-name{font-weight:700;color:var(--navy);font-size:14.5px}.codex-paralogues .c-role{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:#7a5f10;font-weight:700;font-size:13px;padding-left:18px}.codex-paralogues .c-role .rav{width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--gold);flex-shrink:0;background:#fff}.codex-paralogues .c-role .rav img{width:100%;height:100%;object-fit:cover}.codex-paralogues .na{color:#c0b8a4}.codex-paralogues .c-rw{text-align:left;font-size:12px;color:#3a4150}.codex-paralogues .chev{position:absolute;right:14px;top:8px;width:26px;height:24px;color:var(--navy);pointer-events:none}.codex-paralogues .chev:after{content:"▾";font-size:22px;font-weight:800}.codex-paralogues .row.open .chev:after{transform:rotate(180deg);display:inline-block}.codex-paralogues .detail{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease,opacity .3s ease;grid-column:1/-1}.codex-paralogues .detail.open{grid-template-rows:1fr;opacity:1}.codex-paralogues .detail>.dtl{min-height:0;overflow:hidden}.codex-paralogues .dtl{background:#faf7ee}.codex-paralogues .dtl .codex{padding:14px 20px;display:flex;flex-direction:column;gap:10px;max-width:1100px;margin:0 auto}.codex-paralogues .dtl section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px}.codex-paralogues .dtl h3{font-size:13px;color:var(--navy);border-left:3px solid var(--gold);padding-left:8px;margin-bottom:6px}.codex-paralogues .dtl p{font-size:12.5px;line-height:1.8;color:#3a4150}.codex-recruitment{--navy:#1b2f4a;--navy2:#2a4466;--navy3:#34527a;--gold:#c9a227;--gold2:#e0c36a;--paper:#f6f1e6;--paper2:#efe8d8;--ink:#24272e;--mut:#6d6f76;--line:#d8d0bd;--lv1:#5b7fa6;--lv2:#3d7a5a;--lv3:#a0503f;--shadow:0 1px 2px rgba(27,47,74,.08),0 4px 10px rgba(27,47,74,.06)}.codex-recruitment *{box-sizing:border-box;margin:0;padding:0}.codex-recruitment{-webkit-text-size-adjust:100%;font-family:Noto Sans SC,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);line-height:1.45}.codex-recruitment .wrap{max-width:1280px;margin:0 auto;padding:0 20px 48px}.codex-recruitment .page-head{background:var(--navy);color:#f2ead6;padding:26px 0 22px;border-bottom:3px solid var(--gold)}.codex-recruitment .page-head .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.codex-recruitment .brand{display:flex;align-items:center;gap:14px}.codex-recruitment .brand .crest{width:52px;height:52px;flex:none;display:grid;place-items:center;border:1px solid rgba(224,195,106,.55);border-radius:10px;background:rgba(224,195,106,.1)}.codex-recruitment .brand h1{font-family:"Noto Serif SC",serif;font-size:26px;font-weight:700;letter-spacing:.06em}.codex-recruitment .brand p{color:#b9c4d4;font-size:12.5px;margin-top:4px}.codex-recruitment .head-note{color:#c8d1de;font-size:12.5px;text-align:right;line-height:1.7}.codex-recruitment .head-note b{color:var(--gold2);font-weight:600}.codex-recruitment .tabs{position:sticky;top:0;z-index:50;background:rgba(246,241,230,.96);backdrop-filter:blur(4px);border-bottom:1px solid var(--line);padding:10px 20px;overflow-x:auto;scrollbar-width:thin}.codex-recruitment .tabs-inner{max-width:1280px;margin:0 auto;display:flex;gap:10px;min-width:max-content}.codex-recruitment .tab{display:flex;align-items:center;gap:9px;flex:none;font-family:"Noto Serif SC",serif;font-size:16px;font-weight:700;color:var(--navy);background:transparent;border:1px solid var(--line);border-radius:10px;padding:8px 18px 8px 10px;cursor:pointer;transition:all .15s}.codex-recruitment .tab img{width:36px;height:36px;object-fit:cover;border-radius:7px;border:1px solid rgba(27,47,74,.15);background:#fff}.codex-recruitment .tab:hover{border-color:var(--gold);background:rgba(201,162,39,.09)}.codex-recruitment .tab.active{background:var(--navy);border-color:var(--navy);color:#f2ead6;box-shadow:var(--shadow)}.codex-recruitment .tab.active img{border-color:var(--gold2)}.codex-recruitment .chapter{display:none;padding-top:20px}.codex-recruitment .chapter.active{display:block}.codex-recruitment .ch-head{display:flex;align-items:center;gap:14px;background:var(--navy);color:#f2ead6;border-radius:12px;padding:14px 18px;margin-bottom:14px;box-shadow:var(--shadow)}.codex-recruitment .ch-logo{width:56px;height:56px;object-fit:cover;border-radius:10px;border:2px solid var(--gold2);background:#fff;flex:none}.codex-recruitment .ch-title h2{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:700;letter-spacing:.08em}.codex-recruitment .ch-sub{color:#b9c4d4;font-size:12.5px;margin-top:3px}.codex-recruitment .ch-count{margin-left:auto;flex:none;font-size:13px;color:#dfe5ee;background:rgba(255,255,255,.08);border:1px solid rgba(224,195,106,.4);border-radius:999px;padding:6px 14px;white-space:nowrap}.codex-recruitment .ch-count b{color:var(--gold2);font-size:15px}.codex-recruitment .ch-count i{font-style:normal;color:#b9c4d4}.codex-recruitment .level{display:flex;gap:14px;margin-bottom:12px}.codex-recruitment .lv-label{flex:none;width:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--paper2);border:1px solid var(--line);border-radius:10px;padding:8px 6px;text-align:center}.codex-recruitment .lv-cap{font-size:11px;color:var(--mut);letter-spacing:.1em}.codex-recruitment .lv-num{font-size:24px;line-height:1.1}.codex-recruitment .lv-num,.codex-recruitment .lv-txt{font-family:"Noto Serif SC",serif;font-weight:700;color:var(--navy)}.codex-recruitment .lv-txt{font-size:14px;writing-mode:vertical-lr;letter-spacing:.18em;line-height:1.2}.codex-recruitment .cards{flex:1;display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.codex-recruitment .card{width:88px;background:#fffdf7;border:1px solid var(--line);border-radius:10px;padding:7px 7px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;box-shadow:var(--shadow);transition:border-color .15s}.codex-recruitment .card:hover{border-color:var(--gold)}.codex-recruitment .port{width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid #e5dec9;background:#f0ead9}.codex-recruitment .port img{width:100%;height:100%;object-fit:cover;display:block}.codex-recruitment .nm-row{display:flex;align-items:center;gap:4px;cursor:pointer;min-width:0}.codex-recruitment .ck{width:14px;height:14px;accent-color:var(--navy);flex:none;cursor:pointer}.codex-recruitment .nm{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.codex-recruitment .sup{font-size:11px;font-weight:700;color:#fff;border-radius:999px;padding:1.5px 8px;letter-spacing:.02em}.codex-recruitment .sup-6{background:var(--lv1)}.codex-recruitment .sup-7{background:var(--lv2)}.codex-recruitment .sup-8{background:var(--lv3)}.codex-recruitment .card.unrec{opacity:.62;filter:saturate(.35)}.codex-recruitment .card.unrec .port img{filter:grayscale(1)}.codex-recruitment .card.checked{box-shadow:0 0 0 1.5px var(--gold2),var(--shadow)}.codex-recruitment .card.checked .port{border-color:var(--gold)}.codex-recruitment .tip{position:fixed;z-index:200;width:270px;background:#fffdf7;border:1px solid var(--gold);border-radius:12px;box-shadow:0 6px 24px rgba(27,47,74,.18);padding:12px 14px;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}.codex-recruitment .tip.show{opacity:1;transform:translateY(0)}.codex-recruitment .tip .tip-nm{font-family:"Noto Serif SC",serif;font-size:16px;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}.codex-recruitment .tip .tip-nm .badge{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px}.codex-recruitment .tip .badge.rec{background:#3d7a5a;color:#fff}.codex-recruitment .tip .badge.unrec{background:#a0503f;color:#fff}.codex-recruitment .tip .tip-row{font-size:12.5px;color:var(--ink);margin-top:6px;line-height:1.5}.codex-recruitment .tip .tip-row b{color:var(--navy);font-weight:600}.codex-recruitment .tip .tip-lv{color:var(--mut);font-size:12px}.codex-recruitment .tip .tip-cond{margin-top:8px;border-top:1px dashed var(--line);padding-top:7px}.codex-recruitment .tip .tip-cond-line{font-size:12.5px;color:#31445e;background:#eef2f8;border-left:3px solid var(--gold);border-radius:0 6px 6px 0;padding:6px 9px;margin-top:5px;line-height:1.55}.codex-recruitment .tip .tip-ban{color:#a0503f;font-weight:700}.codex-recruitment .tip .tip-auto{color:#3d7a5a}.codex-recruitment .tip .tip-note{margin-top:8px;border-top:1px dashed var(--line);padding-top:7px;font-size:12.5px;color:var(--ink);white-space:pre-wrap;word-break:break-word}.codex-recruitment .card{position:relative}.codex-recruitment .note-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;display:grid;place-items:center;background:rgba(27,47,74,.72);color:#f2ead6;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.codex-recruitment .card:hover .note-btn{opacity:1}.codex-recruitment .note-btn:hover{background:var(--gold);color:var(--navy)}.codex-recruitment .modal-mask{position:fixed;inset:0;background:rgba(20,28,40,.45);z-index:300;display:none;align-items:center;justify-content:center;padding:16px}.codex-recruitment .modal-mask.open{display:flex}.codex-recruitment .modal{width:min(420px,100%);background:#fffdf7;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.3);padding:18px 20px;border:1px solid var(--gold)}.codex-recruitment .modal h3{font-family:"Noto Serif SC",serif;font-size:18px;color:var(--navy);margin-bottom:2px}.codex-recruitment .modal .m-sub{font-size:12px;color:var(--mut);margin-bottom:12px}.codex-recruitment .modal label.f{display:block;font-size:12.5px;color:var(--navy);font-weight:600;margin-bottom:5px}.codex-recruitment .modal textarea{width:100%;min-height:90px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-family:Noto Sans SC,sans-serif;font-size:14px;color:var(--ink);resize:vertical;background:#fff}.codex-recruitment .modal textarea:focus{outline:none;border-color:var(--gold)}.codex-recruitment .modal .m-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.codex-recruitment .modal .m-actions button{border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.codex-recruitment .btn-cancel{background:#eee7d4;color:var(--navy)}.codex-recruitment .btn-save{background:var(--navy);color:#f2ead6}.codex-recruitment .btn-save:hover{background:var(--navy2)}@media (max-width:900px){.codex-recruitment .level{gap:10px}.codex-recruitment .lv-label{width:64px}.codex-recruitment .lv-num{font-size:20px}.codex-recruitment .card{width:82px}.codex-recruitment .port{width:58px;height:58px}}@media (max-width:560px){.codex-recruitment .wrap{padding:0 12px 40px}.codex-recruitment .brand .crest{width:44px;height:44px}.codex-recruitment .brand h1{font-size:20px}.codex-recruitment .head-note{display:none}.codex-recruitment .tabs{padding:8px 12px}.codex-recruitment .tab{font-size:14px;padding:7px 12px 7px 8px}.codex-recruitment .tab img{width:30px;height:30px}.codex-recruitment .ch-head{flex-wrap:wrap;padding:12px}.codex-recruitment .ch-count{margin-left:0;width:100%;text-align:center}.codex-recruitment .level{flex-direction:column;gap:8px}.codex-recruitment .lv-label{width:100%!important;flex-direction:row;justify-content:flex-start;gap:8px;padding:6px 12px;border-radius:8px}.codex-recruitment .lv-txt{writing-mode:horizontal-tb;letter-spacing:.1em}.codex-recruitment .cards{width:100%}.codex-recruitment .card{width:calc(33.333% - 6px);min-width:96px;flex:1 0 auto;max-width:110px}.codex-recruitment .card:nth-child(3n+1){flex-basis:calc(33.333% - 6px)}.codex-recruitment .note-btn{opacity:1;background:rgba(27,47,74,.55)}}.codex-recruitment footer{margin-top:28px;text-align:center;color:var(--mut);font-size:12px;line-height:1.8}