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