:root{font-family:system-ui,-apple-system,"Noto Sans SC","Microsoft YaHei",sans-serif;color:#182024;background:#f5f7f8;line-height:1.75}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:#135f70;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid #ff3366;outline-offset:3px}
header{background:#0a0a0a;color:#fff;border-bottom:3px solid #ff3366}header nav{max-width:1040px;margin:auto;padding:18px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;font-size:14px;font-weight:700}header nav a{color:#fff}header nav a:first-child{font-size:20px;letter-spacing:.08em;margin-right:auto}header nav a:hover{color:#ff668a;text-decoration:none}
main{max-width:1040px;margin:0 auto;padding:0 24px 80px}article{max-width:900px;margin:0 auto}.hero{padding:76px 0 50px;border-bottom:1px solid #d8e1e5}.tag{font-size:12px;font-weight:800;letter-spacing:.12em;color:#b52054;text-transform:uppercase}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.18;letter-spacing:-.025em;color:#101820;margin:18px 0}.summary{font-size:19px;color:#52606a;max-width:750px;margin:0}
section{margin-top:52px}section h2{font-size:clamp(25px,3vw,32px);line-height:1.3;color:#17232a;margin:0 0 18px}section h3{font-size:19px;line-height:1.4;color:#24333b;margin:27px 0 8px}p{margin:0 0 18px}strong{color:#101820}ul,ol{padding-left:1.5em}li{margin:8px 0}
.answer{background:#e8f2f2;border-left:5px solid #10a5b5;border-radius:0 16px 16px 0;padding:28px 34px}.answer h2{margin-bottom:12px}.answer p:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;border:1px solid #d5dfe3;border-radius:10px;background:#fff;margin:22px 0 28px;font-size:15px}table tr{border-bottom:1px solid #dbe3e6}table tr:last-child{border-bottom:0}table th,table td{text-align:left;vertical-align:top;padding:13px 15px;border:0;min-width:140px}table th{background:#eaf0f2;color:#24333b;font-weight:800}table td:first-child{font-weight:650;color:#24333b}
.related{border-top:1px solid #d4dde0;padding-top:28px}.related ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related li{margin:0}.related a{display:block;background:#fff;border:1px solid #dce4e7;border-radius:12px;padding:15px 18px;font-weight:700}.related a:hover{border-color:#ff668a;text-decoration:none}.guide-back{margin:50px 0 0}.guide-back a{display:inline-block;background:#101820;color:#fff;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:700}.guide-back a:hover{background:#bb2756;text-decoration:none}
footer{background:#0a0a0a;color:#aaa;text-align:center;padding:28px 20px;font-size:13px}footer a{color:#fff}
@media(max-width:640px){header nav{padding:14px 16px;gap:8px 18px}header nav a:first-child{width:100%;font-size:18px}main{padding:0 16px 55px}.hero{padding:50px 0 35px}.summary{font-size:16px}section{margin-top:40px}.answer{padding:22px 20px}.related ul{grid-template-columns:1fr}table{font-size:14px}table th,table td{min-width:125px;padding:11px}}