:root{--cz-panel:#fff;--cz-panel-soft:#f8fafc;--cz-line:#e5e7eb;--cz-text:#151515;--cz-muted:#6b7280;--cz-brand:#2563eb;--cz-accent:#0891b2;--cz-shadow:0 8px 24px rgba(15,23,42,.06)}
[data-ui-item-tip-layer]{z-index:1400}
html.tw-dark{--cz-panel:#171717;--cz-panel-soft:#202020;--cz-line:#2a2a2a;--cz-text:#f2f2f2;--cz-muted:#a3a3a3;--cz-brand:#7dd3fc;--cz-accent:#67e8f9;--cz-shadow:none}
.booklet-page{flex:1;padding:20px 0 36px}.section-card{overflow:hidden;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);box-shadow:var(--cz-shadow)}.section-head{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;border-bottom:1px solid var(--cz-line)}.section-head h2,.section-head h3{margin:0;font-size:15px;font-weight:700}.section-head small,.muted{color:var(--cz-muted)}.empty-state{padding:64px 20px;text-align:center;color:var(--cz-muted)}.badge{display:inline-flex;min-height:23px;align-items:center;border-radius:4px;background:rgba(37,99,235,.1);padding:0 8px;color:var(--cz-brand);font-size:11px;font-weight:700}
.page-hero{position:relative;margin-bottom:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:linear-gradient(120deg,#172033,#28234a 58%,#123c43);padding:22px 24px;color:#fff}.page-hero:after{position:absolute;right:24px;top:-28px;color:rgba(255,255,255,.04);content:"CZN";font-size:108px;font-weight:900}.page-hero h1{margin:0 0 3px;font-size:24px;font-weight:800}.page-hero p{margin:0;color:#b8c1d2}.hero-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-stats span{border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:3px 9px;color:#d2d9e6;font-size:12px}
.filter-card{margin-bottom:14px;padding:13px}.filter-form{display:grid;grid-template-columns:repeat(3,minmax(110px,160px)) minmax(190px,1fr) auto auto;gap:9px}.filter-form select,.filter-form input{height:38px;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:0 11px}.filter-form select:focus,.filter-form input:focus{border-color:#a855f7!important}.filter-submit{border:0;border-radius:5px;background:#2563eb;padding:0 18px;color:#fff;font-weight:700}.filter-reset{display:grid;height:38px;place-items:center;border:1px solid var(--cz-line);border-radius:5px;padding:0 13px;color:var(--cz-muted)}.result-bar{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.result-bar b{color:var(--cz-brand)}
.combatant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.combatant-card{position:relative;min-height:232px;overflow:hidden;border:1px solid var(--cz-line);border-radius:6px;background:#24283b;box-shadow:var(--cz-shadow);transition:.18s}.combatant-card:hover{transform:translateY(-3px);border-color:#3b82f6}.combatant-image{height:178px;overflow:hidden;background:linear-gradient(145deg,#343754,#1b1f31)}.combatant-image img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:.25s}.combatant-card:hover img{transform:scale(1.035)}.combatant-name{position:absolute;left:0;right:0;top:142px;background:linear-gradient(transparent,rgba(11,14,24,.94));padding:22px 8px 6px;color:#fff;font-size:16px;font-weight:800}.combatant-meta{display:flex;height:53px;flex-wrap:wrap;align-content:center;gap:4px 7px;padding:7px 8px;color:#aeb7c9;font-size:11px}.combatant-meta span:first-child{color:#cabaff}.combatant-count{position:absolute;right:6px;top:6px;border-radius:4px;background:rgba(12,16,27,.76);padding:2px 6px;color:#dce3f1;font-size:10px;backdrop-filter:blur(5px)}
.detail-breadcrumb{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:var(--cz-muted);font-size:12px}.detail-breadcrumb a:hover{color:var(--cz-brand)}.detail-hero{display:grid;min-height:340px;grid-template-columns:270px 1fr;background:linear-gradient(120deg,#1c2232,#282144 60%,#143b40);color:#fff}.detail-portrait{position:relative;background:#171c2b}.detail-portrait img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:top center}.detail-portrait:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#22213b);content:""}.detail-summary{position:relative;padding:30px}.detail-kicker{color:#a997ff;font-size:11px;letter-spacing:2px;text-transform:uppercase}.detail-summary h1{margin:3px 0 6px;font-size:34px;font-weight:800}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 22px}.detail-tags span{border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:4px 9px;color:#d4dbea;font-size:12px}.detail-intro{max-width:820px;color:#c9d0dd}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px}.detail-facts div{border:1px solid rgba(255,255,255,.08);border-radius:5px;background:rgba(255,255,255,.055);padding:8px 10px}.detail-facts small{display:block;color:#929cb0;font-size:10px}.detail-facts b{font-size:13px}
.detail-nav{position:sticky;top:74px;z-index:20;display:flex;margin:12px 0;overflow:auto;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);padding:7px;box-shadow:var(--cz-shadow)}.detail-nav a{border-radius:4px;padding:6px 12px;color:var(--cz-muted);white-space:nowrap}.detail-nav a:hover{background:var(--cz-panel-soft);color:var(--cz-brand)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.detail-main,.detail-aside{display:grid;align-content:start;gap:14px}.stat-table{width:100%;border-collapse:collapse}.stat-table th,.stat-table td{border-bottom:1px solid var(--cz-line);padding:8px 12px;text-align:left}.stat-table th{background:var(--cz-panel-soft);color:var(--cz-muted);font-size:11px}.stat-table tr:last-child td{border:0}.stat-table td:not(:first-child){font-weight:600;font-variant-numeric:tabular-nums}
.card-kind-group{padding:13px}.card-kind-title{display:flex;align-items:center;gap:8px;margin:0 0 9px;font-size:14px}.card-list{display:grid;gap:8px}.skill-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:11px;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:9px}.skill-cover{width:70px;height:88px;overflow:hidden;border-radius:5px;background:#252b3e}.skill-cover img{width:100%;height:100%;object-fit:cover}.skill-card h4{margin:0 0 2px;font-size:14px;font-weight:700}.skill-card-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px;color:var(--cz-muted);font-size:10px}.variant{margin-top:5px;border-left:2px solid #3b82f6;background:var(--cz-panel);padding:7px 9px;font-size:12px}.variant-head{display:flex;align-items:center;gap:8px;margin-bottom:2px}.variant-head b{font-size:12px}.variant-head span{margin-left:auto;color:var(--cz-accent)}.variant p{margin:0;color:var(--cz-muted)}
.potential-list,.ego-list,.voice-list{display:grid;gap:7px;padding:11px}.potential-item,.ego-item{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:9px 10px}.potential-item header,.ego-item header{display:flex;align-items:center;gap:7px}.potential-item header span,.ego-item header span{color:var(--cz-brand);font-size:10px;font-weight:800}.potential-item header em{margin-left:auto;color:var(--cz-accent);font-size:10px;font-style:normal}.potential-item p,.ego-item p{margin:4px 0 0;color:var(--cz-muted);font-size:12px}.voice-item{border-bottom:1px solid var(--cz-line);padding:7px 2px}.voice-item:last-child{border:0}.voice-item b{display:block;color:var(--cz-brand);font-size:11px}.voice-item p{margin:2px 0 7px}.audio-row{display:flex;gap:5px}.audio-row audio{width:100%;max-width:240px;height:28px}.source-note{padding:12px 14px;color:var(--cz-muted);font-size:11px}
.home-dashboard{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.home-entry{padding:20px}.home-entry h2{margin:7px 0 5px;font-size:20px;font-weight:700}.home-entry p{color:var(--cz-muted)}.home-entry a{display:inline-flex;margin-top:10px;border-radius:5px;background:#2563eb;padding:8px 14px;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.metric-grid div{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:13px}.metric-grid b{display:block;color:var(--cz-brand);font-size:22px}.metric-grid small{color:var(--cz-muted)}

/* Home command center */
.czn-home{--home-ink:#10182a;--home-blue:#53b8ff;--home-cyan:#7be8ff;--home-orange:#ff8b3d;padding-top:14px;background:radial-gradient(circle at 76% 5%,rgba(102,190,255,.12),transparent 25%),linear-gradient(180deg,rgba(231,238,248,.66),transparent 560px)}
.home-command{position:relative;min-height:550px;overflow:hidden;border:1px solid rgba(139,180,224,.44);border-radius:18px;background:#0a1326;color:#fff;box-shadow:0 24px 70px rgba(30,68,111,.18)}
.home-command:before,.home-command:after{position:absolute;z-index:3;content:"";pointer-events:none}.home-command:before{inset:12px;border:1px solid rgba(169,221,255,.15);border-radius:12px;clip-path:polygon(0 0,34% 0,36% 5px,64% 5px,66% 0,100% 0,100% 100%,76% 100%,74% calc(100% - 5px),26% calc(100% - 5px),24% 100%,0 100%)}.home-command:after{right:-72px;bottom:-100px;width:380px;height:380px;border:1px solid rgba(116,210,255,.18);border-radius:50%;box-shadow:0 0 0 28px rgba(116,210,255,.025),0 0 0 90px rgba(116,210,255,.018)}
.home-command-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,38,.98) 0%,rgba(10,23,48,.92) 42%,rgba(7,16,32,.35) 72%,rgba(6,13,27,.72) 100%),linear-gradient(180deg,transparent 55%,#07101f 100%),url("/story_image.php?id=nw_story_node_01_01_06&kind=banner&v=4") center/cover no-repeat;filter:saturate(1.15)}
.home-command-bg:after{position:absolute;inset:0;background:radial-gradient(circle at 66% 35%,rgba(121,201,255,.27),transparent 27%),radial-gradient(circle at 85% 5%,rgba(117,77,210,.16),transparent 20%);content:""}
.home-command-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(116,196,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(116,196,255,.1) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.home-command-copy{position:relative;z-index:4;width:58%;padding:62px 0 48px 64px}
.home-system-label{display:flex;max-width:490px;align-items:center;gap:9px;border-bottom:1px solid rgba(157,213,255,.22);padding-bottom:10px;color:#9cc8e6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.12em}.home-system-label i{width:7px;height:7px;border-radius:50%;background:#66e2ff;box-shadow:0 0 13px #48dfff}.home-system-label b{margin-left:auto;color:#74e6b9;font-size:11px;letter-spacing:.08em}
.home-kicker{margin:34px 0 8px;color:#86cef9;font-size:14px;font-weight:700;letter-spacing:.2em}.home-command h1{margin:0;color:#f7fbff;font-size:52px;font-weight:800;letter-spacing:-.04em;line-height:1.15;text-shadow:0 5px 25px rgba(0,0,0,.25)}.home-command h1 em{color:transparent;background:linear-gradient(90deg,#fff,#8edbff 66%,#b4a4ff);-webkit-background-clip:text;background-clip:text;font-style:normal}.home-lead{max-width:610px;margin:20px 0 0;color:#b9c8da;font-size:15px;line-height:1.9}
.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.home-action-primary,.home-action-secondary{display:inline-flex;height:46px;align-items:center;justify-content:center;gap:10px;border-radius:3px;padding:0 20px;font-size:14px;font-weight:700;transition:.2s}.home-action-primary{position:relative;min-width:182px;overflow:hidden;background:linear-gradient(100deg,#478dff,#716cff);box-shadow:0 10px 28px rgba(75,111,255,.28);color:#fff}.home-action-primary:before{position:absolute;inset:1px;border:1px solid rgba(255,255,255,.22);content:""}.home-action-secondary{border:1px solid rgba(158,207,244,.32);background:rgba(10,25,49,.6);color:#dceeff;backdrop-filter:blur(9px)}.home-action-primary:hover,.home-action-secondary:hover{transform:translateY(-2px);filter:brightness(1.1)}
.home-signal-row{display:flex;max-width:580px;margin-top:34px;border-top:1px solid rgba(146,200,239,.16);padding-top:20px}.home-signal-row span{position:relative;display:grid;min-width:128px;padding-right:38px}.home-signal-row span+span:before{position:absolute;left:-20px;top:3px;width:1px;height:35px;background:rgba(151,204,242,.17);content:""}.home-signal-row b{color:#f7fbff;font-size:22px;font-variant-numeric:tabular-nums}.home-signal-row small{color:#7f9bb4;font-size:12px}
.home-character{position:absolute;z-index:2;right:2.5%;bottom:0;width:43%;height:100%;pointer-events:none}.home-character img{position:absolute;z-index:2;right:3%;bottom:-10%;width:min(500px,100%);height:105%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 34px rgba(0,0,0,.5))}.home-character-orbit{position:absolute;right:7%;top:7%;width:78%;aspect-ratio:1;border:1px solid rgba(124,211,255,.15);border-radius:50%;background:radial-gradient(circle,rgba(85,166,255,.15),rgba(73,86,172,.05) 40%,transparent 68%);box-shadow:0 0 60px rgba(54,142,255,.1)}.home-character-orbit:before,.home-character-orbit:after{position:absolute;inset:11%;border:1px dashed rgba(147,211,255,.14);border-radius:50%;content:""}.home-character-orbit:after{inset:24%;border-style:solid}.home-character-tag{position:absolute;z-index:4;right:0;bottom:28px;width:205px;border-left:2px solid #63d5ff;background:linear-gradient(90deg,rgba(9,24,47,.88),rgba(9,24,47,.3));padding:10px 12px;backdrop-filter:blur(8px)}.home-character-tag small,.home-character-tag span{display:block;color:#7897b2;font-size:10px}.home-character-tag b{display:block;margin:2px 0;color:#e9f7ff;font-size:13px}.home-coordinate{position:absolute;z-index:4;right:25px;top:19px;color:rgba(176,215,241,.48);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.09em}
.home-section{margin-top:36px}.home-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px;padding:0 4px}.home-section-head>div>span,.home-data-intro>span{display:block;margin-bottom:2px;color:#5b8fd8;font-size:11px;font-weight:800;letter-spacing:.17em}.home-section-head h2,.home-data-intro h2{margin:0;color:var(--home-ink);font-size:25px;font-weight:800}.home-section-head p{max-width:470px;margin:0;color:var(--cz-muted);font-size:13px;text-align:right}
.home-primary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.home-primary-card{--card-accent:#7769ee;position:relative;display:grid;min-height:215px;grid-template-rows:auto 1fr auto;overflow:hidden;border:1px solid rgba(140,161,190,.25);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,253,.92));padding:19px;box-shadow:0 10px 30px rgba(40,74,112,.07);transition:.22s}.home-primary-card:before{position:absolute;right:-50px;top:-64px;width:150px;height:150px;border-radius:50%;background:var(--card-accent);content:"";filter:blur(46px);opacity:.13}.home-primary-card:after{position:absolute;left:0;top:0;width:42%;height:3px;background:linear-gradient(90deg,var(--card-accent),transparent);content:""}.home-primary-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--card-accent) 55%,transparent);box-shadow:0 16px 40px rgba(39,71,112,.13)}.home-primary-card>i{display:grid;width:48px;height:48px;place-items:center;border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);border-radius:8px;background:color-mix(in srgb,var(--card-accent) 9%,transparent);color:var(--card-accent);font-size:25px}.home-primary-card h3{margin:15px 0 4px;color:var(--home-ink);font-size:18px;font-weight:800}.home-primary-card p{margin:0;color:#78869b;font-size:12px;line-height:1.65}.home-primary-card footer{display:flex;align-items:end;margin-top:16px;border-top:1px solid rgba(137,158,186,.16);padding-top:10px}.home-primary-card footer b{color:var(--home-ink);font-size:20px}.home-primary-card footer small{margin:0 0 3px 5px;color:#9aa5b4;font-size:11px}.home-primary-card footer span{margin:auto 0 2px auto;color:var(--card-accent);font-size:19px}.home-card-index{position:absolute;right:15px;top:14px;color:#c4cfdb;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.accent-rose{--card-accent:#ef667e}.accent-cyan{--card-accent:#18a9c7}.accent-amber{--card-accent:#ef9237}
.home-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-route-card{--route-accent:#388cda;position:relative;overflow:hidden;border:1px solid rgba(135,158,187,.24);border-radius:11px;background:var(--cz-panel);box-shadow:0 12px 32px rgba(47,74,110,.06)}.home-route-card:before{position:absolute;inset:0 0 auto;height:92px;background:linear-gradient(125deg,color-mix(in srgb,var(--route-accent) 11%,transparent),transparent 72%);content:"";pointer-events:none}.home-route-card>header{position:relative;display:flex;align-items:center;gap:13px;padding:20px 20px 0}.home-route-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid color-mix(in srgb,var(--route-accent) 30%,transparent);border-radius:50%;color:var(--route-accent);font-size:23px;box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--route-accent) 5%,transparent)}.home-route-card header small{color:var(--route-accent);font-size:10px;font-weight:800;letter-spacing:.12em}.home-route-card h3{margin:0;color:var(--home-ink);font-size:20px;font-weight:800}.home-route-card>p{position:relative;min-height:63px;margin:14px 20px 0;border-bottom:1px solid var(--cz-line);padding-bottom:16px;color:var(--cz-muted);font-size:12px;line-height:1.7}.home-route-card nav{display:grid;padding:8px}.home-route-card nav a{display:grid;min-height:60px;grid-template-columns:36px 1fr 20px;align-items:center;gap:9px;border-radius:7px;padding:7px 9px;transition:.16s}.home-route-card nav a:hover{background:color-mix(in srgb,var(--route-accent) 7%,transparent)}.home-route-card nav a>i{display:grid;width:34px;height:34px;place-items:center;border-radius:6px;background:var(--cz-panel-soft);color:var(--route-accent);font-size:17px}.home-route-card nav span{display:grid}.home-route-card nav b{color:var(--cz-text);font-size:13px}.home-route-card nav small{color:var(--cz-muted);font-size:11px}.home-route-card nav em{color:#a7b0bd;font-size:17px;font-style:normal}.route-orange{--route-accent:#e78232}.route-purple{--route-accent:#8666d9}
.home-data-panel{position:relative;display:grid;grid-template-columns:270px 1fr;gap:28px;margin-top:38px;overflow:hidden;border:1px solid rgba(102,158,214,.2);border-radius:12px;background:linear-gradient(120deg,#0d1b32,#122a4a 58%,#182447);padding:28px;color:#fff;box-shadow:0 18px 50px rgba(30,63,103,.16)}.home-data-panel:before{position:absolute;right:-8%;top:-95%;width:550px;height:550px;border:1px solid rgba(115,213,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(119,201,255,.02),0 0 0 100px rgba(119,201,255,.015);content:""}.home-data-intro{position:relative;padding-right:24px;border-right:1px solid rgba(148,200,239,.16)}.home-data-intro>span{color:#74d5ff}.home-data-intro h2{color:#fff}.home-data-intro p{color:#9eb1c7;font-size:12px;line-height:1.7}.home-data-intro a{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:#7fd7ff;font-size:12px;font-weight:700}.home-metric-grid{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.home-metric-grid div{position:relative;min-width:0;border:1px solid rgba(144,203,241,.1);border-radius:5px;background:rgba(255,255,255,.04);padding:9px 10px;transition:.16s}.home-metric-grid div:hover{border-color:rgba(116,211,255,.3);background:rgba(100,190,255,.08)}.home-metric-grid small{display:block;overflow:hidden;color:#839ab1;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.home-metric-grid b{display:block;margin-top:2px;color:#eaf7ff;font-size:17px;font-variant-numeric:tabular-nums}.home-metric-grid i{position:absolute;right:0;bottom:0;width:14px;height:2px;background:#65cfff}
html.tw-dark .czn-home{--home-ink:#f0f4fa;background:radial-gradient(circle at 76% 5%,rgba(70,128,201,.1),transparent 28%)}html.tw-dark .home-primary-card{background:linear-gradient(145deg,#181b22,#15181e);border-color:rgba(136,161,193,.16)}html.tw-dark .home-primary-card h3,html.tw-dark .home-primary-card footer b{color:#f2f5fa}html.tw-dark .home-primary-card p{color:#939dac}html.tw-dark .home-route-card{border-color:rgba(130,157,190,.14)}html.tw-dark .home-route-card nav a>i{background:#222731}
@media(max-width:1100px){.home-command{min-height:520px}.home-command-copy{width:64%;padding-left:42px}.home-command h1{font-size:44px}.home-character{right:-5%;width:48%}.home-primary-grid{grid-template-columns:repeat(2,1fr)}.home-route-grid{grid-template-columns:1fr 1fr}.home-route-card:last-child{grid-column:1/-1}.home-route-card:last-child nav{grid-template-columns:1fr 1fr}.home-data-panel{grid-template-columns:220px 1fr}.home-metric-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.czn-home{padding-top:8px}.home-command{min-height:680px;border-radius:10px}.home-command-copy{width:auto;padding:38px 24px 255px}.home-system-label{font-size:9px}.home-kicker{margin-top:24px;font-size:12px}.home-command h1{font-size:36px}.home-lead{font-size:14px;line-height:1.7}.home-actions{margin-top:20px}.home-action-primary,.home-action-secondary{height:43px;padding:0 15px}.home-signal-row{gap:0;margin-top:23px}.home-signal-row span{min-width:0;flex:1;padding-right:12px}.home-signal-row span+span:before{left:-7px}.home-signal-row b{font-size:18px}.home-signal-row small{font-size:10px}.home-character{right:-8%;width:74%;height:47%}.home-character img{right:0;height:115%}.home-character-tag{display:none}.home-coordinate{display:none}.home-section{margin-top:28px}.home-section-head{display:block}.home-section-head h2{font-size:22px}.home-section-head p{margin-top:5px;text-align:left}.home-primary-grid,.home-route-grid{grid-template-columns:1fr}.home-primary-card{min-height:190px}.home-route-card:last-child{grid-column:auto}.home-route-card:last-child nav{grid-template-columns:1fr}.home-data-panel{grid-template-columns:1fr;padding:22px}.home-data-intro{border-right:0;border-bottom:1px solid rgba(148,200,239,.16);padding:0 0 18px}.home-metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:430px){.home-command{min-height:715px}.home-command-copy{padding-right:18px;padding-left:18px}.home-command h1{font-size:31px}.home-action-primary{flex:1}.home-action-secondary{width:45px;padding:0}.home-action-secondary span{display:none}.home-character{width:85%}.home-primary-grid{gap:9px}.home-metric-grid{grid-template-columns:repeat(2,1fr)}}
.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.item-card{display:grid;min-height:116px;grid-template-columns:112px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.item-card:hover{transform:translateY(-2px);border-color:#3b82f6}.item-icon{display:grid;place-items:center;background:linear-gradient(140deg,#37468b,#5594bb)}.item-icon img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.3))}.item-card-body{min-width:0;padding:11px}.item-card-body>span{display:inline-flex;border-radius:3px;background:#339deb;padding:1px 7px;color:#fff;font-size:11px}.item-card-body h2{overflow:hidden;margin:5px 0 3px;font-size:15px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.item-card-body p{display:-webkit-box;overflow:hidden;margin:0;color:var(--cz-muted);font-size:11px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.item-card-body small{display:block;margin-top:5px;color:#9ca3af}.rarity-common .item-icon{background:linear-gradient(140deg,#586274,#8e9aa9)}.rarity-unique .item-icon{background:linear-gradient(140deg,#76592a,#d19a36)}.rarity-legend .item-icon{background:linear-gradient(140deg,#6c397f,#cf65c8)}
.item-tip-hint{display:flex;align-items:center;gap:3px;margin-top:6px;color:#94a3b8;font-size:10px}.item-tip-hint span{font-size:13px}.czn-item-tip{position:relative;overflow:hidden;border-radius:6px;background:linear-gradient(150deg,#162235 0%,#101722 55%,#111827 100%);box-shadow:0 20px 48px rgba(0,0,0,.5)}.czn-tip-glow{position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:50%;background:rgba(56,189,248,.16);filter:blur(30px)}.czn-tip-header{position:relative;display:flex;gap:14px;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:16px}.czn-tip-icon{display:grid;width:76px;height:76px;flex:0 0 76px;place-items:center;border:1px solid rgba(125,211,252,.42);border-radius:8px;background:radial-gradient(circle at 50% 42%,rgba(96,165,250,.28),rgba(15,23,42,.76));box-shadow:inset 0 0 24px rgba(56,189,248,.12)}.czn-tip-icon img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(0,0,0,.45))}.czn-tip-heading{min-width:0;flex:1}.czn-tip-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.czn-tip-meta span{border-radius:3px;background:#0ea5e9;padding:2px 8px;color:#fff;font-size:11px;font-style:normal;font-weight:700}.czn-tip-meta em{color:#94a3b8;font-size:11px;font-style:normal}.czn-tip-heading h3{overflow:hidden;margin:7px 0 0;color:#f8fafc;font-size:20px;font-weight:800;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.czn-tip-body{position:relative;padding:15px 16px 13px}.czn-tip-purpose{margin:0;color:#e2e8f0;font-size:13px;font-weight:700}.czn-tip-description{display:-webkit-box;overflow:hidden;margin:8px 0 0;color:#aebbd0;font-size:12px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:4}.czn-tip-section-title{display:flex;align-items:center;gap:9px;margin-top:14px;color:#f8fafc;font-size:12px;font-weight:800}.czn-tip-section-title i{height:1px;flex:1;background:linear-gradient(90deg,rgba(148,163,184,.38),transparent)}.czn-tip-ways{display:grid;gap:5px;margin-top:8px}.czn-tip-way{display:flex;min-height:30px;align-items:center;gap:7px;border:1px solid rgba(148,163,184,.12);border-radius:4px;background:rgba(255,255,255,.055);padding:5px 9px;color:#cbd5e1;font-size:11px}.czn-tip-way>span:first-child{color:#7dd3fc;font-size:14px}.czn-tip-empty{border-radius:4px;background:rgba(255,255,255,.05);padding:8px;color:#94a3b8;font-size:11px}.czn-tip-footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;border-top:1px solid rgba(255,255,255,.08);padding:8px 14px;color:#7dd3fc;font-size:10px}.czn-tip-unique .czn-tip-glow{background:rgba(245,158,11,.18)}.czn-tip-unique .czn-tip-icon{border-color:rgba(251,191,36,.48)}.czn-tip-unique .czn-tip-meta span{background:#d97706}.czn-tip-unique .czn-tip-way>span:first-child,.czn-tip-unique .czn-tip-footer{color:#fbbf24}.czn-tip-legend .czn-tip-glow{background:rgba(217,70,239,.18)}.czn-tip-legend .czn-tip-icon{border-color:rgba(232,121,249,.48)}.czn-tip-legend .czn-tip-meta span{background:#c026d3}.czn-tip-legend .czn-tip-way>span:first-child,.czn-tip-legend .czn-tip-footer{color:#e879f9}.czn-tip-common .czn-tip-glow{background:rgba(148,163,184,.14)}.czn-tip-common .czn-tip-icon{border-color:rgba(148,163,184,.4)}.czn-tip-common .czn-tip-meta span{background:#64748b}.czn-tip-common .czn-tip-way>span:first-child,.czn-tip-common .czn-tip-footer{color:#cbd5e1}
.game-item-sheet{display:grid;min-height:390px;grid-template-columns:330px minmax(0,1fr);background:#f5f5f5;color:#555}.game-item-visual{position:relative;display:grid;grid-template-rows:1fr 42px;background:linear-gradient(140deg,#3d4e96,#5c9ac0)}.item-orbit{position:relative;display:grid;place-items:center}.item-orbit:before{position:absolute;width:240px;height:240px;border:1px dashed rgba(255,255,255,.58);border-radius:50%;content:""}.item-orbit:after{position:absolute;width:135px;height:135px;border:1px solid rgba(255,255,255,.23);content:""}.item-orbit img{z-index:1;width:130px;height:130px;object-fit:contain;filter:drop-shadow(0 7px 5px rgba(0,0,0,.32))}.owned-row{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);padding:0 15px;font-size:14px}.owned-row b{font-size:20px}.game-item-content{padding:18px 34px 28px}.game-rarity{display:inline-block;background:#36a4ee;padding:2px 14px;color:#fff;font-size:16px}.game-item-content h1{margin:5px 0 8px;color:#484848;font-size:26px;font-weight:600}.game-item-content hr{border:0;border-top:1px solid #999}.item-purpose,.item-detail{color:#888;font-size:16px;line-height:1.65}.item-purpose{margin:20px 0}.item-detail{max-width:760px}.game-item-content h2{margin:18px 0 8px;font-size:18px;font-weight:600}.acquisition-list{display:grid;gap:7px}.acquisition-row{display:flex;min-height:42px;align-items:center;justify-content:space-between;border-radius:3px;background:#d3d3d3;padding:0 13px;color:#5b5b5b;font-size:15px}.acquisition-row i{filter:grayscale(1);font-style:normal}.item-source-panel{margin-top:14px}.item-source-panel .stat-table td:first-child{width:160px;color:var(--cz-muted)}
.achievement-hero{display:flex;align-items:center;justify-content:space-between}.achievement-hero>div{position:relative;z-index:1}.achievement-hero>img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(147,197,253,.34));opacity:.88}.achievement-category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.achievement-category-tabs a{display:flex;min-height:58px;align-items:center;gap:8px;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);padding:8px 12px;box-shadow:var(--cz-shadow);transition:.18s}.achievement-category-tabs a:first-child{justify-content:center}.achievement-category-tabs a:hover,.achievement-category-tabs a.active{border-color:#38bdf8;background:linear-gradient(135deg,rgba(14,165,233,.12),var(--cz-panel));color:var(--cz-brand)}.achievement-category-tabs img{width:38px;height:38px;object-fit:contain}.achievement-category-tabs span{font-size:13px;font-weight:700}.achievement-category-tabs b{margin-left:auto;color:var(--cz-muted);font-size:11px}.achievement-filter-form{grid-template-columns:180px 180px minmax(240px,1fr) 82px 64px}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.achievement-card{--grade:#a66c43;display:grid;min-height:142px;grid-template-columns:94px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-left:3px solid var(--grade);border-radius:6px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.achievement-card:hover{transform:translateY(-2px);border-color:var(--grade)}.achievement-card.grade-silver,.achievement-detail.grade-silver{--grade:#94a3b8}.achievement-card.grade-gold,.achievement-detail.grade-gold{--grade:#e6a828}.achievement-card.grade-platinum,.achievement-detail.grade-platinum{--grade:#64c7e8}.achievement-grade{display:grid;align-content:center;justify-items:center;gap:3px;background:radial-gradient(circle at center,rgba(255,255,255,.14),transparent 62%),linear-gradient(145deg,color-mix(in srgb,var(--grade) 58%,#172033),#182033)}.achievement-grade img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(0,0,0,.34))}.achievement-grade span{color:#fff;font-size:10px;font-weight:800}.achievement-card-content{min-width:0;padding:11px 13px}.achievement-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.achievement-card-meta span{color:var(--grade);font-size:11px;font-weight:800}.achievement-card-meta small{overflow:hidden;color:#a1a1aa;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.achievement-card h2{overflow:hidden;margin:5px 0 4px;color:var(--cz-text);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.achievement-card p{display:-webkit-box;overflow:hidden;min-height:35px;margin:0;color:var(--cz-muted);font-size:11px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.achievement-card footer{display:flex;overflow:hidden;align-items:center;gap:5px;margin-top:8px;color:#7c8da5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.achievement-detail{--grade:#a66c43;overflow:hidden;border:1px solid color-mix(in srgb,var(--grade) 50%,var(--cz-line));border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--grade) 16%,var(--cz-panel)),var(--cz-panel) 48%);box-shadow:var(--cz-shadow)}.achievement-detail-head{display:flex;align-items:center;gap:22px;padding:27px 32px}.achievement-detail-emblem{display:grid;width:116px;height:116px;flex:0 0 116px;place-items:center;border:1px solid color-mix(in srgb,var(--grade) 55%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--grade) 23%,transparent),transparent 68%)}.achievement-detail-emblem img{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.28))}.achievement-detail-meta{display:flex;gap:8px}.achievement-detail-meta span,.achievement-detail-meta b{border-radius:3px;padding:3px 9px;font-size:11px}.achievement-detail-meta span{background:var(--grade);color:#fff}.achievement-detail-meta b{border:1px solid color-mix(in srgb,var(--grade) 40%,var(--cz-line));color:var(--grade)}.achievement-detail-head h1{margin:8px 0 3px;font-size:30px}.achievement-detail-head small{color:var(--cz-muted)}.achievement-objective{display:flex;align-items:center;gap:14px;border-top:1px solid color-mix(in srgb,var(--grade) 30%,var(--cz-line));background:color-mix(in srgb,var(--grade) 5%,var(--cz-panel-soft));padding:18px 32px}.achievement-objective>span{color:var(--grade);font-size:30px}.achievement-objective>div{flex:1}.achievement-objective small{color:var(--cz-muted);font-size:10px}.achievement-objective p{margin:2px 0 0;font-size:15px;line-height:1.6}.achievement-objective strong{border-radius:4px;background:var(--grade);padding:6px 11px;color:#fff;font-size:11px}.achievement-rewards,.achievement-related{margin-top:12px}.achievement-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.achievement-reward-grid>a{display:flex;align-items:center;gap:11px;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:10px 12px}.achievement-reward-grid>a:hover{border-color:#38bdf8}.achievement-reward-icon{display:grid;width:56px;height:56px;flex:0 0 56px;place-items:center;border-radius:6px;background:linear-gradient(145deg,#34478b,#5597bc)}.achievement-reward-icon img{width:48px;height:48px;object-fit:contain}.achievement-reward-icon span{color:#fff;font-size:27px}.achievement-reward-grid a>div:nth-child(2){display:grid;gap:3px}.achievement-reward-grid small{color:var(--cz-muted);font-size:10px}.achievement-reward-grid strong{margin-left:auto;color:var(--cz-brand);font-size:18px}.achievement-related>.section-head a{color:var(--cz-brand);font-size:11px}.achievement-related>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--cz-line)}.achievement-related>div:last-child>a{display:flex;min-width:0;align-items:center;gap:10px;background:var(--cz-panel);padding:11px 13px}.achievement-related img{width:38px;height:38px;object-fit:contain}.achievement-related a>span{display:grid;min-width:0;flex:1}.achievement-related a small{overflow:hidden;color:var(--cz-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.achievement-related em{color:var(--cz-muted);font-size:10px;font-style:normal}
.achievement-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.achievement-pagination a,.achievement-pagination span{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel);padding:7px 13px;font-size:11px}.achievement-pagination a{color:var(--cz-brand)}
@media(min-width:900px){.achievement-objective strong{margin-right:48px}}
@media(max-width:1100px){.filter-form{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-aside .section-card:last-child{grid-column:1/-1}.achievement-category-tabs{grid-template-columns:repeat(3,1fr)}.achievement-filter-form{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.booklet-page{padding-top:10px}.page-hero{padding:17px}.page-hero h1{font-size:20px}.filter-form{grid-template-columns:1fr 1fr}.filter-form select:first-child,.filter-form input{grid-column:1/-1}.combatant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.combatant-image{height:160px}.combatant-name{top:124px}.detail-hero{grid-template-columns:1fr}.detail-portrait,.detail-portrait img{height:300px;min-height:300px}.detail-portrait:after{background:linear-gradient(transparent 70%,#22213b)}.detail-summary{padding:20px}.detail-summary h1{font-size:28px}.detail-facts{grid-template-columns:1fr 1fr}.detail-aside{grid-template-columns:1fr}.skill-card{grid-template-columns:56px minmax(0,1fr)}.skill-cover{width:56px;height:72px}.home-dashboard{grid-template-columns:1fr}.item-grid{grid-template-columns:1fr}.game-item-sheet{grid-template-columns:1fr}.game-item-visual{min-height:300px}.game-item-content{padding:18px}.item-source-panel .stat-table td:first-child{width:105px}.achievement-hero>img{width:72px;height:72px}.achievement-category-tabs{grid-template-columns:repeat(2,1fr)}.achievement-category-tabs a:first-child{grid-column:1/-1}.achievement-grid{grid-template-columns:1fr}.achievement-card{grid-template-columns:80px minmax(0,1fr)}.achievement-grade img{width:55px;height:55px}.achievement-detail-head{gap:14px;padding:20px}.achievement-detail-emblem{width:82px;height:82px;flex-basis:82px}.achievement-detail-emblem img{width:66px;height:66px}.achievement-detail-head h1{font-size:22px}.achievement-objective{align-items:flex-start;padding:15px 18px}.achievement-objective strong{white-space:nowrap}.achievement-reward-grid,.achievement-related>div:last-child{grid-template-columns:1fr}}

/* 神物与命运图鉴 */
.build-hero{position:relative;display:flex;min-height:190px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid rgba(164,134,255,.2);border-radius:8px;background:radial-gradient(circle at 78% 20%,rgba(128,90,213,.3),transparent 28%),linear-gradient(120deg,#151a2b,#252044 58%,#112f3c);padding:28px 34px;color:#fff}.build-hero:after{position:absolute;right:12%;bottom:-85px;width:230px;height:230px;border:1px solid rgba(150,202,255,.13);border-radius:50%;box-shadow:0 0 0 24px rgba(150,202,255,.025),0 0 0 48px rgba(150,202,255,.018);content:""}.build-hero>div{position:relative;z-index:1}.build-hero>small,.build-hero div>small{color:#9ab9dc;font-size:12px;font-weight:800;letter-spacing:2px}.build-hero h1{margin:4px 0 5px;font-size:28px;font-weight:850}.build-hero p{max-width:760px;color:#b9c5d7;font-size:14px;line-height:1.65}.build-hero div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.build-hero div>div span{border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.055);padding:5px 12px;color:#dbe8f7;font-size:12px}.build-hero>i{position:relative;z-index:1;margin-right:6%;color:rgba(153,210,255,.5);font-size:104px}
.build-kind-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.build-kind-tabs a{display:flex;min-height:70px;align-items:center;gap:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:11px 18px;box-shadow:var(--cz-shadow);transition:.18s}.build-kind-tabs a:hover,.build-kind-tabs a.active{border-color:#7c86e8;background:linear-gradient(135deg,rgba(91,84,211,.13),var(--cz-panel))}.build-kind-tabs i{color:#747ee0;font-size:30px}.build-kind-tabs span{display:flex;flex:1;align-items:center;justify-content:space-between;font-size:15px;font-weight:750}.build-kind-tabs small{color:var(--cz-muted);font-size:12px;font-weight:500}
.build-filter{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,.7fr)) auto auto;gap:9px;margin-bottom:16px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px;box-shadow:var(--cz-shadow)}.build-filter label{display:grid;gap:4px}.build-filter label>span{color:var(--cz-muted);font-size:12px}.build-filter input,.build-filter select{height:39px;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:0 11px;font-size:14px}.build-filter button,.build-filter>a{align-self:end;display:grid;height:39px;place-items:center;border-radius:5px;padding:0 16px;font-size:14px}.build-filter button{background:#4f5bc7;color:#fff;font-weight:700}.build-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}.build-result-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.build-result-head h2{font-size:16px;font-weight:750}.build-result-head span{color:var(--cz-muted);font-size:12px}
.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.build-card{--quality:#8491a4;position:relative;display:grid;min-height:138px;grid-template-columns:112px minmax(0,1fr) 20px;overflow:hidden;border:1px solid var(--cz-line);border-left:3px solid var(--quality);border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.build-card:hover{transform:translateY(-2px);border-color:var(--quality)}.build-card.rarity-rare,.build-detail-hero.rarity-rare{--quality:#3fa8df}.build-card.rarity-unique,.build-detail-hero.rarity-unique{--quality:#a866d4}.build-card.rarity-legend,.build-detail-hero.rarity-legend{--quality:#e3a126}.build-card.rarity-god,.build-detail-hero.rarity-god{--quality:#f075aa}.build-card.rarity-penerty,.build-detail-hero.rarity-penerty{--quality:#7f8794}.build-card-image{position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--quality) 25%,transparent),transparent 65%),linear-gradient(145deg,#222a3f,#131927)}.build-card-image img{width:88px;height:100px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.38))}.build-grid.fate .build-card-image img{width:100%;height:100%;object-fit:cover}.build-card-image span{position:absolute;left:7px;top:7px;border-radius:3px;background:var(--quality);padding:2px 7px;color:#fff;font-size:12px;font-weight:700}.build-card-body{min-width:0;padding:12px 10px}.build-card-body>small{color:var(--quality);font-size:12px;font-weight:700}.build-card h3{overflow:hidden;margin:4px 0 5px;color:var(--cz-text);font-size:16px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.build-card p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:14px;line-height:1.55;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:3}.build-card em{display:inline-flex;margin-top:6px;border-radius:3px;background:color-mix(in srgb,var(--quality) 12%,transparent);padding:2px 7px;color:var(--quality);font-size:12px;font-style:normal}.build-card>i{align-self:center;color:var(--cz-muted);font-size:18px}.build-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px}.build-pagination a,.build-pagination span{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel);padding:7px 14px;font-size:14px}.build-pagination a{color:var(--cz-brand)}
.build-detail-hero{--quality:#8491a4;display:grid;min-height:280px;grid-template-columns:250px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--quality) 45%,var(--cz-line));border-radius:8px;background:radial-gradient(circle at 20% 50%,color-mix(in srgb,var(--quality) 18%,transparent),transparent 30%),linear-gradient(120deg,#171d2c,#24203d);color:#fff}.build-detail-image{display:grid;height:100%;min-height:280px;place-items:center;background:rgba(0,0,0,.13)}.build-detail-image img{width:190px;height:230px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.45))}.build-detail-hero>div:last-child{padding:30px}.build-detail-hero>div>small{color:var(--quality);font-size:12px;font-weight:800}.build-detail-hero h1{margin:5px 0 9px;font-size:31px;font-weight:850}.build-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:17px}.build-detail-tags span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.055);padding:4px 9px;color:#dce6f3;font-size:12px}.build-detail-hero p{max-width:780px;color:#c6d0df;font-size:14px;line-height:1.8;white-space:pre-line}.build-detail-section{margin-top:12px}.relic-level-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}.relic-level-list article{position:relative;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:12px}.relic-level-list article.changed{border-top:2px solid #6875d5}.relic-level-list article>span{color:#6672ce;font-size:12px;font-weight:800}.relic-level-list p{margin-top:7px;color:var(--cz-text);font-size:14px;line-height:1.65;white-space:pre-line}.relic-level-list small{display:block;margin-top:8px;color:var(--cz-muted);font-size:12px}.build-name-chips{display:flex;flex-wrap:wrap;gap:8px;padding:13px}.build-name-chips span{border-radius:4px;background:var(--cz-panel-soft);padding:6px 11px;font-size:14px}.fate-skill-panel{margin:12px;border:1px solid var(--cz-line);border-left:3px solid #8b6ad9;border-radius:6px;background:var(--cz-panel-soft);padding:15px}.fate-skill-panel span{color:#8066cf;font-size:14px;font-weight:800}.fate-skill-panel p{margin-top:6px;font-size:14px;line-height:1.75;white-space:pre-line}.fate-synergy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:12px}.fate-synergy-list article{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:13px}.fate-synergy-list h3{margin-bottom:9px;color:#8066cf;font-size:15px;font-weight:800}.fate-synergy-list article>div{display:grid;grid-template-columns:82px 1fr;gap:8px;border-top:1px solid var(--cz-line);padding:9px 0}.fate-synergy-list b{font-size:12px}.fate-synergy-list p{font-size:14px;line-height:1.6}
@media(max-width:1050px){.build-filter{grid-template-columns:repeat(2,1fr)}.relic-level-list{grid-template-columns:repeat(2,1fr)}.relic-level-list article:last-child{grid-column:1/-1}}
@media(max-width:680px){.build-hero{min-height:170px;padding:21px}.build-hero h1{font-size:23px}.build-hero>i{display:none}.build-kind-tabs a{padding:10px 12px}.build-filter{grid-template-columns:1fr 1fr}.build-filter label:first-of-type{grid-column:1/-1}.build-grid{grid-template-columns:1fr}.build-card{grid-template-columns:92px minmax(0,1fr) 18px}.build-card-image img{width:74px}.build-detail-hero{grid-template-columns:1fr}.build-detail-image{min-height:230px}.build-detail-image img{height:200px}.build-detail-hero>div:last-child{padding:22px}.build-detail-hero h1{font-size:25px}.relic-level-list{grid-template-columns:1fr}.relic-level-list article:last-child{grid-column:auto}}

/* 神物与命运：来源、收藏与效果适配 */
.build-card:has(.build-card-source){min-height:156px}.build-card:has(.build-card-source) .build-card-body>p{-webkit-line-clamp:2}.build-card-source{display:flex;max-width:100%;align-items:center;gap:4px;margin-top:7px;color:#6672ce;font-size:12px;font-weight:700}.build-card-source i{flex:0 0 auto;font-size:14px}.build-card-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.build-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:10px;padding:12px}.build-source-grid article{border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel-soft);padding:13px 14px}.build-source-grid article>div{display:flex;align-items:center;gap:8px}.build-source-grid article>div>i{color:#6875d5;font-size:19px}.build-source-grid h3{min-width:0;flex:1;color:var(--cz-text);font-size:14px;font-weight:800}.build-source-grid article span{flex:0 0 auto;border-radius:3px;padding:2px 7px;font-size:12px;font-weight:700}.build-source-grid article span.exact{background:#eaf7f1;color:#27845d}.build-source-grid article span.possible{background:#fff4dc;color:#a66b00}.build-source-grid p{margin-top:8px;color:var(--cz-muted);font-size:14px;line-height:1.65}.build-source-grid.compact{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.build-source-more{margin:-2px 12px 13px;color:var(--cz-muted);font-size:12px}
.build-relation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;padding:12px}.build-relation-grid article{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px 12px}.build-relation-grid h3{color:var(--cz-text);font-size:14px;font-weight:800}.build-relation-grid p{margin-top:5px;color:var(--cz-muted);font-size:12px;line-height:1.55}
@media(max-width:680px){.build-source-grid,.build-source-grid.compact{grid-template-columns:1fr}.build-relation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 独立卡牌图鉴 */
.card-archive-hero{position:relative;display:flex;min-height:185px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #323a5b;border-radius:8px;background:radial-gradient(circle at 78% 45%,rgba(129,106,224,.32),transparent 28%),linear-gradient(120deg,#171d2d,#292144);padding:27px 34px;color:#fff}.card-archive-hero small{color:#a99bef;font-size:12px;font-weight:800;letter-spacing:.14em}.card-archive-hero h1{margin:5px 0 8px;font-size:29px;font-weight:850}.card-archive-hero p{max-width:760px;color:#c9d0df;font-size:14px;line-height:1.7}.card-archive-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.card-archive-hero>div>div span{border:1px solid rgba(255,255,255,.13);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.card-archive-hero>i{margin-right:45px;color:#a99bef;font-size:92px;opacity:.38}.card-filter{grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(130px,.75fr)) auto auto}
.card-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.card-archive-item{--quality:#8491a4;display:grid;min-height:178px;grid-template-columns:128px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid var(--quality);border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.card-archive-item:hover{transform:translateY(-2px);border-color:var(--quality)}.card-archive-item.rarity-rare,.card-detail-hero.rarity-rare{--quality:#3fa8df}.card-archive-item.rarity-unique,.card-detail-hero.rarity-unique{--quality:#a866d4}.card-archive-item.rarity-legend,.card-detail-hero.rarity-legend{--quality:#e3a126}.card-art{position:relative;display:grid;min-height:175px;place-items:center;background:radial-gradient(circle,color-mix(in srgb,var(--quality) 22%,transparent),transparent 65%),linear-gradient(145deg,#222a3f,#131927)}.card-art img{width:112px;height:158px;object-fit:contain;filter:drop-shadow(0 9px 9px rgba(0,0,0,.42))}.card-art>i{color:var(--quality);font-size:62px;opacity:.55}.card-art>span{position:absolute;top:7px;left:7px;border-radius:3px;background:var(--quality);padding:2px 7px;color:#fff;font-size:12px;font-weight:800}.card-art>b,.card-detail-art>b{position:absolute;right:7px;top:7px;display:grid;width:29px;height:29px;place-items:center;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#3956b8;color:#fff;font-size:14px;box-shadow:0 3px 9px rgba(0,0,0,.35)}.card-archive-body{min-width:0;padding:13px 12px}.card-archive-body>small{color:var(--quality);font-size:12px;font-weight:800}.card-archive-body h3{overflow:hidden;margin:5px 0 2px;color:var(--cz-text);font-size:17px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.card-archive-body em{display:block;overflow:hidden;color:#6672ce;font-size:12px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.card-archive-body p{display:-webkit-box;overflow:hidden;margin-top:7px;color:var(--cz-muted);font-size:14px;line-height:1.55;white-space:pre-line;-webkit-box-orient:vertical;-webkit-line-clamp:3}.card-archive-body>span{display:inline-flex;margin-top:8px;border-radius:3px;background:color-mix(in srgb,var(--quality) 12%,transparent);padding:3px 7px;color:var(--quality);font-size:12px;font-weight:700}
.card-detail-hero{--quality:#8491a4;display:grid;min-height:330px;grid-template-columns:285px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--quality) 45%,var(--cz-line));border-radius:8px;background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--quality) 22%,transparent),transparent 30%),linear-gradient(120deg,#171d2c,#24203d);color:#fff}.card-detail-art{position:relative;display:grid;height:100%;min-height:330px;place-items:center;background:rgba(0,0,0,.13)}.card-detail-art img{width:215px;height:300px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.48))}.card-detail-art>i{color:var(--quality);font-size:105px;opacity:.55}.card-detail-art>b{right:27px;top:23px;width:38px;height:38px;font-size:18px}.card-detail-hero>div:last-child{padding:32px}.card-detail-hero>div>small{color:var(--quality);font-size:12px;font-weight:800}.card-detail-hero h1{margin:6px 0 9px;font-size:32px;font-weight:850}.card-detail-hero>div:last-child>p{max-width:800px;color:#cbd4e2;font-size:14px;line-height:1.8;white-space:pre-line}.card-detail-hero .card-owner{margin-bottom:11px;color:#adb9ca}.card-detail-hero .card-owner a{color:#a99bef;font-weight:800}
.card-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px;padding:12px}.card-link-grid article{display:flex;gap:10px;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:12px}.card-link-grid article>i{flex:0 0 auto;color:#6875d5;font-size:20px}.card-link-grid h3{font-size:14px;font-weight:800}.card-link-grid p{margin-top:3px;color:var(--cz-muted);font-size:12px;line-height:1.55}.card-link-grid a{display:inline-flex;margin-top:5px;color:#6672ce;font-size:12px;font-weight:700}.card-variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:9px;padding:12px}.card-variant-grid article{border:1px solid var(--cz-line);border-top:2px solid #8066cf;border-radius:6px;background:var(--cz-panel-soft);padding:13px}.card-variant-grid article>div{display:flex;align-items:center;justify-content:space-between}.card-variant-grid article>div span,.card-variant-grid article>div b{color:#8066cf;font-size:12px;font-weight:800}.card-variant-grid h3{margin:6px 0;color:var(--cz-text);font-size:15px;font-weight:800}.card-variant-grid p{color:var(--cz-muted);font-size:14px;line-height:1.7;white-space:pre-line}
@media(max-width:1050px){.card-filter{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.card-archive-hero{min-height:170px;padding:22px}.card-archive-hero h1{font-size:24px}.card-archive-hero>i{display:none}.card-filter{grid-template-columns:1fr 1fr}.card-filter label:first-of-type{grid-column:1/-1}.card-archive-grid{grid-template-columns:1fr}.card-archive-item{grid-template-columns:112px minmax(0,1fr)}.card-art img{width:98px}.card-detail-hero{grid-template-columns:1fr}.card-detail-art{min-height:280px}.card-detail-art img{height:255px}.card-detail-hero>div:last-child{padding:22px}.card-detail-hero h1{font-size:26px}.card-link-grid,.card-variant-grid{grid-template-columns:1fr}}

/* 记忆碎片套装 */
.equipment-hero{position:relative;display:flex;min-height:190px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #3c4266;border-radius:8px;background:radial-gradient(circle at 80% 50%,rgba(76,185,191,.28),transparent 28%),linear-gradient(120deg,#171d2d,#242a48);padding:28px 34px;color:#fff}.equipment-hero small{color:#77d4d5;font-size:12px;font-weight:800;letter-spacing:.14em}.equipment-hero h1{margin:5px 0 8px;font-size:29px;font-weight:850}.equipment-hero p{max-width:760px;color:#c9d0df;font-size:14px;line-height:1.7}.equipment-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.equipment-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.equipment-hero>i{margin-right:48px;color:#77d4d5;font-size:92px;opacity:.38}
.equipment-search{display:grid;grid-template-columns:minmax(250px,1fr) 88px 64px;gap:10px;margin-bottom:14px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.equipment-search label{display:grid;gap:4px}.equipment-search label span{color:var(--cz-muted);font-size:12px}.equipment-search input,.equipment-search button,.equipment-search>a{height:40px;border-radius:5px;font-size:14px}.equipment-search input{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 12px}.equipment-search button,.equipment-search>a{align-self:end;display:grid;place-items:center}.equipment-search button{background:#4e64b8;color:#fff;font-weight:750}.equipment-search>a{border:1px solid var(--cz-line);color:var(--cz-muted)}
.equipment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.equipment-card{display:grid;min-height:150px;grid-template-columns:112px minmax(0,1fr) 24px;align-items:center;overflow:hidden;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.equipment-card:hover{transform:translateY(-2px);border-color:#55aeb5}.equipment-card-icon{display:grid;width:112px;height:100%;place-items:center;background:radial-gradient(circle,rgba(84,195,198,.18),transparent 62%),linear-gradient(145deg,#232d46,#171d2e)}.equipment-card-icon img{width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 9px 8px rgba(0,0,0,.38))}.equipment-card-icon i{color:#77d4d5;font-size:54px}.equipment-card>div:nth-child(2){min-width:0;padding:13px 12px}.equipment-card small{color:#55aeb5;font-size:12px;font-weight:750}.equipment-card h3{overflow:hidden;margin:4px 0 8px;color:var(--cz-text);font-size:17px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.equipment-card p{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;margin-top:5px;font-size:14px;line-height:1.45}.equipment-card p b{color:#55aeb5;font-size:12px}.equipment-card p span{display:-webkit-box;overflow:hidden;color:var(--cz-muted);-webkit-box-orient:vertical;-webkit-line-clamp:2}.equipment-card>i{color:var(--cz-muted);font-size:18px}
.equipment-option-guide{margin-top:14px}.equipment-option-guide .section-head a{color:#4e64b8;font-size:12px;font-weight:750}.equipment-option-summary{display:flex;flex-wrap:wrap;gap:7px;padding:13px}.equipment-option-summary span{display:flex;align-items:center;gap:7px;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:6px 9px}.equipment-option-summary b{font-size:14px}.equipment-option-summary small{color:var(--cz-muted);font-size:12px}
.equipment-detail-hero{display:grid;min-height:290px;grid-template-columns:260px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #364360;border-radius:8px;background:radial-gradient(circle at 18% 50%,rgba(84,195,198,.2),transparent 31%),linear-gradient(120deg,#171d2d,#242a48);color:#fff}.equipment-detail-icon{display:grid;height:100%;min-height:290px;place-items:center;background:rgba(0,0,0,.12)}.equipment-detail-icon img{width:175px;height:175px;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.45))}.equipment-detail-icon i{color:#77d4d5;font-size:100px}.equipment-detail-hero>div:last-child{padding:30px}.equipment-detail-hero>div>small{color:#77d4d5;font-size:12px;font-weight:800}.equipment-detail-hero h1{margin:5px 0 7px;font-size:31px;font-weight:850}.equipment-detail-hero>div>p{color:#c7d1df;font-size:14px}.equipment-bonus-list{display:grid;gap:7px;margin-top:17px}.equipment-bonus-list article{display:grid;grid-template-columns:66px minmax(0,1fr);gap:10px;border:1px solid rgba(255,255,255,.11);border-radius:5px;background:rgba(255,255,255,.055);padding:9px 11px;font-size:14px;line-height:1.55}.equipment-bonus-list b{color:#77d4d5}
.equipment-piece-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px}.equipment-piece-grid article{overflow:hidden;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);text-align:center}.equipment-piece-grid img{width:100%;height:112px;object-fit:contain;background:radial-gradient(circle,rgba(221,165,62,.18),transparent 60%),#192033;padding:10px}.equipment-piece-grid article>div{padding:8px}.equipment-piece-grid small{color:#c08a25;font-size:12px;font-weight:750}.equipment-piece-grid h3{overflow:hidden;margin-top:2px;font-size:14px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.equipment-option-tables{display:grid;gap:18px;padding:14px}.equipment-option-tables>div>h3{margin-bottom:8px;font-size:15px}.equipment-table{overflow:auto;border:1px solid var(--cz-line);border-radius:6px}.equipment-table>div{display:grid;grid-template-columns:95px 135px minmax(280px,1fr) minmax(260px,1fr);min-width:850px;border-top:1px solid var(--cz-line)}.equipment-table>div:first-child{border-top:0}.equipment-table>div>*{padding:9px 11px;font-size:12px;line-height:1.55}.equipment-table>div b{font-size:14px}.equipment-table>div span{color:var(--cz-muted)}.equipment-table .equipment-table-head{background:var(--cz-panel-soft)}.equipment-table .equipment-table-head span{color:var(--cz-text);font-weight:750}.equipment-option-tables>div:nth-child(2) .equipment-table>div{grid-template-columns:160px 110px minmax(430px,1fr);min-width:720px}
.equipment-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.equipment-cost-list{padding:8px 14px}.equipment-cost-list p{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--cz-line);padding:10px 0;font-size:14px}.equipment-cost-list p:last-child{border:0}.equipment-cost-list span{color:var(--cz-muted);text-align:right}.equipment-rarity-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:14px}.equipment-rarity-levels span{display:grid;gap:4px;border:1px solid var(--cz-line);border-top:3px solid #8491a4;border-radius:5px;background:var(--cz-panel-soft);padding:11px;text-align:center}.equipment-rarity-levels .rarity-uncommon{border-top-color:#59a96a}.equipment-rarity-levels .rarity-rare{border-top-color:#3fa8df}.equipment-rarity-levels .rarity-legend{border-top-color:#e3a126}.equipment-rarity-levels b{font-size:14px}.equipment-rarity-levels small{color:var(--cz-muted);font-size:12px}
@media(max-width:980px){.equipment-grid{grid-template-columns:1fr}.equipment-piece-grid{grid-template-columns:repeat(3,1fr)}.equipment-system-grid{grid-template-columns:1fr}}
@media(max-width:680px){.equipment-hero{min-height:170px;padding:22px}.equipment-hero h1{font-size:24px}.equipment-hero>i{display:none}.equipment-search{grid-template-columns:1fr 1fr}.equipment-search label{grid-column:1/-1}.equipment-grid{grid-template-columns:1fr}.equipment-card{grid-template-columns:92px minmax(0,1fr) 20px}.equipment-card-icon{width:92px}.equipment-card-icon img{width:68px;height:68px}.equipment-card p{grid-template-columns:48px minmax(0,1fr)}.equipment-detail-hero{grid-template-columns:1fr}.equipment-detail-icon{min-height:220px}.equipment-detail-icon img{width:145px;height:145px}.equipment-detail-hero>div:last-child{padding:22px}.equipment-detail-hero h1{font-size:25px}.equipment-piece-grid{grid-template-columns:repeat(2,1fr)}.equipment-piece-grid img{height:105px}.equipment-rarity-levels{grid-template-columns:repeat(2,1fr)}}

/* 遭遇选择指南 */
.encounter-hero{position:relative;display:flex;min-height:190px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #54446c;border-radius:8px;background:radial-gradient(circle at 80% 48%,rgba(202,123,91,.27),transparent 28%),linear-gradient(120deg,#1b1d2c,#38263d);padding:28px 34px;color:#fff}.encounter-hero small{color:#efb085;font-size:12px;font-weight:800;letter-spacing:.14em}.encounter-hero h1{margin:5px 0 8px;font-size:29px;font-weight:850}.encounter-hero p{max-width:760px;color:#d5ccd8;font-size:14px;line-height:1.7}.encounter-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.encounter-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.encounter-hero>i{margin-right:48px;color:#efb085;font-size:92px;opacity:.4}.encounter-filter{display:grid;grid-template-columns:minmax(260px,1fr) 210px 82px 62px;gap:10px;margin-bottom:14px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.encounter-filter label{display:grid;gap:4px}.encounter-filter label span{color:var(--cz-muted);font-size:12px}.encounter-filter input,.encounter-filter select,.encounter-filter button,.encounter-filter>a{height:40px;border-radius:5px;font-size:14px}.encounter-filter input,.encounter-filter select{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 12px}.encounter-filter button,.encounter-filter>a{align-self:end;display:grid;place-items:center}.encounter-filter button{background:#76528f;color:#fff;font-weight:750}.encounter-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}
.encounter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.encounter-card{display:grid;min-height:108px;grid-template-columns:82px minmax(0,1fr) 20px;align-items:center;overflow:hidden;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.encounter-card:hover{transform:translateY(-2px);border-color:#9a6b9e}.encounter-card-mark{display:grid;width:82px;height:100%;align-content:center;justify-items:center;gap:4px;background:radial-gradient(circle,rgba(239,176,133,.2),transparent 62%),linear-gradient(145deg,#30263d,#1b1d2c)}.encounter-card-mark i{color:#efb085;font-size:35px}.encounter-card-mark span{color:#d7b9c7;font-size:12px}.encounter-card>div:nth-child(2){min-width:0;padding:12px}.encounter-card small{color:#92629b;font-size:12px;font-weight:750}.encounter-card h3{overflow:hidden;margin:4px 0 8px;color:var(--cz-text);font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.encounter-card p{display:flex;flex-wrap:wrap;gap:5px}.encounter-card p span{border-radius:3px;background:var(--cz-panel-soft);padding:3px 6px;color:var(--cz-muted);font-size:12px}.encounter-card>i{color:var(--cz-muted);font-size:18px}
.encounter-detail-hero{display:grid;min-height:245px;grid-template-columns:220px minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid #54446c;border-radius:8px;background:radial-gradient(circle at 16% 50%,rgba(239,176,133,.2),transparent 30%),linear-gradient(120deg,#1b1d2c,#38263d);color:#fff}.encounter-detail-hero>div:first-child{display:grid;height:100%;place-items:center;background:rgba(0,0,0,.12)}.encounter-detail-hero>div:first-child i{color:#efb085;font-size:100px;opacity:.8}.encounter-detail-hero>div:last-child{padding:28px}.encounter-detail-hero small{color:#efb085;font-size:12px;font-weight:800}.encounter-detail-hero h1{margin:5px 0 8px;font-size:30px;font-weight:850}.encounter-detail-hero p{color:#d5ccd8;font-size:14px;line-height:1.7}.encounter-condition-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.encounter-condition-row span{border:1px solid rgba(255,255,255,.15);border-radius:4px;background:rgba(255,255,255,.06);padding:4px 8px;font-size:12px}.encounter-choice-list{display:grid;gap:12px;margin-top:12px}.encounter-choice header{display:flex;min-height:68px;align-items:center;gap:11px;border-bottom:1px solid var(--cz-line);padding:10px 14px}.encounter-choice header>span{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:#77548e;color:#fff;font-size:14px;font-weight:800}.encounter-choice header>div{min-width:0;flex:1}.encounter-choice header small{color:var(--cz-muted);font-size:12px}.encounter-choice h2{font-size:16px;font-weight:800}.encounter-choice header>b{display:flex;align-items:center;gap:5px;border-radius:4px;background:#fff0df;padding:6px 9px;color:#a66025;font-size:12px}.encounter-condition-row.compact{margin:0;border-bottom:1px solid var(--cz-line);padding:9px 14px}.encounter-condition-row.compact span{border-color:var(--cz-line);background:var(--cz-panel-soft);color:var(--cz-muted)}.encounter-outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:9px;padding:12px}.encounter-outcomes section{border:1px solid var(--cz-line);border-left:3px solid #8792a2;border-radius:5px;background:var(--cz-panel-soft);padding:11px 13px}.encounter-outcomes section.success{border-left-color:#39a475}.encounter-outcomes section.fail{border-left-color:#d56565}.encounter-outcomes h3{margin-bottom:6px;color:#667085;font-size:13px;font-weight:800}.encounter-outcomes .success h3{color:#27845d}.encounter-outcomes .fail h3{color:#ba4a4a}.encounter-outcomes ul{display:grid;gap:4px;padding-left:18px}.encounter-outcomes li{color:var(--cz-text);font-size:14px;line-height:1.6}
@media(max-width:1050px){.encounter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.encounter-hero{min-height:170px;padding:22px}.encounter-hero h1{font-size:24px}.encounter-hero>i{display:none}.encounter-filter{grid-template-columns:1fr 1fr}.encounter-filter label:first-child{grid-column:1/-1}.encounter-grid{grid-template-columns:1fr}.encounter-card{grid-template-columns:76px minmax(0,1fr) 18px}.encounter-card-mark{width:76px}.encounter-detail-hero{grid-template-columns:1fr}.encounter-detail-hero>div:first-child{min-height:150px}.encounter-detail-hero>div:first-child i{font-size:76px}.encounter-detail-hero>div:last-child{padding:22px}.encounter-detail-hero h1{font-size:25px}.encounter-choice header{align-items:flex-start}.encounter-choice header>b{margin-left:auto}.encounter-outcomes{grid-template-columns:1fr}}

/* 伙伴图鉴 */
.partner-hero{position:relative;display:flex;min-height:190px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #355671;border-radius:8px;background:radial-gradient(circle at 80% 48%,rgba(90,178,211,.28),transparent 28%),linear-gradient(120deg,#171e2e,#213a4b);padding:28px 34px;color:#fff}.partner-hero small{color:#7dd3e8;font-size:12px;font-weight:800;letter-spacing:.14em}.partner-hero h1{margin:5px 0 8px;font-size:29px;font-weight:850}.partner-hero p{max-width:760px;color:#cad6df;font-size:14px}.partner-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.partner-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.partner-hero>i{margin-right:48px;color:#7dd3e8;font-size:92px;opacity:.4}.partner-filter{display:grid;grid-template-columns:minmax(250px,1fr) 150px 150px 82px 62px;gap:10px;margin-bottom:14px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.partner-filter label{display:grid;gap:4px}.partner-filter label span{color:var(--cz-muted);font-size:12px}.partner-filter input,.partner-filter select,.partner-filter button,.partner-filter>a{height:40px;border-radius:5px;font-size:14px}.partner-filter input,.partner-filter select{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 11px}.partner-filter button,.partner-filter>a{align-self:end;display:grid;place-items:center}.partner-filter button{background:#347b9b;color:#fff;font-weight:750}.partner-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}
.partner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.partner-card{--quality:#8391a4;display:grid;min-height:150px;grid-template-columns:112px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid var(--quality);border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.partner-card:hover{transform:translateY(-2px);border-color:var(--quality)}.partner-card.rarity-sr{--quality:#4fa5d5}.partner-card.rarity-ssr{--quality:#d99d36}.partner-portrait{position:relative;overflow:hidden;background:linear-gradient(145deg,#28364d,#17202f)}.partner-portrait img{width:100%;height:100%;object-fit:cover;object-position:top center}.partner-portrait span{position:absolute;left:7px;top:7px;border-radius:3px;background:var(--quality);padding:2px 7px;color:#fff;font-size:12px;font-weight:800}.partner-card>div:last-child{min-width:0;padding:13px 11px}.partner-card small{color:var(--quality);font-size:12px;font-weight:750}.partner-card h3{margin:4px 0;font-size:17px;font-weight:800}.partner-card p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.partner-card em{display:inline-flex;margin-top:9px;border-radius:3px;background:var(--cz-panel-soft);padding:4px 7px;color:#587493;font-size:12px;font-style:normal}
.partner-detail-hero{display:grid;min-height:340px;grid-template-columns:285px minmax(0,1fr);overflow:hidden;border:1px solid #355671;border-radius:8px;background:radial-gradient(circle at 17% 50%,rgba(90,178,211,.24),transparent 31%),linear-gradient(120deg,#171e2e,#213a4b);color:#fff}.partner-detail-hero>div:first-child{overflow:hidden;background:rgba(0,0,0,.12)}.partner-detail-hero>div:first-child img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:top center}.partner-detail-hero>div:last-child{padding:31px}.partner-detail-hero>div>small{color:#7dd3e8;font-size:12px;font-weight:800}.partner-detail-hero h1{margin:5px 0 0;font-size:32px;font-weight:850}.partner-english{color:#92a9b9!important;font-size:12px!important}.partner-detail-hero>div:last-child>p{max-width:800px;color:#cad6df;font-size:14px;line-height:1.75;white-space:pre-line}.partner-combatant-link{display:inline-flex;margin-top:14px;border-radius:4px;background:#3e88a7;padding:7px 11px;font-size:12px;font-weight:750}.partner-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px}.partner-detail-grid .section-head a{color:#397f9c;font-size:12px;font-weight:750}.partner-support-card{display:flex;align-items:center;gap:13px;padding:15px}.partner-support-card>b{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;background:#3e7ca1;color:#fff;font-size:18px}.partner-support-card small{color:#4c8eab;font-size:12px}.partner-support-card h3{font-size:17px;font-weight:800}.partner-support-card p{margin-top:5px;color:var(--cz-muted);font-size:14px;line-height:1.65;white-space:pre-line}.partner-passive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.partner-passive-list article{border:1px solid var(--cz-line);border-left:3px solid #4e91ad;border-radius:5px;background:var(--cz-panel-soft);padding:11px}.partner-passive-list span{color:#4e91ad;font-size:12px;font-weight:750}.partner-passive-list h3{margin:4px 0;font-size:14px;font-weight:800}.partner-passive-list p{color:var(--cz-muted);font-size:14px;line-height:1.6;white-space:pre-line}.partner-facts,.partner-level-list,.partner-ascend-list{padding:7px 13px}.partner-facts p,.partner-level-list p,.partner-ascend-list p{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--cz-line);padding:9px 0;font-size:14px}.partner-facts p:last-child,.partner-level-list p:last-child,.partner-ascend-list p:last-child{border:0}.partner-facts span,.partner-level-list span,.partner-ascend-list span{color:var(--cz-muted);text-align:right}.partner-level-list span,.partner-ascend-list span{font-size:12px}
@media(max-width:950px){.partner-detail-grid{grid-template-columns:1fr}.partner-passive-list{grid-template-columns:1fr}}@media(max-width:680px){.partner-hero{min-height:170px;padding:22px}.partner-hero h1{font-size:24px}.partner-hero>i{display:none}.partner-filter{grid-template-columns:1fr 1fr}.partner-filter label:first-child{grid-column:1/-1}.partner-grid{grid-template-columns:1fr}.partner-card{grid-template-columns:108px minmax(0,1fr)}.partner-detail-hero{grid-template-columns:1fr}.partner-detail-hero>div:first-child{height:300px}.partner-detail-hero>div:first-child img{min-height:300px}.partner-detail-hero>div:last-child{padding:22px}.partner-detail-hero h1{font-size:26px}}

/* 怪物图鉴 */
.monster-hero{position:relative;display:flex;min-height:190px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #6c4248;border-radius:8px;background:radial-gradient(circle at 82% 45%,rgba(201,74,83,.25),transparent 28%),linear-gradient(120deg,#211922,#3a2229);padding:28px 34px;color:#fff}.monster-hero small{color:#ef9ba1;font-size:12px;font-weight:800;letter-spacing:.14em}.monster-hero h1{margin:5px 0 8px;font-size:29px;font-weight:850}.monster-hero p{max-width:760px;color:#dacbd0;font-size:14px}.monster-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.monster-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.monster-hero>i{margin-right:48px;color:#e97982;font-size:92px;opacity:.42}
.monster-filter{display:grid;grid-template-columns:minmax(230px,1fr) 135px 145px 145px 80px 60px;gap:10px;margin-bottom:14px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.monster-filter label{display:grid;gap:4px}.monster-filter label span{color:var(--cz-muted);font-size:12px}.monster-filter input,.monster-filter select,.monster-filter button,.monster-filter>a{height:40px;border-radius:5px;font-size:14px}.monster-filter input,.monster-filter select{min-width:0;border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 11px}.monster-filter button,.monster-filter>a{align-self:end;display:grid;place-items:center}.monster-filter button{background:#a9434b;color:#fff;font-weight:750}.monster-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}
.monster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:11px}.monster-card{--monster-grade:#78869a;display:grid;min-height:146px;grid-template-columns:120px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid var(--monster-grade);border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.monster-card:hover{transform:translateY(-2px);border-color:var(--monster-grade)}.monster-card.grade-elite{--monster-grade:#8b5bc7}.monster-card.grade-boss,.monster-card.grade-giant{--monster-grade:#d45359}.monster-card.grade-interactive_prop,.monster-card.grade-prop_keep_half_death_notice,.monster-card.grade-prop_keep_half_death{--monster-grade:#ba8f44}.monster-portrait{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#364154,#171d28)}.monster-portrait img{width:100%;height:100%;object-fit:cover}.monster-portrait>i{color:#718096;font-size:48px}.monster-portrait span{position:absolute;left:7px;top:7px;border-radius:3px;background:var(--monster-grade);padding:2px 7px;color:#fff;font-size:12px;font-weight:800}.monster-card>div:last-child{min-width:0;padding:13px 11px}.monster-card small{display:block;overflow:hidden;color:var(--monster-grade);font-size:12px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.monster-card h3{margin:5px 0;font-size:17px;font-weight:800}.monster-card p{color:var(--cz-muted);font-size:14px}.monster-card em{display:inline-flex;margin-top:10px;border-radius:3px;background:var(--cz-panel-soft);padding:4px 7px;color:#6e7685;font-size:12px;font-style:normal}
.monster-detail-hero{display:grid;grid-template-columns:310px minmax(0,1fr);overflow:hidden;margin-bottom:14px;border:1px solid #674148;border-radius:8px;background:linear-gradient(120deg,#211a22,#39232a);color:#fff}.monster-detail-hero>div:first-child{display:grid;min-height:310px;place-items:center;background:radial-gradient(circle,rgba(220,90,99,.22),transparent 58%)}.monster-detail-hero>div:first-child img{width:100%;height:100%;object-fit:contain}.monster-detail-hero>div:first-child>i{color:#83535a;font-size:86px}.monster-detail-hero>div:last-child{align-self:center;padding:28px 32px}.monster-detail-hero>div:last-child>small{color:#ee939a;font-size:13px;font-weight:800}.monster-detail-hero h1{margin:6px 0 15px;font-size:32px}.monster-summary{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;margin-top:22px}.monster-summary p{display:grid;gap:2px;border:1px solid rgba(255,255,255,.1);border-radius:5px;background:rgba(255,255,255,.05);padding:9px 11px}.monster-summary b{font-size:18px}.monster-summary span{color:#cdbfc3;font-size:12px}.monster-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.monster-detail-layout>div,.monster-detail-layout>aside{display:grid;gap:14px}.monster-gimmick-list,.monster-skill-list,.monster-variant-list{display:grid;gap:9px}.monster-gimmick-list article{border-left:3px solid #c64c55;border-radius:4px;background:var(--cz-panel-soft);padding:13px 15px}.monster-gimmick-list span,.monster-skill-list article>div span{color:#b8464f;font-size:12px;font-weight:800}.monster-gimmick-list h3,.monster-skill-list h3{margin:3px 0 5px;font-size:16px}.monster-gimmick-list p,.monster-skill-list p{color:var(--cz-muted);font-size:14px;line-height:1.65}.monster-skill-list{grid-template-columns:repeat(2,minmax(0,1fr))}.monster-skill-list article{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:13px}.monster-skill-list article>div{display:flex;justify-content:space-between;gap:8px}.monster-skill-list article>div small{color:var(--cz-muted);font-size:12px}.monster-variant-list article{border:1px solid var(--cz-line);border-radius:6px;padding:11px 12px}.monster-variant-list article>div,.monster-variant-list article p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px}.monster-variant-list article>div b{font-size:14px}.monster-variant-list article>div span,.monster-variant-list article p{color:var(--cz-muted);font-size:12px}.monster-variant-list article p{justify-content:flex-start;margin-top:6px}.monster-variant-list article p span{border-radius:3px;background:var(--cz-panel-soft);padding:3px 6px}
@media(max-width:1050px){.monster-filter{grid-template-columns:1fr 1fr 1fr}.monster-filter label:first-child{grid-column:1/-1}.monster-detail-layout{grid-template-columns:1fr}.monster-detail-layout>aside{grid-row:auto}.monster-variant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.monster-hero{min-height:170px;padding:22px}.monster-hero h1{font-size:24px}.monster-hero>i{display:none}.monster-filter{grid-template-columns:1fr 1fr}.monster-filter label:first-child{grid-column:1/-1}.monster-grid{grid-template-columns:1fr}.monster-detail-hero{grid-template-columns:1fr}.monster-detail-hero>div:first-child{min-height:250px}.monster-detail-hero>div:last-child{padding:22px}.monster-detail-hero h1{font-size:26px}.monster-summary{grid-template-columns:1fr 1fr}.monster-skill-list,.monster-variant-list{grid-template-columns:1fr}}

/* 混沌突袭专题 */
.assault-hero{position:relative;display:flex;min-height:210px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #685c9b;border-radius:9px;background:radial-gradient(circle at 82% 42%,rgba(137,102,229,.32),transparent 28%),linear-gradient(120deg,#171628,#28224b);padding:30px 36px;color:#fff}.assault-hero small{color:#b9a6ff;font-size:12px;font-weight:800;letter-spacing:.15em}.assault-hero h1{margin:5px 0 8px;font-size:31px;font-weight:850}.assault-hero p{max-width:760px;color:#d1cce5;font-size:14px}.assault-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.assault-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.assault-hero>i{margin-right:54px;color:#b29aff;font-size:94px;opacity:.43}.assault-anchor{position:sticky;z-index:3;top:64px;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;border:1px solid var(--cz-line);border-radius:7px;background:color-mix(in srgb,var(--cz-panel) 94%,transparent);padding:9px;backdrop-filter:blur(10px)}.assault-anchor a{border-radius:4px;background:var(--cz-panel-soft);padding:7px 12px;color:var(--cz-muted);font-size:13px}.assault-anchor a:hover{background:#6d55bc;color:#fff}
.assault-difficulty-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.assault-difficulty-grid>article{overflow:hidden;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel-soft)}.assault-difficulty-grid header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;border-bottom:1px solid var(--cz-line);padding:12px 14px}.assault-difficulty-grid header>span{border-radius:4px;background:#6d55bc;padding:3px 7px;color:#fff;font-size:12px;font-weight:800}.assault-difficulty-grid h3{font-size:18px}.assault-difficulty-grid header small{color:var(--cz-muted);font-size:12px}.assault-unlock{padding:10px 14px 0;color:var(--cz-muted);font-size:13px}.assault-hardcore{display:grid;gap:3px;margin:9px 14px;border-left:3px solid #9b78e7;background:var(--cz-panel);padding:9px 11px}.assault-hardcore b{font-size:13px}.assault-hardcore span,.assault-hardcore em{color:var(--cz-muted);font-size:12px;font-style:normal}.assault-reward-list{display:grid;gap:1px;padding:0 14px 13px}.assault-reward-list p{display:grid;grid-template-columns:62px 1fr;gap:7px;border-top:1px dashed var(--cz-line);padding-top:7px;font-size:12px}.assault-reward-list p b{color:#765bc5}.assault-reward-list p span{color:var(--cz-muted);line-height:1.55}
.assault-risk-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.assault-risk-list article{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px 12px}.assault-risk-list span{flex:0 0 auto;border-radius:3px;background:#7c3442;padding:3px 6px;color:#fff;font-size:12px}.assault-risk-list b{font-size:14px;line-height:1.55}.assault-risk-scale{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:12px}.assault-risk-scale>div{border:1px solid var(--cz-line);border-radius:6px;padding:13px}.assault-risk-scale h3{margin-bottom:9px;font-size:15px}.assault-risk-scale>div:first-child{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.assault-risk-scale>div:first-child h3{width:100%}.assault-risk-scale>div:first-child span{border-radius:3px;background:var(--cz-panel-soft);padding:4px 7px;font-size:12px}.assault-risk-scale p{display:grid;grid-template-columns:48px 1fr;gap:7px;border-top:1px dashed var(--cz-line);padding:7px 0;color:var(--cz-muted);font-size:13px}.assault-risk-scale p b{color:#7f63cd}
.assault-tactical-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.assault-tactical-tabs>section>h3{margin-bottom:9px;border-left:4px solid #755bc9;padding-left:9px;font-size:18px}.assault-tactical-tier{margin-bottom:10px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel-soft);padding:11px}.assault-tactical-tier>header{display:flex;justify-content:space-between;margin-bottom:8px}.assault-tactical-tier>header b{font-size:14px}.assault-tactical-tier>header span{color:var(--cz-muted);font-size:12px}.assault-tactical-tier>div{display:grid;gap:7px}.assault-tactical-tier article{border-radius:5px;background:var(--cz-panel);padding:10px 11px}.assault-tactical-tier h4{font-size:14px}.assault-tactical-tier article>p{margin:3px 0;color:var(--cz-muted);font-size:13px}.assault-tactical-tier article>div{display:flex;flex-wrap:wrap;gap:5px}.assault-tactical-tier article>div span{border-radius:3px;background:var(--cz-panel-soft);padding:3px 6px;color:var(--cz-muted);font-size:12px}
.assault-collection-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.assault-collection-summary a{display:grid;place-items:center;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:12px}.assault-collection-summary b{color:#7157c3;font-size:22px}.assault-collection-summary span{color:var(--cz-muted);font-size:12px}.assault-boss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.assault-boss-grid>a{display:grid;min-height:112px;grid-template-columns:112px 1fr;overflow:hidden;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft)}.assault-boss-grid img{width:112px;height:112px;object-fit:cover}.assault-boss-grid>a>i{display:grid;place-items:center;color:#8065cb;font-size:42px}.assault-boss-grid>a>div{align-self:center;padding:11px}.assault-boss-grid small{color:#8268cf;font-size:12px}.assault-boss-grid h3{margin:3px 0;font-size:16px}.assault-boss-grid p{color:var(--cz-muted);font-size:12px}.assault-rotation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.assault-rotation-grid article{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px}.assault-rotation-grid a,.assault-rotation-grid b{font-size:15px;font-weight:800}.assault-rotation-grid p{margin:5px 0;color:var(--cz-muted);font-size:12px}.assault-rotation-grid span{color:#7257c4;font-size:12px;font-weight:700}
.assault-collection-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border:1px solid #685c9b;border-radius:8px;background:linear-gradient(120deg,#1d1934,#302655);padding:23px 28px;color:#fff}.assault-collection-hero small{color:#baa7fb;font-size:12px;letter-spacing:.14em}.assault-collection-hero h1{margin:4px 0;font-size:27px}.assault-collection-hero p{color:#d1cce5;font-size:14px}.assault-collection-hero>b{color:#c7b7ff;font-size:36px}.assault-collection-filter{display:grid;grid-template-columns:minmax(220px,1fr) 150px 80px 60px;gap:9px;margin-bottom:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.assault-collection-filter label{display:grid;gap:4px}.assault-collection-filter label span{color:var(--cz-muted);font-size:12px}.assault-collection-filter input,.assault-collection-filter select,.assault-collection-filter button,.assault-collection-filter>a{height:40px;border-radius:5px;font-size:14px}.assault-collection-filter input,.assault-collection-filter select{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 10px}.assault-collection-filter button,.assault-collection-filter>a{align-self:end;display:grid;place-items:center}.assault-collection-filter button{background:#6f56bd;color:#fff;font-weight:750}.assault-collection-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}.assault-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px}.assault-collection-card{display:grid;min-height:104px;grid-template-columns:96px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid #8268ce;border-radius:6px;background:var(--cz-panel);box-shadow:var(--cz-shadow)}.assault-collection-card>div{display:grid;place-items:center;overflow:hidden;background:var(--cz-panel-soft)}.assault-collection-card img{width:100%;height:100%;object-fit:contain}.assault-collection-card>div i{color:#836bc9;font-size:36px}.assault-collection-card>section{align-self:center;min-width:0;padding:10px}.assault-collection-card small{color:#755bc3;font-size:12px;font-weight:800}.assault-collection-card h3{display:-webkit-box;overflow:hidden;margin:3px 0;font-size:15px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.assault-collection-card p{color:var(--cz-muted);font-size:12px}.assault-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.assault-pagination a,.assault-pagination span{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel);padding:7px 12px;font-size:13px}
@media(max-width:950px){.assault-tactical-tabs{grid-template-columns:1fr}.assault-boss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.assault-hero{min-height:180px;padding:22px}.assault-hero h1{font-size:25px}.assault-hero>i{display:none}.assault-anchor{position:static}.assault-risk-list,.assault-risk-scale{grid-template-columns:1fr}.assault-collection-summary{grid-template-columns:repeat(3,1fr)}.assault-boss-grid{grid-template-columns:1fr}.assault-collection-hero{padding:19px}.assault-collection-hero>b{font-size:28px}.assault-collection-filter{grid-template-columns:1fr 1fr}.assault-collection-filter label:first-child{grid-column:1/-1}.assault-collection-grid{grid-template-columns:1fr}}

/* 灾害玩法专题 */
.disaster-hero{position:relative;display:flex;min-height:220px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #317b85;border-radius:9px;background:radial-gradient(circle at 82% 35%,rgba(48,196,197,.28),transparent 29%),linear-gradient(120deg,#101c27,#173642);padding:31px 36px;color:#fff}.disaster-hero small,.disaster-list-hero small{color:#77d9dc;font-size:12px;font-weight:800;letter-spacing:.15em}.disaster-hero h1{margin:5px 0 8px;font-size:31px}.disaster-hero p{max-width:760px;color:#c9dfe2;font-size:14px}.disaster-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.disaster-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.disaster-hero>i{margin-right:52px;color:#63d2d3;font-size:96px;opacity:.45}.disaster-anchor{position:sticky;z-index:3;top:64px;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;border:1px solid var(--cz-line);border-radius:7px;background:color-mix(in srgb,var(--cz-panel) 94%,transparent);padding:9px;backdrop-filter:blur(10px)}.disaster-anchor a{border-radius:4px;background:var(--cz-panel-soft);padding:7px 12px;color:var(--cz-muted);font-size:13px}.disaster-anchor a:hover{background:#237d86;color:#fff}
.disaster-season-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.disaster-season-grid article{border:1px solid var(--cz-line);border-top:3px solid #27868e;border-radius:7px;background:var(--cz-panel-soft);padding:15px}.disaster-season-grid small{color:#27868e;font-size:12px;font-weight:800}.disaster-season-grid h3{margin:4px 0;font-size:19px}.disaster-season-grid p{color:var(--cz-muted);font-size:14px}.disaster-season-grid article>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.disaster-season-grid article>div span{border-radius:3px;background:var(--cz-panel);padding:4px 7px;color:var(--cz-muted);font-size:12px}.disaster-season-block+.disaster-season-block{margin-top:18px}.disaster-season-block>h3{margin-bottom:9px;border-left:4px solid #27868e;padding-left:9px;font-size:18px}
.disaster-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:8px}.disaster-level-grid article{min-width:0;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px}.disaster-level-grid header{display:flex;justify-content:space-between;gap:8px}.disaster-level-grid header b{color:#237b84;font-size:13px}.disaster-level-grid header span{color:var(--cz-muted);font-size:12px}.disaster-level-grid h4{margin:5px 0;font-size:15px}.disaster-level-grid p{color:var(--cz-muted);font-size:13px}.disaster-level-grid article>div,.disaster-reward-grid article>div,.disaster-goal-list article>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.disaster-level-grid article>div span,.disaster-reward-grid article>div span,.disaster-goal-list article>div span{border-radius:3px;background:var(--cz-panel);padding:3px 6px;color:var(--cz-muted);font-size:12px}
.disaster-boss-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.disaster-boss-grid article{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #b45a55;border-radius:7px;background:var(--cz-panel-soft);padding:13px}.disaster-boss-grid article.rank{border-top-color:#327e9b}.disaster-boss-grid small{color:#a54945;font-size:12px;font-weight:800}.disaster-boss-grid .rank small{color:#28728e}.disaster-boss-grid h4{margin:4px 0 7px;font-size:16px}.disaster-boss-grid p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:5}.disaster-boss-grid article>div{display:grid;gap:4px;margin-top:10px}.disaster-boss-grid article>div span{border-radius:3px;background:var(--cz-panel);padding:4px 6px;color:var(--cz-muted);font-size:12px}.disaster-reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:8px}.disaster-reward-grid article{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px}.disaster-reward-grid small{color:#287d86;font-size:12px;font-weight:800}.disaster-reward-grid h4{margin:3px 0;font-size:15px}.disaster-reward-grid p{color:var(--cz-muted);font-size:13px}.disaster-head-actions{display:flex;flex-wrap:wrap;gap:7px}.disaster-head-actions a{border-radius:4px;background:#237d86;padding:7px 10px;color:#fff;font-size:13px}.disaster-collection-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.disaster-collection-summary a{display:grid;place-items:center;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:13px}.disaster-collection-summary b{color:#237d86;font-size:23px}.disaster-collection-summary span{color:var(--cz-muted);font-size:12px}
.disaster-list-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border:1px solid #317b85;border-radius:8px;background:linear-gradient(120deg,#132832,#1d4550);padding:23px 28px;color:#fff}.disaster-list-hero h1{margin:4px 0;font-size:27px}.disaster-list-hero p{color:#c9dfe2;font-size:14px}.disaster-list-hero>b{color:#75d5d7;font-size:36px}.disaster-filter{display:grid;grid-template-columns:minmax(220px,1fr) 180px 170px 80px 60px;gap:9px;margin-bottom:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.disaster-filter label{display:grid;gap:4px;min-width:0}.disaster-filter label span{color:var(--cz-muted);font-size:12px}.disaster-filter input,.disaster-filter select,.disaster-filter button,.disaster-filter>a{min-width:0;height:40px;border-radius:5px;font-size:14px}.disaster-filter input,.disaster-filter select{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 10px}.disaster-filter button,.disaster-filter>a{align-self:end;display:grid;place-items:center}.disaster-filter button{background:#237d86;color:#fff;font-weight:750}.disaster-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}.disaster-goal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.disaster-goal-list article{min-width:0;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);padding:12px}.disaster-goal-list header{display:flex;justify-content:space-between}.disaster-goal-list header span{color:#237d86;font-size:12px;font-weight:800}.disaster-goal-list header small{color:var(--cz-muted);font-size:12px}.disaster-goal-list h3{margin-top:5px;font-size:14px;line-height:1.55}.disaster-collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:9px}.disaster-collection-card{display:grid;min-height:112px;grid-template-columns:100px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid #27838c;border-radius:6px;background:var(--cz-panel);box-shadow:var(--cz-shadow)}.disaster-collection-card>div{display:grid;place-items:center;overflow:hidden;background:var(--cz-panel-soft)}.disaster-collection-card img{width:100%;height:100%;object-fit:contain}.disaster-collection-card>div i{color:#308a91;font-size:38px}.disaster-collection-card>section{align-self:center;min-width:0;padding:10px}.disaster-collection-card small{color:#237d86;font-size:12px;font-weight:800}.disaster-collection-card h3{display:-webkit-box;overflow:hidden;margin:3px 0;font-size:15px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.disaster-collection-card p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
@media(max-width:1000px){.disaster-season-grid,.disaster-boss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.disaster-filter{grid-template-columns:1fr 1fr 1fr}.disaster-filter label:first-child{grid-column:1/-1}}@media(max-width:700px){.disaster-hero{min-height:180px;padding:22px}.disaster-hero h1{font-size:25px}.disaster-hero>i{display:none}.disaster-anchor{position:static}.disaster-season-grid,.disaster-boss-grid,.disaster-goal-list{grid-template-columns:1fr}.disaster-collection-summary{grid-template-columns:repeat(2,1fr)}.disaster-list-hero{padding:19px}.disaster-list-hero>b{font-size:28px}.disaster-filter{grid-template-columns:1fr 1fr}.disaster-filter label:first-child{grid-column:1/-1}.disaster-collection-grid{grid-template-columns:1fr}}

/* 领地玩法专题 */
.town-hero{position:relative;display:flex;min-height:220px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #9b7541;border-radius:9px;background:radial-gradient(circle at 83% 38%,rgba(229,171,77,.3),transparent 30%),linear-gradient(120deg,#1e1a17,#443321);padding:31px 36px;color:#fff}.town-hero small,.town-list-hero small{color:#efc779;font-size:12px;font-weight:800;letter-spacing:.15em}.town-hero h1{margin:5px 0 8px;font-size:31px}.town-hero p{max-width:760px;color:#e6d9c5;font-size:14px}.town-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.town-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.town-hero>i{margin-right:52px;color:#edbd63;font-size:96px;opacity:.45}.town-anchor{position:sticky;z-index:3;top:64px;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;border:1px solid var(--cz-line);border-radius:7px;background:color-mix(in srgb,var(--cz-panel) 94%,transparent);padding:9px;backdrop-filter:blur(10px)}.town-anchor a{border-radius:4px;background:var(--cz-panel-soft);padding:7px 12px;color:var(--cz-muted);font-size:13px}.town-anchor a:hover{background:#9b6d2e;color:#fff}
.town-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.town-area-grid article{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #b47b32;border-radius:7px;background:var(--cz-panel-soft);padding:14px}.town-area-grid small{color:#a56d25;font-size:12px;font-weight:800}.town-area-grid h3{margin:4px 0;font-size:19px}.town-area-grid>article>p{color:var(--cz-muted);font-size:14px;line-height:1.6}.town-place-list,.town-reward-line,.town-facility-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.town-place-list span,.town-reward-line span{border-radius:3px;background:var(--cz-panel);padding:4px 7px;color:var(--cz-muted);font-size:12px}.town-reward-line{border-top:1px dashed var(--cz-line);padding-top:9px}.town-reward-line span{color:#9a6729}.town-facility-row{justify-content:center;margin-top:13px}.town-facility-row span{display:flex;align-items:center;gap:6px;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:7px 11px;font-size:13px}.town-facility-row i{color:#a87531;font-size:18px}.town-research-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:8px}.town-research-grid article{min-width:0;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px}.town-research-grid header{display:flex;justify-content:space-between;gap:8px}.town-research-grid header b{font-size:14px}.town-research-grid header span{color:#a36e2c;font-size:12px;font-weight:800}.town-research-grid p{display:-webkit-box;overflow:hidden;margin:6px 0;color:var(--cz-muted);font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.town-research-grid small{color:var(--cz-muted);font-size:12px}.town-calamity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px}.town-calamity-grid>article{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #a95449;border-radius:7px;background:var(--cz-panel-soft);padding:13px}.town-calamity-grid>article>small{color:#a94f45;font-size:12px;font-weight:800}.town-calamity-grid h3{margin:4px 0 6px;font-size:17px}.town-calamity-grid>article>p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:13px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:4}.town-calamity-grid details{margin-top:10px}.town-calamity-grid summary{cursor:pointer;color:#99672b;font-size:13px;font-weight:800}.town-calamity-grid details>div{display:grid;gap:6px;margin-top:8px}.town-calamity-grid section{border-radius:4px;background:var(--cz-panel);padding:8px}.town-calamity-grid section b{font-size:13px}.town-calamity-grid section p{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.town-calamity-grid section p span{border-radius:3px;background:var(--cz-panel-soft);padding:2px 5px;color:var(--cz-muted);font-size:12px}.town-calamity-grid section small{color:var(--cz-muted);font-size:12px}.town-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.town-entry-grid>a{display:grid;grid-template-columns:70px 1fr;align-items:center;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:15px;box-shadow:var(--cz-shadow)}.town-entry-grid>a>i{color:#aa7734;font-size:43px}.town-entry-grid small{color:#a36e2d;font-size:12px}.town-entry-grid h2{margin:2px 0;font-size:18px}.town-entry-grid p{color:var(--cz-muted);font-size:13px}
.town-list-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border:1px solid #9b7541;border-radius:8px;background:linear-gradient(120deg,#292117,#503a22);padding:23px 28px;color:#fff}.town-list-hero h1{margin:4px 0;font-size:27px}.town-list-hero p{color:#e4d7c4;font-size:14px}.town-list-hero>b{color:#efc879;font-size:36px}.town-filter{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,150px) 80px 60px;gap:9px;margin-bottom:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.town-filter label{display:grid;gap:4px;min-width:0}.town-filter label span{color:var(--cz-muted);font-size:12px}.town-filter input,.town-filter select,.town-filter button,.town-filter>a{min-width:0;height:40px;border-radius:5px;font-size:14px}.town-filter input,.town-filter select{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 10px}.town-filter button,.town-filter>a{align-self:end;display:grid;place-items:center}.town-filter button{background:#9d6b2c;color:#fff;font-weight:750}.town-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}.town-policy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:9px}.town-policy-grid>a{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #af7833;border-radius:7px;background:var(--cz-panel);padding:12px;box-shadow:var(--cz-shadow);transition:.18s}.town-policy-grid>a:hover{transform:translateY(-2px);border-color:#ae7732}.town-policy-grid header{display:flex;justify-content:space-between;gap:8px}.town-policy-grid header span{color:#9d6a2a;font-size:12px;font-weight:800}.town-policy-grid header small{color:var(--cz-muted);font-size:12px}.town-policy-grid h3{margin:6px 0;font-size:17px}.town-policy-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px}.town-policy-choices p{display:grid;grid-template-columns:22px 1fr;gap:5px;border-radius:4px;background:var(--cz-panel-soft);padding:7px;color:var(--cz-muted);font-size:12px}.town-policy-choices b{display:grid;height:20px;place-items:center;border-radius:50%;background:#a87431;color:#fff}.town-policy-grid footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.town-policy-grid footer span{border-radius:3px;background:var(--cz-panel-soft);padding:3px 6px;color:var(--cz-muted);font-size:12px}
.town-policy-detail-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border:1px solid #9b7541;border-radius:8px;background:linear-gradient(120deg,#2b2218,#50391e);padding:23px 28px;color:#fff}.town-policy-detail-hero small{color:#efc779;font-size:12px;font-weight:800}.town-policy-detail-hero h1{margin:4px 0;font-size:28px}.town-policy-detail-hero p{color:#e3d4bd;font-size:14px}.town-policy-detail-hero>b{color:#efc779;font-size:36px}.town-variant-list{display:grid;gap:9px}.town-variant-list>article{border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.town-variant-list>article>header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.town-variant-list header>div{display:flex;align-items:center;gap:7px}.town-variant-list header span{border-radius:3px;background:#6f7783;padding:3px 7px;color:#fff;font-size:12px;font-weight:800}.town-variant-list header .grade-rare{background:#397ba7}.town-variant-list header .grade-legend{background:#9d6b2c}.town-variant-list header .grade-unique{background:#8752a8}.town-variant-list header b{font-size:14px}.town-variant-list header small{color:var(--cz-muted);font-size:12px}.town-choice-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px}.town-choice-compare section{min-width:0;border-radius:5px;background:var(--cz-panel-soft);padding:10px}.town-choice-compare section>div{display:flex;justify-content:space-between;gap:8px}.town-choice-compare section>div b{color:#9c6929;font-size:12px}.town-choice-compare section>div span{color:var(--cz-muted);font-size:12px}.town-choice-compare h3{margin:4px 0 7px;font-size:15px}.town-choice-compare p{display:flex;flex-wrap:wrap;gap:5px}.town-choice-compare p span{border-radius:3px;background:var(--cz-panel);padding:4px 7px;color:var(--cz-muted);font-size:12px}.town-visit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:9px}.town-visit-grid article{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #b27b37;border-radius:6px;background:var(--cz-panel);padding:11px}.town-visit-grid header{display:flex;justify-content:space-between;gap:7px}.town-visit-grid header span{color:#9f6b2a;font-size:12px;font-weight:800}.town-visit-grid header small{color:var(--cz-muted);font-size:12px}.town-visit-grid h3{margin:5px 0;font-size:16px}.town-visit-grid>a,.town-visit-grid article>a{color:#99662a;font-size:13px;font-weight:750}.town-visit-grid article>p{margin:5px 0;color:var(--cz-muted);font-size:13px}.town-visit-grid article>div{display:flex;flex-wrap:wrap;gap:4px}.town-visit-grid article>div span{border-radius:3px;background:var(--cz-panel-soft);padding:3px 6px;color:var(--cz-muted);font-size:12px}
@media(max-width:1100px){.town-filter{grid-template-columns:1fr 1fr 1fr}.town-filter label:first-child{grid-column:1/-1}}@media(max-width:750px){.town-hero{min-height:180px;padding:22px}.town-hero h1{font-size:25px}.town-hero>i{display:none}.town-anchor{position:static}.town-area-grid,.town-entry-grid,.town-choice-compare{grid-template-columns:1fr}.town-list-hero{padding:19px}.town-list-hero>b,.town-policy-detail-hero>b{font-size:28px}.town-filter{grid-template-columns:1fr 1fr}.town-filter label:first-child{grid-column:1/-1}.town-policy-grid,.town-visit-grid{grid-template-columns:1fr}.town-policy-detail-hero{padding:19px}}

/* 模拟、超空间与高塔 */
.challenge-hero{display:flex;min-height:220px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:13px;border:1px solid #3b668d;border-radius:9px;background:radial-gradient(circle at 83% 38%,rgba(75,149,221,.28),transparent 30%),linear-gradient(120deg,#121c2a,#1d3651);padding:31px 36px;color:#fff}.challenge-hero small,.challenge-list-hero small{color:#8cc9ff;font-size:12px;font-weight:800;letter-spacing:.15em}.challenge-hero h1{margin:5px 0 8px;font-size:31px}.challenge-hero p{color:#cedbe8;font-size:14px}.challenge-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.challenge-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.challenge-hero>i{margin-right:52px;color:#78bdfb;font-size:94px;opacity:.44}.challenge-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.challenge-entry-grid>a{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #3e82bd;border-radius:7px;background:var(--cz-panel);padding:15px;box-shadow:var(--cz-shadow)}.challenge-entry-grid>a>i{float:right;color:#579bd5;font-size:38px}.challenge-entry-grid small{color:#397cac;font-size:12px;font-weight:800}.challenge-entry-grid h2{margin:5px 0;font-size:19px}.challenge-entry-grid p{min-height:42px;color:var(--cz-muted);font-size:13px;line-height:1.55}.challenge-entry-grid b{display:block;margin-top:9px;color:#367bad;font-size:13px}.challenge-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.challenge-category-grid a{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px}.challenge-category-grid small{color:#397cac;font-size:12px}.challenge-category-grid h3{margin:3px 0;font-size:16px}.challenge-category-grid p{color:var(--cz-muted);font-size:12px}.challenge-season-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.challenge-season-row a{min-width:0;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:11px}.challenge-season-row small{color:#397cac;font-size:12px}.challenge-season-row b{display:block;overflow:hidden;margin:3px 0;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.challenge-season-row p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.challenge-list-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border:1px solid #3b668d;border-radius:8px;background:linear-gradient(120deg,#17263a,#244968);padding:23px 28px;color:#fff}.challenge-list-hero h1{margin:4px 0;font-size:27px}.challenge-list-hero p{color:#cfdeea;font-size:14px}.challenge-list-hero>b{color:#8dccff;font-size:34px}.challenge-list-hero.hyperspace{border-color:#6557a0;background:linear-gradient(120deg,#201c3b,#3a3065)}.challenge-list-hero.hyperspace small{color:#c2afff}.challenge-list-hero.tower{border-color:#8d4855;background:linear-gradient(120deg,#291b22,#552a35)}.challenge-list-hero.tower small{color:#f0a4b0}.challenge-filter{display:grid;grid-template-columns:minmax(230px,1fr) 180px 80px 60px;gap:9px;margin-bottom:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.challenge-filter label{display:grid;gap:4px}.challenge-filter label span{color:var(--cz-muted);font-size:12px}.challenge-filter input,.challenge-filter select,.challenge-filter button,.challenge-filter>a{height:40px;border-radius:5px;font-size:14px}.challenge-filter input,.challenge-filter select{min-width:0;border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 10px}.challenge-filter button,.challenge-filter>a{align-self:end;display:grid;place-items:center}.challenge-filter button{background:#397eb1;color:#fff;font-weight:750}.challenge-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}.simulation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.simulation-grid article{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #4386bc;border-radius:6px;background:var(--cz-panel);padding:11px}.simulation-grid header{display:flex;justify-content:space-between}.simulation-grid header span{color:#397baa;font-size:12px;font-weight:800}.simulation-grid header b{font-size:12px}.simulation-grid h3{margin:5px 0;font-size:16px}.simulation-grid p{color:var(--cz-muted);font-size:13px}.simulation-grid>article>small{color:var(--cz-muted);font-size:12px}.simulation-grid article>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.simulation-grid article>div span{border-radius:3px;background:var(--cz-panel-soft);padding:3px 6px;color:#397baa;font-size:12px}
.hyper-archive-nav{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px;padding-bottom:4px}.hyper-archive-nav a{flex:0 0 220px;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);padding:9px}.hyper-archive-nav a.active{border-color:#7562bb;background:color-mix(in srgb,var(--cz-panel) 88%,#7562bb)}.hyper-archive-nav small{display:block;color:#765fb5;font-size:12px}.hyper-archive-nav span{display:block;overflow:hidden;font-size:13px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.hyper-rule{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;border-left:4px solid #725db5}.hyper-rule small{color:#715db0;font-size:12px}.hyper-rule h2{font-size:19px}.hyper-rule>p{max-width:680px;color:var(--cz-muted);font-size:14px}.hyper-stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.hyper-stage-grid article{border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.hyper-stage-grid header{display:flex;justify-content:space-between}.hyper-stage-grid h3{font-size:17px}.hyper-stage-grid header span{color:#745fb3;font-size:12px}.hyper-stage-grid article>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.hyper-stage-grid article>div p{border-radius:4px;background:var(--cz-panel-soft);padding:7px;color:var(--cz-muted);font-size:12px}.hyper-stage-grid article>div b{display:block;color:#725daf}.hyper-stage-grid footer{display:grid;gap:4px}.hyper-stage-grid footer span{font-size:12px}.hyper-stage-grid footer b{display:inline-block;width:28px;color:#765eb8}.hyper-reward-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.hyper-reward-row article{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:9px}.hyper-reward-row article>b{color:#725caf;font-size:14px}.hyper-reward-row p{display:grid;margin-top:5px}.hyper-reward-row span{color:var(--cz-muted);font-size:12px}
.tower-rule-row{display:grid;grid-template-columns:180px repeat(3,1fr);gap:8px;margin-bottom:12px}.tower-rule-row>div,.tower-rule-row>p{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);padding:11px}.tower-rule-row small{display:block;color:#a34e5e;font-size:12px}.tower-rule-row b{font-size:14px}.tower-rule-row>p{color:var(--cz-muted);font-size:13px}.tower-filter{display:flex;gap:7px;margin-bottom:11px}.tower-filter a{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel);padding:7px 12px;font-size:13px}.tower-filter a.active{border-color:#a34f5f;background:#a34f5f;color:#fff}.tower-floor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.tower-floor-grid article{min-width:0;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel);padding:9px}.tower-floor-grid article.reward{border-color:#b75b6a;background:color-mix(in srgb,var(--cz-panel) 94%,#b75b6a)}.tower-floor-grid header{display:flex;justify-content:space-between}.tower-floor-grid header b{color:#a14c5c;font-size:16px}.tower-floor-grid header span,.tower-floor-grid p{color:var(--cz-muted);font-size:12px}.tower-floor-grid article>div{display:grid;margin-top:6px}.tower-floor-grid article>div span{font-size:12px}
@media(max-width:1000px){.challenge-entry-grid{grid-template-columns:1fr}.challenge-category-grid{grid-template-columns:repeat(3,1fr)}.tower-floor-grid{grid-template-columns:repeat(4,1fr)}.tower-rule-row{grid-template-columns:1fr 1fr}}@media(max-width:700px){.challenge-hero{min-height:180px;padding:22px}.challenge-hero>i{display:none}.challenge-hero h1{font-size:25px}.challenge-category-grid,.challenge-season-row,.hyper-stage-grid{grid-template-columns:1fr}.challenge-filter{grid-template-columns:1fr 1fr}.challenge-filter label:first-child{grid-column:1/-1}.challenge-list-hero{padding:19px}.challenge-list-hero>b{font-size:27px}.hyper-rule{display:block}.hyper-rule>p{margin-top:8px}.hyper-reward-row{grid-template-columns:1fr 1fr}.tower-floor-grid{grid-template-columns:1fr 1fr}.tower-rule-row{grid-template-columns:1fr}}

/* 世界观档案 */
.archive-hero{display:flex;min-height:220px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #635580;border-radius:9px;background:radial-gradient(circle at 82% 40%,rgba(149,113,211,.3),transparent 30%),linear-gradient(120deg,#171827,#302546);padding:31px 36px;color:#fff}.archive-hero small,.archive-list-hero small{color:#c6adf2;font-size:12px;font-weight:800;letter-spacing:.15em}.archive-hero h1{margin:5px 0 8px;font-size:31px}.archive-hero p{max-width:760px;color:#d8d1e5;font-size:14px}.archive-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.archive-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.archive-hero>i{margin-right:52px;color:#b99be9;font-size:94px;opacity:.42}.archive-entry-nav{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:8px}.archive-entry-nav a{border-radius:5px;background:var(--cz-panel-soft);padding:7px 13px;color:var(--cz-muted);font-size:14px}.archive-entry-nav a.active,.archive-entry-nav a:hover{background:#7054a3;color:#fff}
.archive-filter{display:grid;grid-template-columns:minmax(240px,1fr) 200px 80px 60px;gap:9px;margin-bottom:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:12px}.archive-filter label{display:grid;gap:4px}.archive-filter label span{color:var(--cz-muted);font-size:12px}.archive-filter input,.archive-filter select,.archive-filter button,.archive-filter>a{height:40px;border-radius:5px;font-size:14px}.archive-filter input,.archive-filter select{min-width:0;border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 10px}.archive-filter button,.archive-filter>a{align-self:end;display:grid;place-items:center}.archive-filter button{background:#7054a3;color:#fff;font-weight:750}.archive-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}.world-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:9px;margin-bottom:14px}.world-archive-grid>a{display:grid;min-width:0;min-height:180px;grid-template-rows:112px 1fr;overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid #7658a9;border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.world-archive-grid>a:not(:has(>div)){grid-template-rows:1fr}.world-archive-grid>a:hover{transform:translateY(-2px);border-color:#7658a9}.world-archive-grid>a>div{overflow:hidden;background:#232033}.world-archive-grid img{width:100%;height:100%;object-fit:cover}.world-archive-grid article{padding:12px}.world-archive-grid small{color:#71549d;font-size:12px;font-weight:800}.world-archive-grid h3{margin:4px 0;font-size:18px}.world-archive-grid p{display:-webkit-box;overflow:hidden;margin:0;color:var(--cz-muted);font-size:14px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.world-archive-grid span{display:block;margin-top:8px;color:#8a7d98;font-size:12px}.archive-card-groups{margin-top:14px}.archive-card-groups>.section-head a{color:#7054a3;font-size:13px;font-weight:750}.archive-card-groups>div:last-child{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px;padding:12px}.archive-card-groups>div>a{position:relative;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:9px}.archive-card-groups small{display:block;color:#70549c;font-size:12px}.archive-card-groups b{display:block;margin-top:2px;font-size:14px}.archive-card-groups span{position:absolute;right:9px;top:9px;color:var(--cz-muted);font-size:12px}
.archive-detail-hero{position:relative;display:grid;min-height:300px;overflow:hidden;margin-bottom:13px;border:1px solid #61527b;border-radius:8px;background:linear-gradient(120deg,#1b1928,#342848);color:#fff}.archive-detail-hero.with-image{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr)}.archive-detail-hero img{width:100%;height:100%;max-height:430px;object-fit:cover}.archive-detail-hero>div{display:flex;flex-direction:column;justify-content:center;padding:30px}.archive-detail-hero small{color:#c6adf2;font-size:12px;font-weight:800}.archive-detail-hero h1{margin:7px 0 14px;font-size:32px}.archive-detail-hero span{align-self:flex-start;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:5px 9px;color:#d7cfdf;font-size:12px}.archive-prose{margin-bottom:13px}.archive-prose>div:last-child{padding:22px 24px;color:var(--cz-text);font-size:14px;line-height:1.9}.archive-related>div:last-child{display:flex;flex-wrap:wrap;gap:7px;padding:12px}.archive-related a{border:1px solid var(--cz-line);border-radius:4px;background:var(--cz-panel-soft);padding:6px 10px;color:#70549d;font-size:13px}
.archive-list-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;border:1px solid #62537d;border-radius:8px;background:linear-gradient(120deg,#1a1927,#392c4c);padding:23px 28px;color:#fff}.archive-list-hero h1{margin:4px 0;font-size:27px}.archive-list-hero p{color:#d8d0e3;font-size:14px}.archive-list-hero>b{color:#c5a9ed;font-size:34px}.archive-list-hero.deep{border-color:#3e6f75;background:linear-gradient(120deg,#142427,#244b50)}.archive-list-hero.deep small,.archive-list-hero.deep>b{color:#8fd4d7}.faction-archive-list{display:grid;gap:11px}.faction-archive-list>section>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--cz-line);padding:13px 15px}.faction-archive-list header small{color:#71549d;font-size:12px;font-weight:800}.faction-archive-list header h2{margin:2px 0;font-size:20px}.faction-archive-list header>span{color:var(--cz-muted);font-size:13px}.faction-subgroup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;padding:12px}.faction-subgroup-grid article{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:10px}.faction-subgroup-grid h3{margin:0 0 8px;font-size:15px}.faction-subgroup-grid article>div{display:flex;flex-wrap:wrap;gap:5px}.faction-subgroup-grid a,.faction-subgroup-grid article span{border-radius:4px;background:var(--cz-panel);padding:4px 7px;color:var(--cz-muted);font-size:13px}.faction-subgroup-grid a{color:#70549d;font-weight:700}.faction-subgroup-grid p{font-size:13px}
.deep-category-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:13px}.deep-category-nav a{position:relative;min-height:76px;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);padding:10px}.deep-category-nav a.active{border-color:#3f858a;background:color-mix(in srgb,var(--cz-panel) 92%,#3f858a)}.deep-category-nav span{display:block;font-size:14px;font-weight:750}.deep-category-nav small{display:-webkit-box;overflow:hidden;margin-top:4px;color:var(--cz-muted);font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.deep-category-nav b{position:absolute;right:8px;top:8px;color:#3f858a;font-size:12px}.deep-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:9px}.deep-archive-grid>a{min-width:0;border:1px solid var(--cz-line);border-top:3px solid #43868b;border-radius:7px;background:var(--cz-panel);padding:13px;box-shadow:var(--cz-shadow);transition:.18s}.deep-archive-grid>a:hover{transform:translateY(-2px);border-color:#43868b}.deep-archive-grid small{color:#357c81;font-size:12px;font-weight:800}.deep-archive-grid h2{margin:5px 0 7px;font-size:17px}.deep-archive-grid p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:14px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:4}.deep-archive-grid footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;border-top:1px dashed var(--cz-line);padding-top:8px}.deep-archive-grid footer span,.deep-archive-grid footer b{font-size:12px}.deep-archive-grid footer span{color:var(--cz-muted)}.deep-archive-grid footer b{color:#378085}.archive-reading-head{margin-bottom:13px;border:1px solid #3d7478;border-radius:8px;background:linear-gradient(120deg,#17272a,#285055);padding:25px 28px;color:#fff}.archive-reading-head small{color:#8ed4d7;font-size:12px;font-weight:800}.archive-reading-head h1{margin:5px 0;font-size:29px}.archive-reading-head p{color:#cde0e1;font-size:14px}.archive-reading-head span{display:inline-flex;margin-top:12px;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:5px 9px;font-size:12px}.archive-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:13px}.archive-reading-layout .archive-prose{margin:0}.archive-rewards{align-self:start}.archive-rewards>div:last-child{display:grid;gap:7px;padding:12px}.archive-rewards p{display:flex;justify-content:space-between;border-radius:5px;background:var(--cz-panel-soft);padding:9px;font-size:13px}.archive-rewards span{color:#398086;font-weight:750}.card-filter{grid-template-columns:minmax(230px,1.25fr) repeat(4,minmax(120px,.7fr)) auto auto}
@media(max-width:1050px){.card-filter{grid-template-columns:repeat(2,1fr)}.deep-category-nav{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.archive-hero{min-height:180px;padding:22px}.archive-hero>i{display:none}.archive-hero h1{font-size:25px}.archive-filter{grid-template-columns:1fr 1fr}.archive-filter label:first-child{grid-column:1/-1}.world-archive-grid,.deep-archive-grid{grid-template-columns:1fr}.archive-detail-hero.with-image{grid-template-columns:1fr}.archive-detail-hero img{max-height:260px}.archive-detail-hero>div{padding:22px}.archive-detail-hero h1{font-size:26px}.archive-prose>div:last-child{padding:18px}.archive-list-hero{padding:19px}.archive-list-hero>b{font-size:26px}.deep-category-nav{grid-template-columns:1fr 1fr}.archive-reading-layout{grid-template-columns:1fr}.faction-subgroup-grid{grid-template-columns:1fr}}

/* 咨询与梦讯记录 */
.relation-hero{display:flex;min-height:215px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #6c5278;border-radius:9px;background:radial-gradient(circle at 83% 42%,rgba(209,119,178,.25),transparent 30%),linear-gradient(120deg,#211925,#4a2943);padding:30px 36px;color:#fff}.relation-hero.messenger{border-color:#466d84;background:radial-gradient(circle at 83% 42%,rgba(88,175,211,.24),transparent 30%),linear-gradient(120deg,#15212b,#264b5e)}.relation-hero small{color:#efaed9;font-size:12px;font-weight:800;letter-spacing:.15em}.relation-hero.messenger small{color:#9cd9ef}.relation-hero h1{margin:5px 0 8px;font-size:31px}.relation-hero p{max-width:780px;color:#ead9e5;font-size:14px}.relation-hero.messenger p{color:#d5e5ec}.relation-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.relation-hero>div>div span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.relation-hero>i{margin-right:50px;color:#e8a1d0;font-size:92px;opacity:.43}.relation-hero.messenger>i{color:#8fd5ed}.relation-tabs{display:flex;gap:7px;margin-bottom:12px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:8px}.relation-tabs a{border-radius:5px;background:var(--cz-panel-soft);padding:7px 14px;color:var(--cz-muted);font-size:14px}.relation-tabs a.active,.relation-tabs a:hover{background:#8b4f78;color:#fff}.relation-filter{display:grid;grid-template-columns:minmax(240px,1fr) 80px 60px;gap:8px;margin-bottom:13px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:11px}.relation-filter input,.relation-filter button,.relation-filter a{height:40px;border-radius:5px;font-size:14px}.relation-filter input{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 11px}.relation-filter button{background:#875074;color:#fff;font-weight:750}.relation-filter a{display:grid;place-items:center;border:1px solid var(--cz-line);color:var(--cz-muted)}
.relation-character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}.relation-character-grid>article{overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid #985880;border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow)}.relation-character-grid>article>header{display:grid;grid-template-columns:74px 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--cz-line);padding:10px}.relation-character-grid header img{width:74px;height:74px;border-radius:6px;background:#282030;object-fit:cover;object-position:top}.relation-character-grid header>i{display:grid;width:74px;height:74px;place-items:center;border-radius:6px;background:var(--cz-panel-soft);color:#985880;font-size:36px}.relation-character-grid header small{color:#925475;font-size:12px}.relation-character-grid h2{margin:2px 0;font-size:19px}.relation-character-grid header p{color:var(--cz-muted);font-size:13px}.relation-character-grid>article>div{display:grid;gap:6px;padding:10px}.relation-character-grid>article>div>a{position:relative;border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft);padding:9px}.relation-character-grid>article>div span{color:#99587f;font-size:12px;font-weight:800}.relation-character-grid>article>div b{display:block;font-size:14px}.relation-character-grid>article>div small{display:block;overflow:hidden;margin-top:2px;color:var(--cz-muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.relation-character-grid>article>div em{position:absolute;right:9px;top:9px;color:var(--cz-muted);font-size:12px;font-style:normal}.relation-character-grid>article>footer{border-top:1px solid var(--cz-line);padding:9px 11px;text-align:right}.relation-character-grid>article>footer a{color:#935477;font-size:13px;font-weight:750}
.relation-detail-hero{display:grid;min-height:250px;grid-template-columns:250px 1fr;overflow:hidden;margin-bottom:12px;border:1px solid #6e4e68;border-radius:8px;background:linear-gradient(120deg,#211a25,#4b2942);color:#fff}.relation-detail-hero>div{background:#241e28}.relation-detail-hero img{width:100%;height:100%;max-height:310px;object-fit:cover;object-position:top}.relation-detail-hero article{display:flex;flex-direction:column;justify-content:center;padding:27px}.relation-detail-hero article>small{color:#e7a8cf;font-size:12px;font-weight:800}.relation-detail-hero h1{margin:5px 0;font-size:30px}.relation-detail-hero article>p{color:#e6d8e1;font-size:14px}.relation-detail-hero article>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.relation-detail-hero article>div span{border:1px solid rgba(255,255,255,.13);border-radius:4px;padding:5px 9px;font-size:12px}.relation-subnav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}.relation-subnav a{border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel);padding:9px}.relation-subnav a.active{border-color:#9a5a81;background:color-mix(in srgb,var(--cz-panel) 92%,#9a5a81)}.relation-subnav small{display:block;overflow:hidden;color:var(--cz-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.relation-subnav b{display:block;margin-top:3px;font-size:14px}.spoiler-panel{margin-bottom:12px}.spoiler-panel>summary,.messenger-conversation-list summary{display:flex;cursor:pointer;align-items:center;justify-content:space-between;gap:12px;padding:14px;list-style:none}.spoiler-panel>summary::-webkit-details-marker,.messenger-conversation-list summary::-webkit-details-marker{display:none}.spoiler-panel summary>span{display:grid;grid-template-columns:26px 1fr;align-items:center}.spoiler-panel summary i{grid-row:1/3;color:#98587e;font-size:21px}.spoiler-panel summary b{font-size:15px}.spoiler-panel summary small{color:var(--cz-muted);font-size:12px}.spoiler-panel summary em,.messenger-conversation-list summary>strong{color:#97577d;font-size:12px;font-style:normal}.counseling-transcript{display:grid;gap:7px;border-top:1px solid var(--cz-line);padding:13px}.counseling-transcript>div{max-width:88%;border-radius:7px;background:var(--cz-panel-soft);padding:9px 11px}.counseling-transcript>div.choice{justify-self:end;border:1px solid #c48aad;background:color-mix(in srgb,var(--cz-panel) 92%,#c48aad)}.counseling-transcript>div.narration{justify-self:center;max-width:95%;background:transparent;text-align:center}.counseling-transcript header{display:flex;align-items:center;justify-content:space-between;gap:12px}.counseling-transcript header b{color:#925476;font-size:12px}.counseling-transcript header span{border-radius:3px;background:#97577b;padding:2px 6px;color:#fff;font-size:12px}.counseling-transcript p{margin:3px 0 0;font-size:14px;line-height:1.65}.counseling-transcript .narration p{color:var(--cz-muted);font-size:13px}.counseling-results>div:last-child{display:grid;gap:7px;padding:12px}.counseling-results details{border:1px solid var(--cz-line);border-radius:5px;background:var(--cz-panel-soft)}.counseling-results summary{display:flex;cursor:pointer;justify-content:space-between;gap:10px;padding:10px;list-style:none}.counseling-results summary span{display:grid}.counseling-results summary b{font-size:14px}.counseling-results summary small,.counseling-results summary em{color:var(--cz-muted);font-size:12px;font-style:normal}.counseling-results details>p{border-top:1px solid var(--cz-line);padding:11px;font-size:14px;line-height:1.75}
.messenger-character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:9px}.messenger-character-grid>a{display:grid;grid-template-columns:88px 1fr 20px;align-items:center;overflow:hidden;border:1px solid var(--cz-line);border-left:3px solid #43849e;border-radius:7px;background:var(--cz-panel);box-shadow:var(--cz-shadow);transition:.18s}.messenger-character-grid>a:hover{transform:translateY(-2px);border-color:#43849e}.messenger-character-grid>a>div{align-self:stretch;background:#1d2c34}.messenger-character-grid img{width:100%;height:100%;min-height:122px;object-fit:cover;object-position:top}.messenger-character-grid>a>div>i{display:grid;height:100%;place-items:center;color:#7dc5df;font-size:38px}.messenger-character-grid article{min-width:0;padding:11px}.messenger-character-grid article>small{color:#3e829c;font-size:12px}.messenger-character-grid h2{margin:3px 0;font-size:18px}.messenger-character-grid p{overflow:hidden;color:var(--cz-muted);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.messenger-character-grid footer{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.messenger-character-grid footer span{border-radius:3px;background:var(--cz-panel-soft);padding:3px 6px;color:var(--cz-muted);font-size:12px}.messenger-character-grid>a>i{color:#43839b;font-size:19px}.messenger-profile{display:grid;min-height:240px;grid-template-columns:230px 1fr;overflow:hidden;margin-bottom:12px;border:1px solid #416e82;border-radius:8px;background:linear-gradient(120deg,#17252d,#28536a);color:#fff}.messenger-profile>div{background:#1a2931}.messenger-profile img{width:100%;height:100%;max-height:300px;object-fit:cover;object-position:top}.messenger-profile article{display:flex;flex-direction:column;justify-content:center;padding:27px}.messenger-profile small{color:#99d5e9;font-size:12px;font-weight:800}.messenger-profile h1{margin:4px 0;font-size:30px}.messenger-profile p{color:#d7e6eb;font-size:14px}.messenger-profile span{align-self:flex-start;margin-top:12px;border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:4px 8px;font-size:12px}.messenger-profile a{margin-top:10px;color:#a9def0;font-size:13px;font-weight:750}.messenger-conversation-list{display:grid;gap:9px}.messenger-conversation-list details{overflow:hidden}.messenger-conversation-list summary>span{display:grid}.messenger-conversation-list summary small{color:#41809a;font-size:12px}.messenger-conversation-list summary b{font-size:15px}.messenger-conversation-list summary em{color:var(--cz-muted);font-size:12px;font-style:normal}.messenger-chat{display:grid;gap:7px;border-top:1px solid var(--cz-line);padding:13px}.spoiler-note{justify-self:center;margin-bottom:4px;color:var(--cz-muted);font-size:12px}.messenger-chat>div.incoming,.messenger-chat>div.reply{max-width:78%}.messenger-chat>div.reply{justify-self:end;text-align:right}.messenger-chat>div>small{color:#3c8099;font-size:12px;font-weight:750}.messenger-chat>div>p{margin:3px 0 0;border-radius:7px;background:var(--cz-panel-soft);padding:8px 10px;font-size:14px;line-height:1.6;text-align:left}.messenger-chat>div.reply>p{background:color-mix(in srgb,var(--cz-panel) 88%,#5aa7c2)}.messenger-chat>footer{display:flex;justify-content:center;gap:7px;border-top:1px dashed var(--cz-line);padding-top:9px}.messenger-chat>footer span{border-radius:4px;background:var(--cz-panel-soft);padding:4px 8px;color:#3f8199;font-size:12px}
@media(max-width:720px){.relation-hero{min-height:180px;padding:22px}.relation-hero>i{display:none}.relation-hero h1{font-size:25px}.relation-filter{grid-template-columns:1fr 72px 56px}.relation-character-grid,.messenger-character-grid{grid-template-columns:1fr}.relation-detail-hero,.messenger-profile{grid-template-columns:1fr}.relation-detail-hero>div,.messenger-profile>div{height:220px}.relation-detail-hero article,.messenger-profile article{padding:21px}.relation-detail-hero h1,.messenger-profile h1{font-size:25px}.relation-subnav{grid-template-columns:1fr}.counseling-transcript>div,.messenger-chat>div.incoming,.messenger-chat>div.reply{max-width:92%}}

/* 账号成长 */
.account-growth-hero{display:flex;min-height:210px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #4d6090;border-radius:9px;background:radial-gradient(circle at 82% 42%,rgba(102,138,222,.32),transparent 30%),linear-gradient(120deg,#171e30,#2c3d68);padding:30px 36px;color:#fff}.account-growth-hero small{color:#a9c4ff;font-size:12px;font-weight:800;letter-spacing:.16em}.account-growth-hero h1{margin:5px 0 8px;font-size:31px}.account-growth-hero p{max-width:780px;color:#d5deef;font-size:14px;line-height:1.7}.account-growth-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.account-growth-hero span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.account-growth-hero>i{margin-right:52px;color:#a9c4ff;font-size:94px;opacity:.48}.account-growth-tabs{position:sticky;top:70px;z-index:5;display:flex;gap:7px;margin-bottom:12px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:8px}.account-growth-tabs a{border-radius:5px;background:var(--cz-panel-soft);padding:7px 14px;color:var(--cz-muted);font-size:14px;font-weight:700}.account-growth-tabs a:hover{background:#526cac;color:#fff}.account-growth-section{margin-bottom:12px;scroll-margin-top:130px}.account-growth-section .section-head>div small{color:var(--cz-muted);font-size:12px}.account-growth-section .section-head>b,.account-growth-section .section-head>a{color:#526cac;font-size:13px;font-weight:750}.account-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.account-skill-grid>article{display:grid;min-height:150px;grid-template-columns:104px minmax(0,1fr);overflow:hidden;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel-soft)}.account-skill-icon{display:grid;place-items:center;background:radial-gradient(circle,rgba(131,164,238,.25),transparent 62%),linear-gradient(145deg,#23304e,#171e31)}.account-skill-icon img{width:76px;height:76px;object-fit:contain}.account-skill-icon i{color:#9bb8fb;font-size:50px}.account-skill-grid>article>div:last-child{padding:12px}.account-skill-grid header{display:flex;align-items:center;justify-content:space-between}.account-skill-grid header span,.account-skill-grid header b{color:#526cac;font-size:12px;font-weight:800}.account-skill-grid h3{margin:4px 0;font-size:17px}.account-skill-grid p{color:var(--cz-muted);font-size:14px;line-height:1.6}.account-skill-grid footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.account-skill-grid footer span,.account-skill-grid footer em{border-radius:4px;background:var(--cz-panel);padding:4px 7px;color:var(--cz-muted);font-size:12px;font-style:normal}.account-skill-grid footer em{color:#47765e}.world-level-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:13px}.world-level-track article{position:relative;display:grid;min-height:135px;grid-template-columns:46px 1fr;align-items:center;overflow:hidden;border:1px solid var(--cz-line);border-top:3px solid #6179bb;border-radius:7px;background:var(--cz-panel-soft);padding:12px}.world-level-track strong{color:#6179bb;font-size:28px}.world-level-track small{color:#6179bb;font-size:12px;font-weight:750}.world-level-track h3{margin:3px 0;font-size:15px}.world-level-track p{color:var(--cz-muted);font-size:12px}.account-title-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}.account-title-grid>a{display:grid;min-width:0;grid-template-columns:54px 1fr;align-items:center;gap:9px;border:1px solid var(--cz-line);border-radius:6px;background:var(--cz-panel-soft);padding:10px}.account-title-grid img,.account-title-grid>a>i{width:54px;height:54px;object-fit:contain}.account-title-grid>a>i{display:grid;place-items:center;color:#b58b39;font-size:34px}.account-title-grid small{color:#9a732c;font-size:12px}.account-title-grid h3{overflow:hidden;margin:2px 0;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.account-title-grid p{display:-webkit-box;overflow:hidden;color:var(--cz-muted);font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.account-level-table{overflow:auto}.account-level-table>header,.account-level-table>div{display:grid;min-width:780px;grid-template-columns:90px 145px 155px minmax(260px,1fr) 55px;align-items:center;border-top:1px solid var(--cz-line);padding:8px 14px}.account-level-table>header{border-top:0;background:var(--cz-panel-soft);color:var(--cz-muted);font-size:12px;font-weight:750}.account-level-table>div{font-size:14px}.account-level-table>div.milestone{background:color-mix(in srgb,var(--cz-panel) 94%,#6179bb)}.account-level-table>div>b{color:#526cac}.account-level-table>div>span:nth-child(3){color:var(--cz-muted)}.account-level-table>div>span:nth-child(4){display:flex;flex-wrap:wrap;gap:5px}.account-level-table em{border-radius:3px;background:#e9edf8;padding:3px 6px;color:#485f99;font-size:12px;font-style:normal}.dark .account-level-table em{background:#28334c;color:#a8bdf1}.account-level-table>div>a{color:#526cac;font-size:12px;font-weight:750}
@media(max-width:1050px){.world-level-track,.account-title-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.account-growth-hero{min-height:180px;padding:22px}.account-growth-hero>i{display:none}.account-growth-hero h1{font-size:25px}.account-growth-tabs{top:60px;overflow:auto;white-space:nowrap}.account-skill-grid{grid-template-columns:1fr}.world-level-track,.account-title-grid{grid-template-columns:1fr 1fr}.account-title-grid>a{grid-template-columns:46px 1fr}.account-title-grid img,.account-title-grid>a>i{width:46px;height:46px}}

/* 音乐盒 */
.music-page{padding-bottom:82px}.music-hero{display:flex;min-height:220px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:12px;border:1px solid #71546f;border-radius:9px;background:radial-gradient(circle at 82% 42%,rgba(218,123,184,.28),transparent 30%),linear-gradient(120deg,#211a29,#51304d);padding:31px 36px;color:#fff}.music-hero small{color:#efacd6;font-size:12px;font-weight:800;letter-spacing:.16em}.music-hero h1{margin:5px 0 8px;font-size:31px}.music-hero p{max-width:760px;color:#e8d8e2;font-size:14px;line-height:1.7}.music-hero>div>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.music-hero span{border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.06);padding:5px 10px;font-size:12px}.music-hero>i{margin-right:52px;color:#e9a3ce;font-size:98px;opacity:.45}.music-album-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:12px}.music-album-card{display:grid;min-height:72px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;overflow:hidden;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:8px;box-shadow:var(--cz-shadow)}.music-album-card:hover,.music-album-card.active{border-color:#9f5f8a;background:color-mix(in srgb,var(--cz-panel) 93%,#b16b98)}.music-album-card img,.music-album-card>i{width:48px;height:48px;object-fit:contain}.music-album-card>i{display:grid;place-items:center;border-radius:50%;background:#4b3047;color:#e8a2ce;font-size:27px}.music-album-card b,.music-album-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-album-card b{font-size:13px}.music-album-card small{margin-top:2px;color:var(--cz-muted);font-size:12px}.music-filter{display:grid;grid-template-columns:minmax(260px,1fr) 82px 62px;gap:9px;margin-bottom:12px;border:1px solid var(--cz-line);border-radius:7px;background:var(--cz-panel);padding:11px}.music-filter label{display:grid;gap:4px}.music-filter label span{color:var(--cz-muted);font-size:12px}.music-filter input,.music-filter button,.music-filter>a{height:40px;border-radius:5px;font-size:14px}.music-filter input{border:1px solid var(--cz-line);background:var(--cz-panel-soft);padding:0 11px}.music-filter button,.music-filter>a{align-self:end;display:grid;place-items:center}.music-filter button{background:#8c5278;color:#fff;font-weight:750}.music-filter>a{border:1px solid var(--cz-line);color:var(--cz-muted)}.music-browser{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;gap:12px}.music-browser>aside{position:sticky;top:84px;border:1px solid var(--cz-line);border-radius:8px;background:var(--cz-panel);padding:13px;box-shadow:var(--cz-shadow)}.music-cover{display:grid;aspect-ratio:1/1;place-items:center;overflow:hidden;margin-bottom:13px;border-radius:7px;background:radial-gradient(circle,rgba(225,139,194,.25),transparent 58%),linear-gradient(145deg,#4b3047,#211a29)}.music-cover img{width:100%;height:100%;object-fit:cover}.music-cover i{color:#e8a5cf;font-size:94px;opacity:.8}.music-browser>aside>small{color:#985574;font-size:12px;font-weight:800;letter-spacing:.12em}.music-browser>aside h2{margin:4px 0;font-size:20px}.music-browser>aside p{color:var(--cz-muted);font-size:14px}.music-track-list{overflow:hidden;border:1px solid var(--cz-line);border-radius:8px;background:var(--cz-panel);box-shadow:var(--cz-shadow)}.music-track-list>header,.music-track-list>article{display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(150px,.6fr) 58px 42px;align-items:center;border-top:1px solid var(--cz-line);padding:9px 12px}.music-track-list>header{border-top:0;background:var(--cz-panel-soft);color:var(--cz-muted);font-size:12px;font-weight:750}.music-track-list>article:hover{background:var(--cz-panel-soft)}.music-track-list>article>span{color:var(--cz-muted);font-size:12px}.music-track-list article b{display:block;font-size:14px}.music-track-list article small{display:block;color:var(--cz-muted);font-size:12px}.music-track-list article>a{overflow:hidden;color:#8c5577;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.music-track-list time{color:var(--cz-muted);font-size:12px}.music-track-list article button{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#8d5278;color:#fff;font-size:18px}.music-track-list>.empty-state{padding:38px}.music-player{position:fixed;z-index:22;right:22px;bottom:18px;left:22px;display:grid;min-height:64px;grid-template-columns:44px minmax(180px,280px) 92px minmax(180px,1fr) 36px;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(34,25,36,.96);padding:10px 14px;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.music-player[hidden]{display:none}.music-player>button:first-child{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#d47eaf;font-size:23px}.music-player>div{min-width:0}.music-player small,.music-player b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-player small{color:#dea0c5;font-size:12px}.music-player b{font-size:14px}.music-player>span{color:#cdbfc8;font-size:12px;text-align:center}.music-player input{width:100%;accent-color:#d47eaf}.music-player>button:last-child{color:#cdbfc8;font-size:21px}
@media(max-width:1100px){.music-album-strip{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.music-hero{min-height:180px;padding:22px}.music-hero>i{display:none}.music-hero h1{font-size:25px}.music-album-strip{display:flex;overflow:auto}.music-album-card{min-width:160px}.music-filter{grid-template-columns:1fr 76px 58px}.music-browser{grid-template-columns:1fr}.music-browser>aside{position:static;display:grid;grid-template-columns:92px 1fr;column-gap:12px;align-items:center}.music-cover{grid-row:1/5;width:92px;margin:0}.music-cover i{font-size:50px}.music-track-list{overflow:auto}.music-track-list>header,.music-track-list>article{min-width:590px;grid-template-columns:38px minmax(200px,1fr) 150px 52px 38px}.music-player{right:8px;bottom:8px;left:8px;grid-template-columns:40px minmax(0,1fr) 34px;gap:8px;padding:9px}.music-player>span,.music-player>input{grid-column:2/3}.music-player>span{text-align:left}.music-player>button:last-child{grid-column:3;grid-row:1}.music-player input{grid-row:2}.music-player>span{display:none}}
.music-track-list>header,.music-track-list>article{padding-right:72px}@media(max-width:760px){.music-track-list>header,.music-track-list>article{padding-right:62px}}
.music-hero-symbol{margin-right:52px;color:#e9a3ce;font-size:98px;line-height:1;opacity:.45}.music-cover>span{color:#e8a5cf;font-size:94px;line-height:1;opacity:.8}.music-player{right:78px}@media(max-width:760px){.music-hero-symbol{display:none}.music-cover>span{font-size:50px}.music-player{right:58px}}

/* Home typography contract: visible copy never falls below 12px. */
.czn-home .home-system-label b,.czn-home .home-character-tag small,.czn-home .home-character-tag span,.czn-home .home-coordinate,.czn-home .home-section-head>div>span,.czn-home .home-data-intro>span,.czn-home .home-primary-card footer small,.czn-home .home-route-card header small,.czn-home .home-route-card nav small,.czn-home .home-metric-grid small{font-size:12px}
@media(max-width:760px){.czn-home .home-system-label,.czn-home .home-signal-row small{font-size:12px}}
@media(max-width:760px){.czn-home .home-character{height:41%}.czn-home .home-character img{height:105%}}

/* Home icon clarity */
.czn-home .home-primary-card>i{border-color:color-mix(in srgb,var(--card-accent) 48%,transparent);background:color-mix(in srgb,var(--card-accent) 16%,#fff);color:color-mix(in srgb,var(--card-accent) 88%,#172033);box-shadow:inset 0 0 18px color-mix(in srgb,var(--card-accent) 9%,transparent),0 5px 14px color-mix(in srgb,var(--card-accent) 12%,transparent)}
.czn-home .home-route-icon{border-width:2px;border-color:color-mix(in srgb,var(--route-accent) 55%,transparent);background:color-mix(in srgb,var(--route-accent) 12%,#fff);color:color-mix(in srgb,var(--route-accent) 88%,#172033);box-shadow:inset 0 0 0 5px color-mix(in srgb,var(--route-accent) 7%,transparent),0 5px 14px color-mix(in srgb,var(--route-accent) 12%,transparent)}
.czn-home .home-route-card nav a>i{border:1px solid color-mix(in srgb,var(--route-accent) 24%,transparent);background:color-mix(in srgb,var(--route-accent) 10%,var(--cz-panel));color:color-mix(in srgb,var(--route-accent) 90%,#111827);font-size:19px}
html.tw-dark .czn-home .home-primary-card>i,html.tw-dark .czn-home .home-route-icon{background:color-mix(in srgb,var(--card-accent,#5d8de8) 18%,#151a23);color:#dcecff}

/* Categorized UIV8 navigation */
.nav-category-menu{width:460px;max-width:calc(100vw - 32px);padding:9px!important}
.nav-category-menu-wide{width:500px}.nav-category-menu-compact{width:420px}
.nav-category-menu .nav-drop-item{min-height:48px;border:1px solid transparent;border-radius:7px;padding:7px 10px!important}
.nav-category-menu .nav-drop-item:hover{border-color:#dbe7f5;background:linear-gradient(110deg,#f3f8ff,#f8f5ff)}
.nav-drop-icon-wrap{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid #bdd2ec;border-radius:8px;background:linear-gradient(145deg,#e8f2ff,#dcecff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 3px 8px rgba(48,91,150,.12)}
.nav-drop-icon{display:inline-block!important;width:20px!important;height:20px!important;background-color:#185fae!important;color:#185fae!important;font-size:20px}
.nav-category-menu .nav-drop-line{font-size:13px;font-weight:700}
.nav-center .nav-link>span:first-child{color:#3b70b6}
.nav-center .nav-link-active>span:first-child,.nav-center .nav-link:hover>span:first-child{color:#6e4fe0}
.side-link .nav-drop-icon-wrap,.side-child-link .nav-drop-icon-wrap{width:32px;height:32px;flex-basis:32px}.side-link .nav-drop-icon,.side-child-link .nav-drop-icon{width:18px!important;height:18px!important;font-size:18px}
html.tw-dark .nav-category-menu .nav-drop-item:hover{border-color:#334155;background:linear-gradient(110deg,#202733,#252230)}
html.tw-dark .nav-drop-icon-wrap{border-color:#426080;background:linear-gradient(145deg,#23354b,#1d2c40);box-shadow:inset 0 0 0 1px rgba(139,192,244,.08)}html.tw-dark .nav-drop-icon{background-color:#8ccfff!important;color:#8ccfff!important}
@media(max-width:1023px){.nav-category-menu,.nav-category-menu-wide,.nav-category-menu-compact{width:auto;max-width:none}}
.site-brand-logo {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    object-fit: cover;
    border-radius: 11px;
    box-shadow: 0 3px 9px rgba(15, 23, 42, 0.1);
}

html.tw-dark .site-brand-logo {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.24);
}

@media (max-width: 640px) {
    .site-brand-logo {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 10px;
    }
}