*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',sans-serif;background:#f2f5f9;color:#28333e;line-height:1.75}
a{color:#2b6d92;text-decoration:none}a:hover{text-decoration:underline}
.sy8--wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.sy8--header{background:#14293a}
.sy8--topbar{background:#1c3648;color:#9fb7c8;font-size:13px;padding:6px 0}
.sy8--brandbar{background:#14293a;padding:14px 0;border-bottom:1px solid #2a4a63}
.sy8--brandbar .sy8--wrap{display:flex;justify-content:space-between;align-items:center}
.sy8--logo{font-size:22px;font-weight:700;color:#eaf2f8}
.sy8--logo small{display:block;font-size:12px;color:#8fb3cb;font-weight:400}
.sy8--domain{font-size:13px;color:#8fb3cb;border:1px dashed #3c6a8c;padding:4px 10px;border-radius:2px;font-family:Consolas,monospace}
.sy8--nav{background:#2b6d92}
.sy8--nav .sy8--wrap{display:flex;flex-wrap:wrap}
.sy8--nav a{color:#eaf2f8;padding:11px 16px;font-size:15px;display:block}
.sy8--nav a:hover{background:#245f80;text-decoration:none}
.sy8--nav a.sy8--on{background:#1d4e6b;font-weight:700}
.sy8--breadcrumb{background:#ffffff;border-bottom:1px solid #e2e9f0;font-size:13px;color:#7c8a96}
.sy8--breadcrumb .sy8--wrap{padding:8px 20px}
.sy8--breadcrumb a{color:#4d7d9a}
.sy8--hero{background:linear-gradient(160deg,#14293a,#2b6d92);padding:40px 0;text-align:center}
.sy8--hero .sy8--wrap{display:block}
.sy8--hero h1{color:#ffffff;font-size:30px;margin-bottom:12px}
.sy8--hero p{color:#d7e6f0;font-size:15px;max-width:720px;margin:0 auto}
.sy8--meta{color:#9fc3d9;font-size:13px;margin-top:12px}
.sy8--hero-card{display:flex;gap:14px;flex-wrap:wrap;max-width:860px;margin:22px auto 0}
.sy8--hero-card ul{display:flex;gap:14px;flex-wrap:wrap;flex:1}
.sy8--hero-card li{list-style:none;flex:1;min-width:200px;background:#eef4f9;border-left:3px solid #d99a3d;border-radius:4px;padding:8px 14px;font-size:13px;text-align:left}
.sy8--hero-card b{color:#1d4e6b;display:block;font-size:14px}
.sy8--hero-card span{color:#5c6e7c}
.sy8--heroimg{text-align:center;margin:24px auto 0;max-width:1080px;padding:0 20px}
.sy8--heroimg img{width:100%;height:auto;border-radius:6px;border:1px solid #d6e0e9;box-shadow:0 6px 18px rgba(20,41,58,.14)}
.sy8--main{display:block;padding:28px 0 10px}
.sy8--article{background:#ffffff;border-radius:6px;padding:30px 34px;box-shadow:0 2px 10px rgba(20,41,58,.07)}
.sy8--keypoints{background:#eef4f9;border-left:4px solid #2b6d92;border-radius:4px;padding:14px 18px;margin-bottom:22px}
.sy8--keypoints b{color:#1d4e6b;font-size:15px}
.sy8--keypoints ul{margin-top:8px;columns:2}
.sy8--keypoints li{list-style:none;color:#3d5a70;font-size:14px;padding:3px 0}
.sy8--keypoints li:before{content:'▸ ';color:#d99a3d}
.sy8--sec{margin:22px 0}
.sy8--sec h2{font-size:21px;color:#14293a;border-bottom:2px solid #2b6d92;padding-bottom:8px;margin-bottom:12px}
.sy8--sec p{margin:10px 0;font-size:15.5px;text-align:justify}
.sy8--geo{background:#f8f6ef;border:1px solid #e6dcc2;border-radius:6px;padding:16px 18px;margin:24px 0}
.sy8--geo h2{color:#8a6a1f;font-size:17px;margin-bottom:8px;border:0;padding:0}
.sy8--geo p{font-size:14.5px;color:#5c4d24;margin:0}
.sy8--relqa{margin:22px 0;padding-top:6px}
.sy8--relqa h2{font-size:19px;color:#14293a;border-bottom:2px solid #d99a3d;padding-bottom:8px;margin-bottom:12px}
.sy8--relqa h3{font-size:15.5px;color:#2b6d92;margin:12px 0 4px}
.sy8--relqa p{font-size:14.5px;color:#5a6a78;margin:0 0 6px}
.sy8--related{margin:22px 0}
.sy8--related h2{font-size:19px;color:#14293a;border-bottom:2px solid #2b6d92;padding-bottom:8px;margin-bottom:12px}
.sy8--related li{list-style:none;margin:6px 0}
.sy8--related a{display:inline-block;background:#eef4f9;border-radius:4px;padding:5px 14px;font-size:14px}
.sy8--hint{background:#fbf6ea;border:1px dashed #d99a3d;border-radius:6px;padding:12px 16px;font-size:14px;color:#6e5318;margin:18px 0}
.sy8--cardgrid{display:flex;gap:16px;flex-wrap:wrap}
.sy8--card{flex:1;min-width:200px;background:#f8fafc;border:1px solid #e2e9f0;border-top:3px solid #2b6d92;border-radius:6px;padding:16px}
.sy8--card h3{color:#1d4e6b;font-size:16px;margin-bottom:6px}
.sy8--card p{font-size:13.5px;color:#5c6e7c;margin:0}
.sy8--steps{counter-reset:step;list-style:none}
.sy8--steps li{position:relative;padding:8px 0 8px 44px;font-size:15px;color:#33424f}
.sy8--steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:6px;width:30px;height:30px;line-height:30px;text-align:center;background:#2b6d92;color:#fff;border-radius:4px;font-size:14px}
.sy8--sec details{background:#f8fafc;border:1px solid #e2e9f0;border-radius:6px;padding:10px 16px;margin:8px 0}
.sy8--sec summary{color:#1d4e6b;font-weight:700;font-size:15px;cursor:pointer}
.sy8--sec details p{font-size:14.5px;color:#5a6a78;margin-top:6px}
.sy8--tags{display:flex;flex-wrap:wrap;gap:8px}
.sy8--tags a{display:inline-block;background:#eef4f9;border-radius:4px;padding:5px 14px;font-size:13.5px}
.sy8--latest{list-style:none}
.sy8--latest li{padding:8px 0;border-bottom:1px dashed #e2e9f0;font-size:14.5px}
.sy8--latest time{color:#2b6d92;margin-right:10px;font-size:13px}
.sy8--footer{background:#14293a;color:#8fb3cb;margin-top:34px;padding:30px 0 0}
.sy8--footer .sy8--wrap{display:flex;gap:30px;flex-wrap:wrap}
.sy8--footer .sy8--wrap>div{flex:1;min-width:200px}
.sy8--fmain{flex:2 !important;min-width:280px !important}
.sy8--footer h4{color:#eaf2f8;font-size:15px;margin-bottom:10px;border-left:3px solid #d99a3d;padding-left:8px}
.sy8--footer p{font-size:13px;line-height:1.8}
.sy8--footer a{color:#8fb3cb;display:block;font-size:13px;padding:3px 0}
.sy8--footer a:hover{color:#ffffff}
.sy8--fpicks{margin-top:16px}
.sy8--copy{text-align:center;font-size:12.5px;color:#6488a2;border-top:1px solid #2a4a63;margin-top:22px;padding:12px 0}
.sy8--404{min-height:60vh;display:flex;align-items:center;justify-content:center;background:#f2f5f9}
.sy8--404box{text-align:center;background:#fff;border-radius:8px;padding:40px 50px;box-shadow:0 6px 18px rgba(20,41,58,.1)}
.sy8--404box h1{font-size:56px;color:#2b6d92;margin-bottom:10px}
.sy8--404box p{color:#5c6e7c;margin-bottom:18px}
.sy8--404btn{display:inline-block;background:#2b6d92;color:#fff;border-radius:4px;padding:9px 22px}
@media(max-width:760px){.sy8--hero-card ul{flex-direction:column}.sy8--article{padding:20px 16px}.sy8--keypoints ul{columns:1}}