@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap');
:root{--bg:#f4f8ff;--panel:#fff;--panel-strong:#0b132b;--text:#16203d;--muted:#55607a;--line:#d8e1f3;--primary:#0a6cff;--secondary:#f59e0b;--shadow:0 16px 38px rgba(9,22,56,.12);--radius-xl:30px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans SC","Outfit",Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,rgba(10,108,255,.2),transparent 34%),radial-gradient(circle at 90% 20%,rgba(245,158,11,.15),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#f4f8ff 45%,#eaf1ff 100%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{width:min(100%,1140px);margin:0 auto;padding:26px 18px 56px}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(248,251,255,.87);border-bottom:1px solid rgba(22,32,61,.07)}.site-header-inner{width:min(100%,1140px);margin:0 auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-lockup img{width:48px;height:48px;border-radius:14px;box-shadow:0 10px 22px rgba(11,19,43,.2)}.brand-copy{min-width:0}.brand-name{font-family:"Outfit",Arial,sans-serif;font-size:1.58rem;font-weight:800;letter-spacing:.03em}.brand-tagline{color:var(--muted);font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-toggle{display:none;border:none;background:var(--panel);color:var(--text);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow)}.nav-links{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.nav-links a{font-weight:700;color:#3f4b67}.nav-links a:hover{color:var(--primary)}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;margin-top:18px}.hero-card,.panel,.article-card,.feature-card,.legal-card,.article-body,.detail-sidebar-card{background:var(--panel);border-radius:var(--radius-xl);box-shadow:var(--shadow);border:1px solid rgba(22,32,61,.06)}.hero-card{padding:34px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(140deg,#0b132b 0%,#153063 55%,#0a6cff 100%)}.hero-card:before{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:999px;background:rgba(245,158,11,.18)}.hero-card:after{content:"";position:absolute;left:-48px;bottom:-70px;width:220px;height:220px;border-radius:999px;background:rgba(0,166,166,.2)}.hero-kicker,.section-kicker,.article-kicker,.mini-kicker{font-family:"Outfit",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.hero-kicker{font-size:.95rem;color:#d7e5ff}.hero-title{position:relative;z-index:1;margin:12px 0 14px;font-family:"Outfit",Arial,sans-serif;font-size:clamp(2.3rem,4.8vw,4rem);line-height:.96;max-width:12ch}.hero-copy{position:relative;z-index:1;max-width:56ch;color:rgba(255,255,255,.9);font-size:1.03rem}.hero-actions{position:relative;z-index:1;margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.button,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;font-weight:700}.button{background:#fff;color:#0b132b}.button-secondary{border:1px solid rgba(255,255,255,.3);color:#fff}.hero-aside{display:grid;gap:18px}.score-strip{padding:22px;background:linear-gradient(180deg,#fff 0%,#eef3ff 100%)}.score-strip h2,.section-title,.article-section h2,.detail-sidebar-card h2,.legal-card h1{margin:0;font-family:"Outfit",Arial,sans-serif;letter-spacing:.03em}.score-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.score-box{padding:16px;border-radius:var(--radius-md);background:#0b132b;color:#fff}.score-value{font-family:"Outfit",Arial,sans-serif;font-size:2.25rem;line-height:1}.score-label{margin-top:8px;font-size:.9rem;color:rgba(255,255,255,.72)}.insight-panel{padding:20px;background:linear-gradient(140deg,#f9fbff 0%,#ecf2ff 100%)}.insight-panel h3{margin:0 0 8px;font-family:"Outfit",Arial,sans-serif;font-size:1.38rem}.insight-panel p{margin:0;color:var(--muted)}.section{margin-top:28px}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:16px}.section-kicker{color:var(--secondary);font-size:.9rem}.section-title{font-size:clamp(1.8rem,3.8vw,2.8rem)}.section-subtitle{color:var(--muted);max-width:54ch}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{overflow:hidden}.feature-card img{aspect-ratio:16/10;object-fit:cover}.feature-content{padding:20px}.mini-kicker{color:var(--secondary);font-size:.82rem}.feature-title,.article-title-link,.related-card-title{margin:10px 0 8px;font-weight:800;line-height:1.1}.feature-title{font-size:1.3rem}.meta-row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.category-blocks{display:grid;gap:20px}.category-block{padding:22px}.category-title-row{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:14px}.category-title{margin:0;font-family:"Outfit",Arial,sans-serif;font-size:1.86rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{overflow:hidden}.article-card img,.related-card img{aspect-ratio:16/10;object-fit:cover}.article-card-body,.related-card-body{padding:18px}.article-kicker{font-size:.82rem;color:var(--primary)}.article-title-link{font-size:1.15rem}.article-summary,.legal-card p,.article-section p,.article-intro,.related-card-summary,.detail-sidebar-card p,.detail-sidebar-card li,.footer-copy{color:var(--muted)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:24px}.article-body{overflow:hidden}.article-hero{padding:32px;background:linear-gradient(140deg,#fff 0%,#edf3ff 100%);border-bottom:1px solid var(--line)}.article-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(10,108,255,.12);color:var(--primary);font-weight:700}.article-hero h1{margin:14px 0 12px;font-family:"Outfit",Arial,sans-serif;font-size:clamp(2rem,4.4vw,3.6rem);line-height:1}.article-lead-image{border-radius:20px;overflow:hidden;margin-top:22px;border:1px solid rgba(22,32,61,.08)}.article-content{padding:28px 32px 32px}.article-intro{font-size:1.06rem;line-height:1.72}.insight-box,.detail-sidebar-card{padding:20px}.insight-box{margin:22px 0;border-radius:var(--radius-lg);background:#0b132b;color:#fff}.insight-box h2{margin-bottom:12px;font-size:1.72rem}.insight-box ul,.detail-sidebar-card ul{margin:0;padding-left:18px}.article-section+.article-section{margin-top:22px}.article-section h2{margin-bottom:10px;font-size:1.66rem}.article-section p{margin:0 0 12px;font-size:1rem;line-height:1.75}.detail-sidebar{display:grid;gap:18px;align-self:start;position:sticky;top:88px}.related-grid{display:grid;gap:14px}.related-card{border-radius:18px;overflow:hidden;border:1px solid rgba(22,32,61,.08);background:#fff}.related-card-title{font-size:1rem}.legal-wrap{max-width:920px;margin:24px auto 0}.legal-card{padding:30px}.legal-card h1{font-size:clamp(2rem,3.5vw,3.1rem);margin-bottom:12px}.legal-card h2{margin:18px 0 8px;font-family:"Outfit",Arial,sans-serif;font-size:1.25rem}.legal-card p{margin:0 0 12px;font-size:1.02rem;line-height:1.75}.legal-card ul{margin:0 0 12px;padding-left:18px;color:var(--muted)}.footer{margin-top:34px;padding-top:18px;border-top:1px solid rgba(22,32,61,.09);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.footer-nav{display:flex;gap:14px;flex-wrap:wrap}.footer-nav a{color:var(--muted);font-weight:700}.footer-nav a:hover{color:var(--primary)}@media (max-width:960px){.hero,.detail-layout,.feature-grid,.article-grid{grid-template-columns:1fr}.detail-sidebar{position:static}.nav-toggle{display:inline-flex}.nav-links{position:absolute;left:18px;right:18px;top:calc(100% + 10px);padding:16px;border-radius:18px;background:rgba(255,255,255,.98);box-shadow:var(--shadow);display:none;flex-direction:column;align-items:flex-start}.nav-links.is-open{display:flex}}@media (max-width:640px){.site-shell,.site-header-inner{padding-left:14px;padding-right:14px}.hero-card,.article-hero,.article-content,.category-block,.legal-card{padding:22px}.score-grid{grid-template-columns:1fr}.brand-name{font-size:1.36rem}.brand-tagline{font-size:.86rem}}
.tbb-ad-block{margin:22px auto;max-width:380px;padding:10px 10px 14px;border-radius:14px;border:1px dashed #bfd0ef;background:#f7faff;text-align:center}
.tbb-ad-label{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#6f7d95}
.tbb-ad-slot{display:flex;align-items:center;justify-content:center;margin:0 auto;min-width:250px;min-height:250px}
.tbb-ad-slot-anchor{min-width:300px;min-height:50px}
.tbb-hidden{display:none !important}

.tbb-top-anchor-wrap,.tbb-bottom-anchor-wrap{position:fixed;left:0;right:0;z-index:1200;display:flex;justify-content:center;pointer-events:none}
.tbb-top-anchor-wrap{top:0}
.tbb-bottom-anchor-wrap{bottom:0}
.tbb-top-anchor-wrap .tbb-ad-block,.tbb-bottom-anchor-wrap .tbb-ad-block{margin:0;background:rgba(247,250,255,.96);border:1px solid #bfd0ef;border-radius:0;pointer-events:auto}
.tbb-top-anchor-wrap .tbb-ad-slot,.tbb-bottom-anchor-wrap .tbb-ad-slot{min-height:50px}
body.tbb-has-top-anchor{padding-top:86px}
body.tbb-has-bottom-anchor{padding-bottom:86px}
body.tbb-has-top-anchor .site-header{top:86px}

.tbb-interstitial{position:fixed;inset:0;z-index:1400;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(4,12,28,.72)}
.tbb-interstitial.is-visible{display:flex}
.tbb-interstitial-card{position:relative;width:min(96vw,420px)}
.tbb-interstitial-close{position:absolute;top:-12px;right:-12px;width:34px;height:34px;border:0;border-radius:999px;background:#111827;color:#fff;font-size:24px;line-height:1;cursor:pointer}
.tbb-ad-block-int{max-width:none;margin:0;padding:12px;border-radius:16px;background:#fff;border:1px solid #d9e3f6}
.tbb-ad-block-int .tbb-ad-slot{min-width:250px;min-height:250px}

@media (max-width:640px){
  body.tbb-has-top-anchor{padding-top:76px}
  body.tbb-has-bottom-anchor{padding-bottom:76px}
  body.tbb-has-top-anchor .site-header{top:76px}
  .tbb-top-anchor-wrap .tbb-ad-block,.tbb-bottom-anchor-wrap .tbb-ad-block{padding-left:6px;padding-right:6px}
}