*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#3a4148;background:#f5f6f7;line-height:1.85}
a{color:#4a5a6b;text-decoration:none}
a:hover{color:#b08d57}
.y322c-header{background:#fff;border-bottom:3px solid #4a5a6b;position:sticky;top:0;z-index:50}
.y322c-header-in{max-width:1160px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 16px}
.y322c-logo{display:flex;align-items:center;gap:10px}
.y322c-logo-mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:linear-gradient(135deg,#4a5a6b,#2f3943);color:#fff;font-size:24px;font-weight:bold;border-radius:8px}
.y322c-logo-txt{font-weight:bold;font-size:19px;color:#2f3943}
.y322c-logo-sub{font-size:12px;color:#8a9099}
.y322c-nav{display:flex;flex-wrap:wrap;gap:2px}
.y322c-nav a{display:inline-block;padding:7px 11px;font-size:14px;color:#3a4148;border-radius:6px}
.y322c-nav a:hover,.y322c-nav a.on{background:#4a5a6b;color:#fff}
.y322c-breadcrumb{max-width:1160px;margin:10px auto 0;padding:0 16px;font-size:13px;color:#8a9099}
.y322c-breadcrumb a{color:#8a9099}
.y322c-main{max-width:1160px;margin:14px auto 30px;padding:0 16px}
.y322c-hero{background:linear-gradient(120deg,#4a5a6b 0%,#33404d 62%,#2f3943 100%);border-radius:14px;padding:26px 28px;color:#e8ecef;margin-bottom:18px}
.y322c-hero-title{font-size:26px;font-weight:bold;color:#fff;letter-spacing:1px}
.y322c-hero-sub{font-size:14px;color:#c7d0d8;margin:6px 0 14px}
.y322c-style-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.y322c-style-strip a{background:rgba(255,255,255,.12);color:#fff;padding:6px 14px;border-radius:20px;font-size:14px;border:1px solid rgba(255,255,255,.22)}
.y322c-style-strip a:hover{background:#b08d57;border-color:#b08d57}
.y322c-mat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.y322c-mat-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px 14px}
.y322c-mat-card b{display:block;color:#f0c98a;font-size:15px}
.y322c-mat-card span{font-size:13px;color:#c7d0d8}
.y322c-faq-teaser{background:rgba(255,255,255,.07);border-radius:10px;padding:10px 14px;font-size:13.5px}
.y322c-faq-teaser a{color:#f0c98a}
.y322c-section{background:#fff;border:1px solid #e3e6e9;border-radius:12px;padding:22px 26px;margin-bottom:16px}
.y322c-h2{font-size:20px;color:#2f3943;border-left:5px solid #b08d57;padding-left:12px;margin-bottom:14px}
.y322c-steps{display:grid;gap:10px}
.y322c-step{display:flex;align-items:flex-start;gap:12px;background:#f8f9fa;border-radius:8px;padding:12px 14px}
.y322c-step-num{flex:0 0 30px;height:30px;background:#4a5a6b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold}
.y322c-qa{background:#fff;border:1px solid #e3e6e9;border-radius:12px;padding:20px 26px;margin-bottom:16px}
.y322c-qa-item{margin-bottom:14px}
.y322c-qa-item b{display:block;color:#4a5a6b;font-size:15px;margin-bottom:4px}
.y322c-qa-item p{font-size:14.5px;color:#55606b}
.y322c-artlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}
.y322c-artitem{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:11px 14px}
.y322c-artitem a.t{font-size:15px;font-weight:bold;color:#3a4148}
.y322c-artitem span{display:block;font-size:12.5px;color:#8a9099;margin-top:3px}
.y322c-article{background:#fff;border:1px solid #e3e6e9;border-radius:12px;padding:28px 30px;margin-bottom:16px}
.y322c-article h1{font-size:24px;color:#2f3943;line-height:1.5;margin-bottom:8px}
.y322c-meta{font-size:13px;color:#8a9099;margin-bottom:14px}
.y322c-article img.cover{max-width:100%;height:auto;border-radius:10px;margin-bottom:16px}
.y322c-keypoints{background:#fbf6ee;border:1px solid #ecdcc3;border-radius:10px;padding:14px 18px;margin:14px 0 18px}
.y322c-keypoints b{color:#8a6f4d;font-size:15px;display:block;margin-bottom:6px}
.y322c-keypoints li{margin-left:20px;font-size:14.5px;color:#55606b}
.y322c-article h2{font-size:18.5px;color:#2f3943;margin:20px 0 10px;padding-left:10px;border-left:4px solid #4a5a6b}
.y322c-article p{margin-bottom:12px;font-size:15px;text-align:justify}
.y322c-conclusion{background:#eef2f5;border-left:5px solid #4a5a6b;border-radius:8px;padding:13px 16px;font-size:14.5px;color:#3a4148;margin-top:18px}
.y322c-rel{background:#fff;border:1px solid #e3e6e9;border-radius:12px;padding:18px 26px;margin-bottom:16px}
.y322c-rel a{display:inline-block;margin:4px 12px 4px 0;font-size:14.5px;border-bottom:1px dashed #c3c9cf}
.y322c-footer{background:#2f3943;color:#c7d0d8;margin-top:26px}
.y322c-searchtip{max-width:1160px;margin:0 auto;padding:12px 16px;font-size:13px;color:#9fb0bd;border-bottom:1px solid #3d4a56}
.y322c-footer-cols{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding:24px 16px}
.y322c-footer-col h3{color:#f0c98a;font-size:16px;margin-bottom:10px}
.y322c-footer-col p{font-size:13.5px;color:#a8b5c0;margin-bottom:8px}
.y322c-footer-col li{list-style:none;margin-bottom:6px}
.y322c-footer-col a{color:#c7d0d8;font-size:13.5px}
.y322c-footer-col a:hover{color:#f0c98a}
.y322c-footer-bar{max-width:1160px;margin:0 auto;padding:12px 16px 18px;font-size:12.5px;color:#7f8d99;border-top:1px solid #3d4a56}
@media(max-width:760px){.y322c-nav a{padding:6px 8px;font-size:13px}.y322c-article{padding:18px 16px}.y322c-footer-cols{grid-template-columns:1fr}}