:root{--blue:#11aee5;--green:#70c915;--ink:#10221f;--muted:#55706c;--line:#d9e7e2;--panel:rgba(255,255,255,.88);--gold:#f3c74b;--shadow:0 18px 50px rgba(12,46,41,.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif;background:linear-gradient(180deg,rgba(17,174,229,.2) 0 28%,rgba(255,255,255,.75) 28% 56%,rgba(112,201,21,.18) 56% 100%),#f7fbfa}button,select,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;width:min(1440px,calc(100% - 32px));margin:16px auto}.sidebar,.main{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.72);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.sidebar{position:sticky;top:16px;height:calc(100vh - 32px);display:flex;flex-direction:column;padding:18px;border-radius:28px}.brand{display:flex;align-items:center;gap:14px;padding:10px}.brand p,.eyebrow{margin:0;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.brand strong{display:block;font-size:38px;line-height:1}.flag{width:58px;height:58px;overflow:hidden;border-radius:16px;border:1px solid var(--line)}.flag span{display:block;height:33.333%}.flag span:nth-child(1){background:var(--blue)}.flag span:nth-child(2){background:#fff}.flag span:nth-child(3){background:var(--green)}.nav{display:grid;gap:8px;margin-top:18px}.nav-item{min-height:48px;padding:0 16px;border-radius:16px;color:var(--muted);background:transparent;text-align:left;font-weight:800}.nav-item.active,.nav-item:hover{color:#fff;background:linear-gradient(135deg,#0ba4db,#0f8f43)}.side-card{margin-top:auto;padding:18px;border-radius:20px;background:#0f7f3a;color:#fff}.side-card span{display:block;color:rgba(255,255,255,.72);font-weight:800}.side-card strong{display:block;margin:8px 0 14px;font-size:24px}.main{min-height:calc(100vh - 32px);padding:28px;border-radius:32px}.topbar,.section-head,.copy-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:clamp(34px,5vw,64px)}h2{font-size:clamp(28px,4vw,44px)}h3{font-size:22px}.quick-actions,.server-badges,.copy-tabs{display:flex;flex-wrap:wrap;gap:10px}.primary-btn,.ghost-btn,.join-card button,.copy-toolbar button,.copy-tab{min-height:42px;padding:0 15px;border-radius:14px;font-weight:900}.primary-btn,.join-card button,.copy-toolbar button,.copy-tab.active{color:#fff;background:#0b91cc}.ghost-btn{width:100%;color:#0f7f3a;background:#fff}.copy-tab{color:var(--muted);background:#fff;border:1px solid var(--line)}.view{display:none;margin-top:28px}.view.active{display:grid;gap:22px}.hero-panel,.panel,.info-card,.join-card,.metric-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 12px 30px rgba(12,46,41,.08)}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:30px;border-radius:28px}.hero-panel h2{margin-top:8px}.hero-panel p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8}.server-badges{align-content:center;max-width:260px}.server-badges span,.principle{padding:10px 14px;border-radius:999px;background:var(--gold);color:#21311e;font-weight:900}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two,.split{grid-template-columns:repeat(2,minmax(0,1fr))}.split{display:grid;gap:18px}.panel,.info-card,.join-card,.metric-card{padding:22px;border-radius:22px}.info-card p,.join-card p,.panel p,.check-list,.steps{color:var(--muted);line-height:1.8}.spec-list{display:grid;gap:10px;margin:18px 0 0}.spec-list div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-weight:900}dd{margin:0;font-weight:900}.join-card{display:grid;gap:12px}.address{margin:0;font-size:clamp(26px,4vw,42px);font-weight:900}.metric-card strong{display:block;margin-top:8px;font-size:46px}.metric-card span,.metric-card p{color:var(--muted);font-weight:900}table{width:100%;margin-top:16px;border-collapse:collapse}th,td{padding:13px 0;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);width:48%}td{font-weight:900}.composer{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px}label{display:grid;gap:8px;color:var(--muted);font-weight:900}textarea,select{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);padding:14px;outline:none}textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(17,174,229,.12)}.copy-panel textarea{margin-top:14px;min-height:420px;resize:vertical}#toast{position:fixed;right:22px;bottom:22px;transform:translateY(20px);opacity:0;padding:12px 16px;border-radius:14px;background:var(--ink);color:#fff;font-weight:900;transition:.2s ease;pointer-events:none}#toast.show{transform:translateY(0);opacity:1}@media (max-width:980px){.app-shell,.grid.two,.grid.three,.split,.composer,.hero-panel{grid-template-columns:1fr}.sidebar{position:static;height:auto}.topbar,.section-head,.copy-toolbar{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.app-shell{width:min(100% - 16px,1440px);margin:8px auto;gap:8px}.main,.sidebar{padding:16px;border-radius:22px}.spec-list div{grid-template-columns:1fr}}