*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#090909;color:#f7f1ed;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;overflow-x:hidden}
body.drawer-open{overflow:hidden}
a{color:#f1d9d9;text-decoration-color:#b62435;text-underline-offset:4px}
a:hover{color:#fff}
img{max-width:100%}
.site-header{position:sticky;top:0;z-index:9999;background:#10080a;border-bottom:1px solid rgba(205,38,59,.5);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.header-inner{max-width:1160px;height:66px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:16px;justify-content:space-between}
.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{height:36px;width:auto;max-width:150px;object-fit:contain}.brand-text{font-size:20px;font-weight:800;color:#fff}
.main-nav{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.main-nav a{padding:9px 13px;border-radius:999px;color:#eee3df;text-decoration:none;font-weight:700;font-size:15px;white-space:nowrap}.main-nav a:hover,.main-nav a.active{background:#b91932;color:#fff}
.main-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:92px;padding:0 16px;background:#c51f39;color:#fff!important;border:1px solid #e24a60;border-radius:999px;text-decoration:none;font-weight:800}
.main-btn:hover{background:#99152a}
.mobile-top{display:none}
.topic-bar{height:44px;background:#160d0f;border-bottom:1px solid rgba(205,38,59,.24);overflow-x:auto;overflow-y:hidden}.topic-bar-inner{max-width:1160px;height:44px;margin:auto;padding:0 18px;display:flex;align-items:center;gap:20px;white-space:nowrap}.topic-bar a{height:44px;display:inline-flex;align-items:center;color:#ccb9b7;text-decoration:none;font-size:14px;border-bottom:2px solid transparent}.topic-bar a:hover,.topic-bar a.active{color:#fff;border-bottom-color:#d52c46}
.mobile-drawer,.drawer-mask{display:none}
.site-main{min-height:65vh}.container{width:min(1160px,calc(100% - 32px));margin:auto}.reading{width:min(770px,100%);margin-left:auto;margin-right:auto}
.breadcrumb{padding-top:20px;color:#9f8a88;font-size:14px}.breadcrumb a{color:#d8c8c5;text-decoration:none}
.article{padding:26px 0 48px}.article h1{font-size:35px;line-height:1.25;margin:0 0 26px;padding-bottom:15px;position:relative;color:#fff}.article h1:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:#cf233d;border-radius:2px}.article h2{font-size:22px;line-height:1.4;margin:30px 0 12px;color:#fff}.article p{font-size:17px;margin:0 0 16px;color:#f0e8e5}.lead{font-size:18px!important;color:#d7c9c6!important}.small{font-size:14px!important;color:#a99592!important}
.section{margin-top:36px}.box{background:#171113;border:1px solid rgba(205,38,59,.32);border-radius:12px;padding:22px;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.media{position:relative;width:100%;overflow:hidden;border-radius:12px;background:#151112;aspect-ratio:16/9}.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-fallback{position:absolute;inset:0;background:#120e0f}.media-poster{height:192px;aspect-ratio:auto;max-width:980px;margin:auto}.media-wide{height:220px;aspect-ratio:auto}.media-small{height:166px;aspect-ratio:auto}
.hero-copy{width:min(820px,100%);margin:0 auto;text-align:left}.hero-kicker{display:inline-block;margin-bottom:10px;color:#e7bfc4;font-size:13px;letter-spacing:1.5px;text-transform:uppercase}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid .box h2{margin-top:0}.feature-grid .box p{font-size:15px;color:#cab9b6}
.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:start}.two-col.equal{grid-template-columns:1fr 1fr}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.link-stack{display:grid;gap:8px}.link-stack a{display:block;padding:10px 0;border-bottom:1px solid rgba(205,38,59,.24);text-decoration:none;color:#f0dddd}.link-stack a:hover{border-color:#d32b45;color:#fff}
.accent-note{padding:16px 18px;border-left:4px solid #cf233d;background:#140e10;color:#d8c7c4;border-radius:0 10px 10px 0;margin:30px 0}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{padding:7px 12px;border:1px solid rgba(205,38,59,.38);border-radius:999px;text-decoration:none;color:#dbc8c5;font-size:14px}.chips a:hover{border-color:#d62d47;color:#fff}
.steps{display:grid;gap:14px;counter-reset:n}.step{position:relative;padding:16px 18px 16px 58px;background:#171113;border:1px solid rgba(205,38,59,.24);border-radius:10px}.step:before{counter-increment:n;content:counter(n);position:absolute;left:17px;top:17px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#c51f39;color:#fff;font-weight:800;font-size:13px}
.clean{padding-left:22px}.clean li{margin:8px 0;color:#dacdca}.index-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.index-group{background:#171113;border-radius:12px;padding:20px;border-top:3px solid #bf2037}.index-group h2{margin-top:0}.index-group a{display:block;padding:7px 0;text-decoration:none;color:#e8d8d5;border-bottom:1px solid rgba(205,38,59,.2)}
.table-wrap{overflow-x:auto}.compare{width:100%;border-collapse:collapse;background:#171113;border-radius:12px;overflow:hidden}.compare th,.compare td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(205,38,59,.2);vertical-align:top}.compare th{background:#211518;color:#fff}.compare td{color:#d7c7c4}
.notice{padding:18px;border:1px solid rgba(205,38,59,.34);border-radius:12px;background:#130e0f;color:#dfcfcc}
.faq{display:grid;gap:16px}.faq-item{padding:20px;background:#171113;border:1px solid rgba(205,38,59,.26);border-radius:12px}.faq-item h2{margin:0 0 10px;font-size:20px}
.site-footer{background:#060505;border-top:1px solid #c51f39}.footer-grid{max-width:1160px;margin:auto;padding:34px 18px 24px;display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:24px}.footer-brand img{height:36px;width:auto;max-width:150px;object-fit:contain}.footer-grid h2{font-size:15px;margin:0 0 10px;color:#fff}.footer-grid a{display:block;padding:4px 0;text-decoration:none;color:#cdbab7;font-size:14px}.footer-grid p{font-size:14px;color:#b8a7a4}.footer-bottom{max-width:1160px;margin:auto;padding:16px 18px;border-top:1px solid rgba(205,38,59,.24);font-size:13px;color:#9c8986}
.backtop{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#c51f39;color:#fff;text-decoration:none;font-weight:900;z-index:9000}.mobile-bottom{display:none}
@media(max-width:980px){.desktop-brand,.main-nav,.desktop-action,.topic-bar{display:none}.header-inner{height:56px;padding:0 12px}.mobile-top{width:100%;display:grid;grid-template-columns:78px 1fr 78px;align-items:center}.menu-btn{justify-self:start;border:0;background:transparent;color:#efcfd3;font-size:15px;padding:8px 0}.mobile-brand{justify-self:center;display:flex;align-items:center}.mobile-brand img{height:31px;max-width:132px;object-fit:contain}.mobile-login{justify-self:end;color:#fff;text-decoration:none;font-weight:800}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#12090b;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.45);overflow-y:auto}.mobile-drawer.open{transform:translateX(0)}.drawer-mask{display:none;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:11000;opacity:0;pointer-events:none}.drawer-mask.visible{display:block;opacity:1;pointer-events:auto}.drawer-head{height:62px;padding:0 16px;border-bottom:1px solid rgba(205,38,59,.32);display:flex;align-items:center;justify-content:space-between}.drawer-head img{height:31px;max-width:132px;object-fit:contain}.drawer-close{border:0;background:transparent;color:#fff;font-size:24px}.drawer-group{padding:14px 16px 0}.drawer-title{margin:0 0 5px;color:#bc969a;font-size:12px;letter-spacing:1px}.drawer-group a{display:block;padding:8px 10px;color:#f2e6e3;text-decoration:none}.drawer-group a.active{border-left:3px solid #cf233d;background:#1b1113}.article{padding-bottom:88px}.article h1{font-size:28px}.two-col,.two-col.equal,.three-col,.feature-grid,.index-groups{grid-template-columns:1fr}.media-poster{height:128px}.media-wide{height:200px}.media-small{height:160px}.footer-grid{grid-template-columns:1fr 1fr}.backtop{display:none}.mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;height:54px;background:#080606;border-top:1px solid #c51f39;z-index:9500}.mobile-bottom a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#f1e7e4;font-size:13px}.mobile-bottom a.active{background:#1b1113;color:#fff}body{padding-bottom:62px}}
@media(max-width:640px){.container{width:min(100% - 24px,1160px)}.article h1{font-size:27px}.article p{font-size:16px}.box{padding:18px}.footer-grid{grid-template-columns:1fr}.mobile-top{grid-template-columns:70px 1fr 70px}}