/*
Theme Name: XM 中文网主题
Theme URI: https://xmbqsc.com
Description: XM 中国站风格 - 精确复刻 xmunit.com
Version: 7.0
Author: XMBQSC
*/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;scroll-behavior:smooth}
body{font-family:'PingFang SC','Microsoft YaHei','Noto Sans SC','Inter',-apple-system,sans-serif;color:#1f242f;line-height:1.5;background:#fff}
a{text-decoration:none;transition:all .2s}
ul{list-style:none}
img{max-width:100%;height:auto}

/* ===== HEADER (固定导航, xmunit 风格) ===== */
.site-header{background:#0c111d;position:fixed;top:0;left:0;right:0;z-index:1000}
.hdr{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1285px;margin:0 auto;padding:0 24px}
.hdr .logo a{color:#e8edf5!important;font-size:28px;font-weight:900;letter-spacing:-1px}
.hdr .nav{display:flex;align-items:center;gap:2px}
.hdr .nav ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.hdr .nav li{margin:0;padding:0;border:none}
.hdr .nav a{color:rgba(255,255,255,.7)!important;font-size:14px;font-weight:500;padding:10px 14px;border-radius:8px;display:block}
.hdr .nav a:hover{color:#fff!important;background:rgba(255,255,255,.06)}
.hdr .nav .current-menu-item a,.hdr .nav .current_page_item a{color:#fff!important}
.hdr .cta-btn{background:#1570ef;color:#fff!important;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;display:inline-block;transition:all .2s}
.hdr .cta-btn:hover{background:#175cd3}
.mobile-toggle{display:none;background:0 0;border:none;color:#fff;font-size:26px;cursor:pointer}

/* ===== HERO ===== */
.hero-wrap{background:#0c111d;padding-top:72px}
.hero-inner{max-width:1285px;margin:0 auto;padding:100px 24px 0;text-align:center;position:relative}
.hero-tag{color:#2e90fa;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:16px}
.hero-title{font-size:clamp(40px,6vw,68px);font-weight:800;color:#fff;line-height:1.08;letter-spacing:-1.5px;margin-bottom:8px}
.hero-title .grad{background:linear-gradient(135deg,#2e90fa,#84caff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:18px;color:rgba(255,255,255,.55);max-width:550px;margin:0 auto 36px}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}
.hero-actions .primary{display:inline-flex;align-items:center;gap:8px;background:#1570ef;color:#fff!important;padding:14px 32px;border-radius:10px;font-weight:600;font-size:16px;box-shadow:0 4px 10px -2px rgba(16,24,40,.1);transition:all .2s;border:none}
.hero-actions .primary:hover{background:#175cd3;transform:translateY(-1px)}
.hero-actions .secondary{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);color:#fff!important;padding:14px 32px;border-radius:10px;font-weight:600;font-size:16px;border:1px solid rgba(255,255,255,.12)}
.hero-actions .secondary:hover{background:rgba(255,255,255,.14)}
.hero-note{font-size:13px;color:rgba(255,255,255,.35);margin-bottom:40px}

/* ===== QUOTE CARDS ===== */
.hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-bottom:0}
.hero-card{background:linear-gradient(262deg,rgba(28,38,59,.8) 5%,rgba(18,26,46,.8) 86%);border-radius:14px;padding:16px 20px;display:flex;align-items:center;gap:12px;border:1px solid transparent;text-align:left}
.hero-card .sym{font-size:15px;font-weight:700;color:#e8edf5}
.hero-card .desc{font-size:11px;color:rgba(255,255,255,.45)}
.hero-card .val{font-size:16px;font-weight:700;color:#17b26a;margin-left:auto;text-align:right}
.hero-card .chg{font-size:11px;color:#17b26a;display:block;text-align:right}

/* ===== BRAND STRIP ===== */
.brand-strip{background:#f2f4f7;padding:40px 0}
.brand-strip .wrap{max-width:1285px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}
.brand-strip .item{font-size:12px;color:#667085;font-weight:500;display:flex;align-items:center;gap:6px}

/* ===== SECTION ===== */
.sec{padding:80px 0}
.sec.white{background:#fff}
.sec.gray{background:#f2f4f7}
.sec .wrap{max-width:1285px;margin:0 auto;padding:0 24px}
.sec-title{font-size:clamp(28px,4vw,42px);font-weight:800;color:#101828;text-align:center;margin-bottom:6px;letter-spacing:-.5px}
.sec-sub{font-size:16px;color:#667085;text-align:center;max-width:600px;margin:0 auto 50px}
.sec.dark{background:radial-gradient(111% 27% at 50% 27%,#172543 0%,#000 100%);color:#fff;border-radius:40px 40px 0 0}
@media(min-width:768px){.sec.dark{border-radius:60px 60px 0 0}}
@media(min-width:1024px){.sec.dark{border-radius:80px 80px 0 0}}
.sec.dark .sec-title{color:#fff}
.sec.dark .sec-sub{color:rgba(255,255,255,.5)}

/* ===== DATA CARDS ===== */
.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.data-card{background:linear-gradient(114deg,#0c111d,#14264c);border-radius:24px;padding:50px 30px;text-align:center;overflow:hidden;position:relative;transition:all .4s}
.data-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px -4px rgba(16,24,40,.08)}
.data-card .num{font-size:56px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px}
.data-card .num .hl{color:#2e90fa}
.data-card .lbl{font-size:14px;color:rgba(255,255,255,.5)}

/* ===== GRIDS ===== */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* ===== WHITE CARDS ===== */
.card{background:#fff;border-radius:24px;padding:40px 24px;text-align:center;border:1px solid #eaecf0;transition:all .3s}
.card:hover{box-shadow:0 12px 26px -4px rgba(16,24,40,.08);transform:translateY(-2px)}
.card .ic{font-size:44px;margin-bottom:14px;display:block}
.card h3{font-size:18px;font-weight:700;color:#101828;margin-bottom:8px}
.card p{font-size:13px;color:#667085;line-height:1.7}
.card .tag{display:inline-block;background:#eff8ff;color:#1570ef;font-weight:600;font-size:12px;padding:4px 16px;border-radius:16px;margin-top:14px}

/* ===== ACCOUNT CARDS ===== */
.acct-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.acct-card{background:#fff;border-radius:24px;padding:40px 24px;text-align:center;border:1px solid #eaecf0;position:relative;transition:all .3s}
.acct-card:hover{box-shadow:0 12px 26px -4px rgba(16,24,40,.08)}
.acct-card.featured{border:2px solid #1570ef;transform:scale(1.02)}
.acct-card .badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#1570ef;color:#fff;font-size:11px;font-weight:700;padding:4px 22px;border-radius:20px;white-space:nowrap}
.acct-card h3{font-size:20px;font-weight:700;color:#101828;margin-bottom:2px}
.acct-card .spv{font-size:34px;font-weight:800;color:#101828;margin-top:10px}
.acct-card .spl{font-size:12px;color:#667085;margin-bottom:16px}
.acct-card ul li{padding:10px 0;border-bottom:1px solid #f2f4f7;font-size:14px;color:#475467}
.acct-card ul li:last-child{border-bottom:none}
.acct-card .btn-blue{display:inline-block;background:#1570ef;color:#fff!important;padding:12px 36px;border-radius:10px;font-weight:600;font-size:15px;margin-top:18px;transition:all .2s;border:none}
.acct-card .btn-blue:hover{background:#175cd3}
.pbtn{display:inline-block;background:transparent;color:#1570ef!important;border:2px solid #1570ef;padding:10px 28px;border-radius:10px;font-weight:600;font-size:14px;margin-top:14px;transition:all .2s}
.pbtn:hover{background:#1570ef;color:#fff!important}

/* ===== DARK CARD ===== */
.card-dark{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 24px;text-align:center}
.card-dark .ic{font-size:44px;margin-bottom:14px}
.card-dark h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}
.card-dark p{font-size:13px;color:rgba(255,255,255,.5)}

/* ===== AWARDS ===== */
.aflex{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.abadge{display:flex;align-items:center;gap:8px;background:#eff8ff;border:1px solid #d1e9ff;border-radius:12px;padding:10px 18px}
.abadge .txt{font-size:11px;color:#175cd3;font-weight:500}

/* ===== CTA ===== */
.cta-sec{background:#0c111d;padding:100px 24px;text-align:center;border-radius:40px 40px 0 0}
@media(min-width:768px){.cta-sec{border-radius:60px 60px 0 0}}
.cta-sec .wrap{max-width:600px;margin:0 auto}
.cta-sec h2{font-size:clamp(28px,4vw,42px);font-weight:800;color:#fff;margin-bottom:10px}
.cta-sec p{color:rgba(255,255,255,.5);font-size:16px;margin-bottom:30px}
.cta-sec .btn{display:inline-flex;align-items:center;gap:8px;background:#1570ef;color:#fff!important;padding:16px 48px;border-radius:10px;font-weight:600;font-size:18px;box-shadow:0 12px 26px -4px rgba(16,24,40,.08);border:none;transition:all .2s}
.cta-sec .btn:hover{background:#175cd3}

/* ===== FOOTER (xmunit 风格) ===== */
.site-footer{background:#0c111d;color:rgba(255,255,255,.5);padding-top:60px}
.site-footer .wrap{max-width:1285px;margin:0 auto;padding:0 24px}
.site-footer .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.06)}
.site-footer .col h4{color:#d0d5dd;font-size:14px;margin-bottom:18px;font-weight:600}
.site-footer .col a{color:rgba(255,255,255,.5)!important;font-size:13px;line-height:2.4;display:block;transition:all .2s}
.site-footer .col a:hover{color:#fff!important}
.site-footer .bottom{padding:30px 0}
.site-footer .risk{font-size:11px;line-height:1.8;margin-bottom:15px;padding:18px;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid rgba(255,255,255,.04)}
.site-footer .copy{text-align:center;font-size:12px;color:rgba(255,255,255,.35);padding-bottom:20px}

/* ===== PAGE ===== */
.page-content{max-width:1285px;margin:72px auto 0;padding:50px 24px;min-height:400px}
.page-content .entry-content{line-height:1.8;color:#475467;font-size:15px}
.page-content .entry-content h2{color:#101828;margin:30px 0 15px;font-size:24px}
.page-content .entry-content p{margin-bottom:15px}
.page-title{font-size:32px;color:#101828;margin-bottom:30px;padding-bottom:15px;border-bottom:3px solid #1570ef}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
    .hero-cards,.data-grid,.acct-grid,.g3{grid-template-columns:1fr 1fr}
    .g4{grid-template-columns:1fr 1fr}
    .site-footer .grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
    .hero-title{font-size:36px}
    .hero-cards,.data-grid,.acct-grid,.g3,.g4{grid-template-columns:1fr}
    .acct-card.featured{transform:none}
    .sec{padding:50px 0}
    .hdr .nav{display:none}
    .mobile-toggle{display:block}
    .site-footer .grid{grid-template-columns:1fr}
}
/* ===== SUB PAGE STYLES ===== */
.page-content .entry-content h3{color:#101828;margin:25px 0 10px;font-size:20px;font-weight:600}
.page-content .entry-content h4{color:#344054;margin:18px 0 8px;font-size:17px;font-weight:600}
.page-content .entry-content ul,.page-content .entry-content ol{margin:0 0 20px 20px;padding:0}
.page-content .entry-content li{margin-bottom:8px;line-height:1.7}
.page-content .entry-content blockquote{border-left:4px solid #1570ef;padding:15px 20px;margin:20px 0;background:#f9fafb;border-radius:0 8px 8px 0;color:#344054;font-style:italic}
.page-content .entry-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.page-content .entry-content table td,.page-content .entry-content table th{border:1px solid #e4e7ec;padding:10px 14px;text-align:left}
.page-content .entry-content table th{background:#f9fafb;font-weight:600;color:#101828}
.page-content .entry-content table tr:nth-child(even){background:#f9fafb}
.page-content .entry-content a{color:#1570ef;text-decoration:underline}
.page-content .entry-content a:hover{color:#175cd3}
.page-content .entry-content strong{color:#101828}
.page-content .entry-content .cta-box{background:linear-gradient(135deg,#0c111d,#14264c);color:#fff;padding:30px;border-radius:12px;margin:30px 0;text-align:center}
.page-content .entry-content .cta-box a{color:#fff;background:#1570ef;padding:12px 30px;border-radius:8px;display:inline-block;text-decoration:none;font-weight:600;margin-top:10px}
.page-content .entry-content .cta-box a:hover{background:#175cd3}
.page-content .entry-content .highlight{padding:18px 20px;background:#f0f5ff;border-radius:10px;border:1px solid #d1e9ff;margin:20px 0}
.page-content .entry-content .highlight strong{color:#175cd3}
.page-content .entry-content .tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}
.page-content .entry-content .tag-list span{background:#f2f4f7;color:#344054;padding:4px 12px;border-radius:20px;font-size:13px}
.page-content .entry-content .cols-2{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:20px 0}
@media(max-width:600px){.page-content .entry-content .cols-2{grid-template-columns:1fr}}