#app{min-height:100vh}.app-shell{min-height:100vh}.topbar{height:66px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #173943;background:rgba(3,12,16,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(10px)}.topbar-brand{display:flex;align-items:center;gap:12px}.topbar-brand img{width:142px;height:34px;object-fit:contain}.breadcrumb{display:flex;gap:8px;margin-left:26px;color:#6f9099;font-size:12px}.breadcrumb strong{color:#d9eef2}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.view{padding:28px clamp(18px,3vw,52px) 50px;max-width:1700px;margin:auto}.view-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.view-title h1{font-size:clamp(30px,4vw,52px);font-weight:900;letter-spacing:-.04em;margin:5px 0}.view-title p{color:var(--muted);max-width:760px;line-height:1.65}.home-view{display:grid;grid-template-columns:minmax(540px,760px) 1fr;min-height:100vh;overflow:hidden}.home-left{padding:clamp(38px,6vw,92px);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;background:linear-gradient(90deg,rgba(3,10,14,.99) 72%,rgba(3,10,14,.5),transparent)}.home-logo{width:min(520px,85%);filter:drop-shadow(0 0 28px rgba(87,229,255,.18));margin-bottom:18px}.home-version{display:inline-flex;align-items:center;gap:10px;color:var(--cyan);font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.home-version::before{content:"";width:30px;height:1px;background:var(--cyan)}.home-intro{max-width:650px;color:#94afb7;line-height:1.75;margin-bottom:28px}.home-intro strong{color:white}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:720px}.menu-card{min-height:92px;display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border:1px solid #1d414c;border-radius:7px;background:linear-gradient(135deg,rgba(11,34,42,.9),rgba(5,18,23,.86));color:white;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.menu-card::after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(87,229,255,.08);border-radius:50%;right:-70px;bottom:-85px;transition:.2s}.menu-card:hover{border-color:#3d92a4;transform:translateY(-2px);box-shadow:0 12px 35px rgba(0,0,0,.35)}.menu-card:hover::after{transform:scale(1.4)}.menu-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #2a6472;background:#0a242c;color:var(--cyan);font-size:22px;border-radius:5px;flex:none}.menu-card h3{font-size:15px;margin-bottom:4px}.menu-card p{font-size:11px;line-height:1.45;color:#789aa4}.home-footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.home-footnote{font-size:10px;color:#54737c;margin-top:16px}.home-orbit{position:relative;min-height:100vh;background:radial-gradient(circle at 55% 48%,#0b2b35 0,rgba(5,16,21,.4) 28%,#03090d 67%);overflow:hidden}.orbit-core{position:absolute;width:min(56vw,720px);aspect-ratio:1;left:48%;top:49%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 40% 35%,#1d5b69 0,#09232b 24%,#031015 65%);border:1px solid #184653;box-shadow:0 0 100px rgba(48,167,193,.12),inset -40px -30px 90px #000}.orbit-core::before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(87,229,255,.22);animation:spin 30s linear infinite}.orbit-core::after{content:"军争协议";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(42px,6vw,90px);font-weight:900;color:rgba(188,242,250,.07);white-space:nowrap;letter-spacing:.08em}.orbit-ring{position:absolute;border:1px solid rgba(87,229,255,.14);border-radius:50%;left:48%;top:49%;transform:translate(-50%,-50%) rotate(-18deg);width:min(66vw,850px);aspect-ratio:1}.orbit-ring.r2{width:min(48vw,610px);transform:translate(-50%,-50%) rotate(28deg);border-style:dashed}.orbit-node{position:absolute;width:9px;height:9px;border:2px solid var(--cyan);background:#031015;border-radius:50%;box-shadow:0 0 16px var(--cyan)}.orbit-node::after{content:attr(data-label);position:absolute;left:16px;top:-5px;font-size:9px;color:#6fa3ae;white-space:nowrap;letter-spacing:.12em}.orbit-node.n1{left:23%;top:26%}.orbit-node.n2{right:18%;top:32%;border-color:var(--amber)}.orbit-node.n3{right:26%;bottom:19%;border-color:var(--red)}.orbit-node.n4{left:18%;bottom:24%;border-color:var(--purple)}@keyframes spin{to{transform:rotate(360deg)}}
.content-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.card-panel{padding:18px}.campaign-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:16px}.campaign-map{min-height:610px;padding:25px;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 50%,rgba(33,116,133,.18),transparent 38%),linear-gradient(145deg,#071a21,#041015)}.campaign-map::before{content:"";position:absolute;inset:0;background:linear-gradient(30deg,transparent 48%,rgba(87,229,255,.025) 49%,rgba(87,229,255,.025) 51%,transparent 52%);background-size:44px 44px}.campaign-lines{position:absolute;inset:8%;width:84%;height:84%}.mission-node{position:absolute;width:48px;height:48px;transform:translate(-50%,-50%);border:1px solid #326370;background:#071d24;color:#aac7ce;border-radius:50%;font-weight:900;cursor:pointer;box-shadow:0 0 0 7px rgba(7,29,36,.75),0 0 25px rgba(0,0,0,.45)}.mission-node:hover,.mission-node.active{border-color:var(--cyan);color:white;box-shadow:0 0 0 7px rgba(8,53,64,.8),0 0 24px rgba(87,229,255,.22)}.mission-node.cleared{background:#0d4250;color:var(--cyan)}.mission-node.locked{opacity:.3}.mission-stars{position:absolute;top:-17px;left:50%;transform:translateX(-50%);white-space:nowrap;color:var(--amber);font-size:10px}.mission-info{padding:24px}.mission-info h2{font-size:32px;margin:8px 0 4px}.mission-number{font-size:11px;color:var(--cyan);letter-spacing:.15em}.mission-art{height:150px;margin:18px 0;border:1px solid #244a55;background:radial-gradient(circle,rgba(87,229,255,.16),transparent 60%),#06141a;display:grid;place-items:center;font-size:64px}.mission-desc{color:#a1bbc2;line-height:1.7}.objective-list,.star-list{display:grid;gap:8px;margin-top:18px}.objective-item,.star-line{display:flex;gap:9px;font-size:12px;color:#94aeb6;padding:9px;border:1px solid #193942;background:rgba(5,18,23,.65)}.objective-item i{color:var(--cyan)}.star-line span{color:#536d74}.star-line.earned span{color:var(--amber)}
.commander-grid,.codex-grid,.academy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.commander-card,.codex-card,.academy-card{padding:16px;border:1px solid #234651;background:linear-gradient(145deg,#0a222a,#06151b);border-radius:7px;cursor:pointer;text-align:left;transition:.18s}.commander-card:hover,.commander-card.selected,.academy-card:hover{border-color:var(--accent,var(--cyan));transform:translateY(-2px)}.commander-portrait{height:118px;display:grid;place-items:center;font-size:54px;color:var(--accent,var(--cyan));background:radial-gradient(circle,rgba(87,229,255,.12),transparent 65%);border-bottom:1px solid #1d3e47;margin-bottom:12px}.commander-card h3{font-size:17px}.commander-card p,.codex-card p,.academy-card p{font-size:11px;color:#7e9da6;line-height:1.6;margin-top:6px}.commander-card .skill-tag{display:inline-flex;margin-top:10px;padding:4px 7px;border:1px solid #31535c;color:var(--accent,var(--cyan));font-size:10px}.academy-card{min-height:190px;position:relative}.academy-card .academy-icon{font-size:40px;color:var(--cyan);margin-bottom:18px}.academy-card.done::after{content:"已完成";position:absolute;right:13px;top:13px;color:var(--green);font-size:10px}.settings-grid{display:grid;grid-template-columns:minmax(300px,.65fr) 1fr;gap:16px}.settings-section{padding:20px;display:grid;gap:12px}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.rule-card{padding:16px;border:1px solid #244650;background:#071920}.rule-card span{font-size:26px;color:var(--cyan)}.rule-card h3{margin:8px 0;font-size:15px}.rule-card p{font-size:12px;color:#8ca8b0;line-height:1.65}