:root{--navy:#0B1324;--navy2:#17233A;--paper:#F4F6F8;--white:#fff;--lime:#B7E34A;--orange:#F06445;--blue:#3769E8;--text:#1C2430;--muted:#5D6675;--line:#D8DEE8;--new:#177F67;--hot:#B43D36;--wait:#9A6518}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:8px;z-index:9;background:#fff;padding:8px}.site-header{height:68px;background:var(--navy);color:#fff}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:#fff}.seal{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--lime);color:var(--lime);font-weight:800;line-height:1.1}.brand b{display:block;font-size:17px}.brand small{display:block;color:#c8d0df;font-size:12px}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:4px}.nav-list a{display:block;padding:10px 13px;color:#e9eef8;border-radius:4px}.nav-list a[aria-current=page],.nav-list a:hover{background:#263655;color:var(--lime);text-decoration:none}.nav-toggle{display:none;background:transparent;border:1px solid #8fa0ba;color:#fff;padding:9px;border-radius:4px}.hero{background:linear-gradient(125deg,var(--navy),var(--navy2));color:#fff;padding:48px 0 36px;border-bottom:4px solid var(--lime)}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px;align-items:end}.hero h1{font-size:46px;line-height:1.22;margin:0 0 14px}.lead{font-size:18px;max-width:780px;color:#dce5f3}.hero-panel{border-left:1px solid #5270a5;padding-left:22px}.hero-panel b{display:block;color:var(--lime);font-size:30px}.actions,.inline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-block;min-height:44px;padding:9px 17px;border-radius:4px;font-weight:700}.btn-primary{background:var(--orange);color:#fff}.btn-alt{background:var(--lime);color:#132037}.section{padding:42px 0}.section.white,.article,.server-table,.faq,.version-card{background:#fff;border:1px solid var(--line);border-radius:8px}.section-head{display:flex;gap:20px;justify-content:space-between;align-items:end;margin-bottom:18px}.section h2{font-size:29px;line-height:1.35;margin:0 0 14px}.section h3{font-size:20px;line-height:1.4;margin:24px 0 8px}.section p{margin:0 0 15px}.prose{max-width:900px}.server-layout{display:grid;grid-template-columns:3fr 1fr;gap:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}.server-table{border:0;border-radius:0;width:100%;border-collapse:collapse;min-width:780px}.server-table th{background:#eaf0f8;text-align:left;color:#22314a}.server-table th,.server-table td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}.server-table small{display:block;color:var(--muted);margin-top:3px}.time{font-variant-numeric:tabular-nums;font-weight:700;color:var(--orange);white-space:nowrap}.tag{display:inline-block;border-radius:20px;padding:2px 9px;font-size:13px;font-weight:700;background:#edf1f7}.status-new{color:var(--new);background:#e6f4ef}.status-hot{color:var(--hot);background:#faebea}.status-wait{color:var(--wait);background:#fbf3e4}.side-note{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.side-note ul{padding-left:20px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);border-top:4px solid var(--lime);padding:20px;border-radius:8px}.card h3{margin-top:0}.battle{background:var(--navy);color:#e5edf8}.battle .container{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.battle h3{color:var(--lime)}.filter-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.filter-tag{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:20px;color:#314360;background:#fff}.filter-tag.active{background:var(--navy);color:var(--lime);border-color:var(--navy)}.faq{padding:0}.faq-item{border-bottom:1px solid var(--line)}.faq-item:last-child{border:0}.faq-q{width:100%;min-height:50px;background:#fff;border:0;text-align:left;padding:13px 18px;font:inherit;font-weight:700;cursor:pointer}.faq-q::after{content:'＋';float:right}.faq-item.open .faq-q::after{content:'－'}.faq-a{overflow:hidden;max-height:0;padding:0 18px;transition:max-height .2s ease}.faq-item.open .faq-a{padding-bottom:12px}.site-footer{background:var(--navy);color:#cbd5e4;padding:32px 0;margin-top:30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer h3{color:#fff}.site-footer ul{padding:0;list-style:none}.site-footer a{color:#d7e4ff}.footer-bottom{border-top:1px solid #33425d;padding-top:18px;margin-top:18px;font-size:14px}.article{padding:28px}.checklist{padding-left:22px}.focusable:focus,.btn:focus,a:focus,button:focus{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:760px){.container{width:min(100% - 28px,1180px)}.site-header{height:auto;min-height:68px}.nav{min-height:68px;position:relative}.nav-toggle{display:block}.nav-list{display:none;position:absolute;right:0;top:63px;width:220px;background:var(--navy2);padding:8px;z-index:5;box-shadow:0 8px 20px #0007}.nav-list.open{display:block}.hero{padding:31px 0 26px}.hero-grid,.server-layout,.cards,.cards.three,.battle .container,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.lead{font-size:16px}.hero-panel{border-left:0;border-top:1px solid #5270a5;padding:14px 0 0}.section{padding:30px 0}.section h2{font-size:25px}.section-head{display:block}.server-table{min-width:0}.server-table thead{display:none}.server-table,.server-table tbody,.server-table tr,.server-table td{display:block;width:100%}.server-table tr{padding:10px 12px;border-bottom:1px solid var(--line)}.server-table td{border:0;padding:3px 0}.server-table td::before{content:attr(data-label)'：';font-weight:700;color:#526078}.server-table td:first-child::before{content:''}.server-table td:first-child{font-size:18px}.table-wrap{overflow:visible}.actions .btn{width:100%;text-align:center}.filter-tags{gap:6px}.filter-tag{padding:7px 10px}.faq-q{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq-a{transition:none}}
