:root{--mb-ink:#0b2240;--mb-soft:#33465f;--mb-bg:#e9f3ff;--mb-panel:#ffffff;--mb-tile:#f5faff;--mb-rim:#cbe0fa;--mb-violet:#1a7cec;--mb-lilac:#0567d6;--mb-deep:#0257bd} *{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:92px} body{margin:0;background:var(--mb-bg);color:var(--mb-ink);font:16px/1.62 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden} a{color:var(--mb-lilac)} img{max-width:100%;height:auto} h1,h2,h3{line-height:1.22;font-weight:800} .mb-top{position:sticky;top:0;z-index:40;background:#0567d6;border-bottom:1px solid #0257bd;box-shadow:0 4px 14px #0567d640} .mb-top-row{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:8px 22px;min-height:68px} .mb-logo{flex:none;display:block} .mb-logo img{display:block;height:48px;width:auto} .mb-nav{flex:1;min-width:0} .mb-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 2px} .mb-nav a{display:block;padding:5px 8px;border-radius:8px;color:#e5f1ff;text-decoration:none;font-size:13.5px;font-weight:600;white-space:nowrap} .mb-nav a:hover{background:#ffffff22;color:#fff} .mb-btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:10px 32px;border-radius:999px; background:linear-gradient(180deg,#ff548a 0,#d8094a 100%);border:0;color:#fff;font-weight:800;font-size:16px;text-decoration:none;box-shadow:0 6px 16px #d8094a40} .mb-btn:hover{filter:brightness(1.08)} .mb-top-cta{flex:none;display:flex} .mb-top-btn{min-height:40px;padding:8px 22px;font-size:15px} .mb-menu,.mb-dock{display:none} .mb-main{max-width:1240px;margin:0 auto;padding:22px 22px 44px} .mb-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:center;padding:34px 40px;border:1px solid var(--mb-rim);border-radius:20px; background:linear-gradient(135deg,#0567d6 0,#1a7cec 60%,#2f8ef6 100%);color:#fff} .mb-hero h1{font-size:42px;margin:0 0 14px} .mb-hero-copy p{color:#e5f1ff;font-size:17.5px;margin:0 0 16px} .mb-hero-art{position:relative;display:flex;justify-content:center} .mb-hero-pic img{display:block;width:420px;max-width:100%;border-radius:14px} .mb-hero h1{color:#fff} .mb-act{margin:18px 0 0;text-align:center} .mb-act-hero{text-align:left;margin-top:6px} .mb-block{margin-top:22px;border:1px solid var(--mb-rim);border-radius:20px;background:var(--mb-panel);scroll-margin-top:92px;padding:0 0 26px} .mb-block-head{padding:20px 30px 8px;border-bottom:1px solid var(--mb-rim);margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px} .mb-block-head h2{margin:0 0 8px;font-size:26px} .mb-head-art{flex:none;display:block} .mb-head-art img{display:block;height:110px;width:auto;border-radius:12px} .mb-block-body{padding:0 30px} .mb-block .mb-act{padding:0 30px} .mb-lead{color:var(--mb-soft);margin:0 0 14px} .mb-block-body>ul,.mb-block-body>ol{color:var(--mb-soft)} .mb-tiles{display:flex;flex-direction:column;gap:14px} .mb-row{display:grid;gap:14px} .mb-row-2{grid-template-columns:repeat(2,minmax(0,1fr))} .mb-row-3{grid-template-columns:repeat(3,minmax(0,1fr))} .mb-tile{background:var(--mb-tile);border:1px solid var(--mb-rim);border-radius:14px;padding:15px 18px;min-width:0} .mb-tile h3{margin:0 0 8px;font-size:18px;color:var(--mb-lilac)} .mb-tile p,.mb-tile li{color:var(--mb-soft);font-size:15px} .mb-tile p{margin:0 0 9px} .mb-tile p:last-child{margin-bottom:0} .mb-tile ul,.mb-tile ol{margin:0 0 9px;padding-left:20px} .mb-tile strong,.mb-lead strong{color:var(--mb-ink)} .mb-tbl{width:100%;margin:6px 0 10px} .mb-tbl table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px} .mb-tbl th,.mb-tbl td{border:1px solid var(--mb-rim);padding:7px 10px;text-align:left;vertical-align:top;overflow-wrap:anywhere} .mb-tbl th{background:#e5f1ff;color:var(--mb-ink)} .mb-tbl td{color:var(--mb-soft);background:#fff} .mb-covers{list-style:none;margin:4px 0 18px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px} .mb-cover{margin:0;background:var(--mb-tile);border:1px solid var(--mb-rim);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:12px 10px 10px} .mb-cover picture{display:block} .mb-cover img{display:block;width:138px;height:207px;object-fit:contain;border-radius:10px} .mb-cover-name{display:block;text-align:center;padding:8px 4px 0;font-size:14.5px;font-weight:700;line-height:1.35;color:var(--mb-ink)} .mb-foot{margin-top:10px;border-top:1px solid #0257bd;background:#0567d6;padding:26px 20px 34px} .mb-foot-in{max-width:900px;margin:0 auto;text-align:center;color:#e5f1ff} .mb-foot-links{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px} .mb-foot-links a{color:#fff;text-decoration:none;font-size:14px} .mb-foot-links a:hover{color:#ffd0e0} .mb-rg{margin:0;font-size:13px} .mb-age{display:inline-block;margin-right:6px;padding:0 6px;border:1px solid #fff;border-radius:5px;color:#fff;font-weight:700} .mb-copy{margin:8px 0 0;font-size:12px} .mb-doc{max-width:900px;margin:22px auto 40px;background:var(--mb-panel);border:1px solid var(--mb-rim);border-radius:20px;padding:24px 34px 32px} .mb-doc h1{font-size:32px;margin:6px 0 18px} .mb-doc h2{font-size:20px;margin:24px 0 8px;color:var(--mb-lilac)} .mb-doc p,.mb-doc ul,.mb-doc ol{color:var(--mb-soft)} .mb-crumbs{font-size:13px;color:var(--mb-soft)} .mb-crumbs a{color:var(--mb-soft)} @media(max-width:1180px){.mb-nav a{font-size:12.5px;padding:5px 5px}.mb-covers{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:900px){ html{scroll-padding-top:0} .mb-block{scroll-margin-top:64px} .mb-top-row{min-height:58px;padding:6px 14px;gap:10px;justify-content:space-between} .mb-logo img{height:40px} .mb-menu{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:76px;height:40px;padding:0 14px;border:1px solid #fff;border-radius:999px;background:transparent;color:#fff;font:700 16px/1 system-ui,-apple-system,Arial,sans-serif;cursor:pointer;flex:none} .mb-open .mb-menu{background:var(--mb-deep)} .mb-nav{display:none;position:fixed;left:0;right:0;top:59px;max-height:calc(100vh - 59px);overflow-y:auto;background:#0567d6;border-bottom:1px solid var(--mb-rim);padding:6px 12px 14px} .mb-open .mb-nav{display:block} .mb-nav ul{flex-direction:column;flex-wrap:nowrap;gap:0} .mb-nav a{font-size:16px;padding:12px 10px;border-bottom:1px solid #ffffff22;border-radius:0;color:#fff} .mb-main{padding:14px 14px 30px} .mb-hero{grid-template-columns:1fr;gap:10px;padding:22px 18px} .mb-hero h1{font-size:30px} .mb-hero-pic img{width:100%} .mb-block-head{padding:14px 16px 6px} .mb-block-head h2{font-size:22px} .mb-head-art img{height:64px} .mb-block-body,.mb-block .mb-act{padding:0 16px} .mb-row-2,.mb-row-3{grid-template-columns:1fr} .mb-covers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .mb-cover img{width:128px;height:192px} .mb-cover-name{font-size:13px;padding:7px 6px 9px} .mb-tbl table{table-layout:auto;font-size:13px} .mb-doc{margin:14px;padding:18px 16px 24px} .mb-doc h1{font-size:26px} } @media(max-width:768px){.mb-top-cta{display:none} .mb-dock{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;padding:10px 14px;background:#0567d6f2;border-top:1px solid #0257bd} .mb-dock .mb-btn{flex:1;min-height:44px} body{padding-bottom:72px}} @media(max-width:560px){ .mb-head-art img{height:56px} .mb-tbl thead{display:none} .mb-tbl tr{display:block;border:1px solid var(--mb-rim);border-radius:8px;margin:0 0 8px;overflow:hidden} .mb-tbl td{display:flex;justify-content:space-between;gap:10px;border:0;border-bottom:1px solid var(--mb-rim)} .mb-tbl td::before{content:attr(data-label);font-weight:700;color:var(--mb-ink)}} .mb-tbl-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px} @media(max-width:560px){.mb-tbl-pair{grid-template-columns:1fr}.mb-tbl-pair .mb-tbl+.mb-tbl{margin-top:0}} .mb-covers-live{grid-template-columns:repeat(4,minmax(0,1fr))} .mb-block{box-shadow:0 2px 10px #0d1b4f0d} .mb-btn-ghost{background:transparent;border:1px solid currentColor;box-shadow:none} .mb-top-cta{gap:10px} .mb-dock{gap:10px} .mb-dock .mb-btn{flex:1 1 0;min-width:0;margin:0}