:root{--blue:#3f8fe5;--deep:#2875c7;--pale:#eaf4ff;--bg:#fff;--light:#f4f7fb;--soft:#eef3f9;--title:#1f2d3d;--text:#34495e;--muted:#6f7f90;--note:#8c99a8;--border:#d8e4f0;--line:#e5edf5;--shadow:0 12px 32px rgba(43,97,153,.10);--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:#2f83d8}button,a{touch-action:manipulation}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#1f2d3d;padding:10px 14px;z-index:10001}.skip-link:focus{left:12px}.container{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;width:100%;z-index:9999;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 6px 20px rgba(43,97,153,.08)}.header-inner{max-width:1240px;min-height:70px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-logo{display:inline-flex;align-items:center;flex:0 0 auto}.site-logo img{display:block;max-height:44px;width:auto}.nav-core{display:flex;align-items:center;gap:4px;white-space:nowrap}.nav-core a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:14px}.nav-core a:hover,.nav-core a.active{color:var(--deep);background:var(--pale)}.header-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.main-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;color:#fff;background:var(--blue);border-radius:8px;text-decoration:none;font-weight:700;box-shadow:0 10px 24px rgba(63,143,229,.22);position:relative;z-index:2;pointer-events:auto}.main-btn:hover{background:#2f7fd3;transform:translateY(-1px)}.main-btn:focus-visible,.text-btn:focus-visible,.text-link:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #1d6db7;outline-offset:3px}.menu-btn{width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:9px;display:grid;place-content:center;gap:5px;cursor:pointer;z-index:3}.menu-btn span{display:block;width:20px;height:2px;background:#2b4055}.drawer-mask{position:fixed;inset:0;background:rgba(31,45,61,.36);z-index:10000;opacity:0;transition:opacity .18s}.drawer-mask.show{opacity:1}.drawer{position:fixed;right:0;top:0;height:100dvh;width:min(390px,88vw);background:#fff;z-index:10001;box-shadow:-18px 0 48px rgba(31,45,61,.18);padding:20px;transform:translateX(105%);transition:transform .22s ease;overflow-y:auto}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line)}.drawer-close{width:44px;height:44px;border:1px solid var(--border);border-radius:9px;background:#fff;font-size:27px;line-height:1;cursor:pointer;color:#34495e}.drawer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.drawer-nav a{color:#34495e;text-decoration:none;padding:10px 11px;border-radius:8px;background:#f8fbfe;border:1px solid #eef3f9}.drawer-nav a:hover{color:var(--deep);border-color:#bcd7ef}.drawer-download{width:100%}
.hero{padding:82px 0 54px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;top:-140px;background:#eaf4ff;z-index:0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px;position:relative;z-index:1}.eyebrow,.tag,.notice-meta{display:inline-flex;align-items:center;color:var(--deep);background:var(--pale);border:1px solid #d5e9fb;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(40px,5vw,64px);line-height:1.14;margin:14px 0 12px;color:var(--title);letter-spacing:-1px}.hero-subtitle{font-size:22px;line-height:1.5;color:#315b84;margin:0 0 16px}.hero-copy{font-size:16px;color:#60758b;max-width:700px}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:24px}.text-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid #bad7ef;border-radius:8px;color:#2875c7;text-decoration:none;background:#fff;font-weight:700}.text-btn:hover{background:#eaf4ff}.hero-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}.hero-links a{text-decoration:none;font-size:14px}.hero-visual{display:flex;justify-content:center;align-items:center;min-height:440px}.hero-visual img{max-width:100%;max-height:520px;object-fit:contain;display:block}.trust-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:54px;position:relative;z-index:1}.trust-item{padding:16px 18px;background:#fff;border:1px solid var(--border);border-radius:10px}.trust-item strong{display:block;color:var(--title);font-size:15px}.trust-item span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.section{padding:78px 0}.section-light{background:var(--light)}.section-soft{background:var(--soft)}.section-title{margin:0;color:var(--title);font-size:clamp(28px,3.2vw,40px);line-height:1.25}.section-lead{max-width:760px;color:var(--muted);margin:14px 0 32px}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.info-card,.category-card,.review-card,.faq-card,.article-card,.notice-card,.content-card{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px rgba(43,97,153,.06)}.info-card{padding:24px}.info-card h3,.category-card h3,.article-card h2,.article-card h3,.content-card h2,.content-card h3{margin-top:0;color:var(--title)}.info-card p,.category-card p,.review-card p,.notice-card p{margin-bottom:0;color:#64778a}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.category-card{padding:26px;transition:transform .18s,border-color .18s}.category-card:hover{border-color:#79afe2;transform:translateY(-3px)}.category-card a{display:inline-flex;margin-top:16px;text-decoration:none;font-weight:700}.category-card:last-child{grid-column:1/-1}.split{display:grid;grid-template-columns:1fr 1.1fr;gap:58px;align-items:center}.split.reverse{grid-template-columns:1.1fr 1fr}.split.reverse .feature-image{order:2}.split.reverse .prose{order:1}.feature-image{display:flex;align-items:center;justify-content:center;min-height:300px;background:#f8fbfe;border:1px solid #e0eaf4;border-radius:14px;padding:28px}.feature-image img,.content-img{max-width:100%;height:auto;object-fit:contain;display:block}.prose p{color:#5d7185}.dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.article-card{padding:30px}.article-card img{width:100%;max-height:210px;object-fit:contain;margin:0 auto 26px}.article-card p{color:#5e7286}.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.notice-card{padding:24px}.notice-card h3{color:var(--title);margin:12px 0 8px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{padding:24px}.review-card strong{color:var(--title)}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-card{padding:22px}.faq-card h3{margin:0 0 8px;color:var(--title);font-size:18px}.faq-card p{margin:0}.risk-box{padding:30px;border:1px solid #bcd7ef;background:#f5faff;border-radius:12px}.risk-box h2,.risk-box h3{color:var(--title);margin-top:0}.center{text-align:center}.mt-24{margin-top:24px}.mb-0{margin-bottom:0}
.page-hero{padding:62px 0 42px;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-bottom:1px solid var(--line)}.page-hero h1{margin:8px 0 12px;color:var(--title);font-size:clamp(34px,4vw,50px);line-height:1.2}.page-hero p{max-width:800px;color:var(--muted);font-size:17px}.content-wrap{width:min(960px,calc(100% - 40px));margin:0 auto;padding:58px 0 78px}.content-wrap h2{color:var(--title);font-size:28px;margin:44px 0 12px}.content-wrap h3{color:#274766;font-size:21px;margin:30px 0 8px}.content-wrap p,.content-wrap li{color:#53687c}.content-wrap ul,.content-wrap ol{padding-left:23px}.content-wrap li+li{margin-top:8px}.callout{margin:26px 0;padding:20px 22px;border-left:4px solid var(--blue);background:#f3f8fd;border-radius:0 8px 8px 0}.callout strong{color:var(--title)}.step-list{counter-reset:step;display:grid;gap:14px;padding:0!important;list-style:none}.step-list li{position:relative;padding:18px 18px 18px 60px;border:1px solid var(--border);border-radius:9px;background:#fff}.step-list li:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:17px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--pale);color:var(--deep);font-weight:700}.qa{border-bottom:1px solid var(--line);padding:24px 0}.qa:first-child{padding-top:0}.qa h2,.qa h3{margin:0 0 8px;font-size:21px}.qa p{margin:0}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:26px 0}.mini-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:20px}.mini-card h3{margin-top:0}.notice-list{display:grid;gap:16px}.notice-item{padding:22px;border:1px solid var(--border);background:#fff;border-radius:10px}.notice-item h2{margin:7px 0 8px;font-size:23px}.status-label{font-size:13px;color:var(--deep);font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid .mini-card{margin:0}.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:38px;padding:24px;background:#f3f8fd;border:1px solid #cfe2f3;border-radius:10px}.cta-strip h2,.cta-strip h3{margin:0}.cta-strip p{margin:5px 0 0}.site-footer{background:#438ddf;color:#fff;padding:52px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:34px}.footer-brand p{max-width:420px;color:rgba(255,255,255,.88)}.footer-logo img{filter:brightness(0) invert(1);max-height:42px}.site-footer h3{font-size:16px;margin:0 0 12px;color:#fff}.site-footer a{display:block;color:#fff;text-decoration:none;opacity:.92;margin:7px 0}.site-footer a:hover{opacity:1;text-decoration:underline}.footer-risk{margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.25);font-size:13px;color:rgba(255,255,255,.88)}.footer-bottom{margin-top:16px;font-size:13px;color:rgba(255,255,255,.76)}
@media(max-width:1050px){.nav-core{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:34px}.info-grid{grid-template-columns:repeat(2,1fr)}.trust-list{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.category-card:last-child{grid-column:1/-1}.review-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.container,.content-wrap{width:min(100% - 32px,1160px)}.header-inner{min-height:62px;padding:0 16px;gap:10px}.site-logo img{max-height:36px;max-width:112px}.header-download{min-height:44px;padding:0 14px;font-size:13px}.hero{padding:52px 0 40px}.hero-grid{grid-template-columns:1fr;gap:24px}.hero h1{font-size:40px}.hero-subtitle{font-size:19px}.hero-visual{min-height:auto}.hero-visual img{max-height:420px}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .main-btn,.hero-actions .text-btn{width:100%}.trust-list,.info-grid,.category-grid,.dual-grid,.notice-grid,.review-grid,.faq-list,.mini-grid,.service-grid{grid-template-columns:1fr}.category-card:last-child{grid-column:auto}.split,.split.reverse{grid-template-columns:1fr;gap:28px}.split.reverse .feature-image,.split.reverse .prose{order:initial}.section{padding:56px 0}.feature-image{min-height:220px;padding:22px}.drawer-nav{grid-template-columns:1fr}.page-hero{padding:45px 0 30px}.content-wrap{padding:40px 0 58px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.cta-strip{align-items:stretch;flex-direction:column}.cta-strip .main-btn{width:100%}}
@media(max-width:480px){.header-inner{padding:0 12px}.header-actions{gap:7px}.site-logo img{max-width:96px}.header-download{padding:0 11px}.menu-btn{width:44px}.hero h1{font-size:34px}.hero-links{gap:10px 14px}.trust-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-grid>div:last-child{grid-column:auto}.drawer{width:90vw}.section-title{font-size:29px}}