:root{
--bg:#eef1f6;
--fg:#2b3347;
--muted:#6b7590;
--line:#d3dae6;
--accent:#7a8aa8;
--accent-2:#4a5a7a;
--warm:#e8c98a;
--cream:#f7f3ea;
--gap:24px;
--radius:22px;
--shadow:0 12px 34px rgba(74,90,122,.16);
--font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:var(--font);font-size:15px;line-height:2.0;color:var(--fg);background:linear-gradient(180deg,#f2f4f8 0%,#e7ecf4 100%);-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;border-radius:var(--radius);}
a{color:var(--accent-2);text-decoration:none;}
h1,h2,h3,h4{font-family:var(--font);font-weight:700;line-height:1.35;margin:0 0 18px;}
h1{font-size:34px;}
h2{font-size:24px;}
h3{font-size:18px;}
p{margin:0 0 18px;}
ul,ol{margin:0 0 18px;padding-left:22px;}
li{margin-bottom:8px;}
strong{font-weight:700;color:var(--accent-2);}
.officialbeid-shell{max-width:1180px;margin:0 auto;padding:0 24px 88px;}
.officialbeid-header{position:sticky;top:0;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;margin:18px 0 56px;background:linear-gradient(135deg,#7a8aa8,#4a5a7a);border-radius:999px;box-shadow:var(--shadow);}
.officialbeid-logo{color:#fff;font-size:18px;font-weight:700;letter-spacing:.5px;}
.officialbeid-logo:hover{color:var(--warm);}
.officialbeid-nav{display:flex;flex-wrap:wrap;gap:8px;}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.nav-links a{display:inline-block;padding:7px 15px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:15px;transition:background .2s ease,color .2s ease,transform .2s ease;}
.nav-links a:hover{background:var(--warm);color:#2b3347;transform:translateY(-2px);}
.nav-links a:focus-visible{outline:2px solid var(--warm);outline-offset:2px;}
.officialbeid-block{margin-bottom:88px;}
.officialbeid-block:last-child{margin-bottom:0;}
.officialbeid-hero{margin-bottom:88px;}
.officialbeid-hero h1{max-width:900px;color:#2b3347;}
.officialbeid-hero-lead{max-width:960px;font-size:18px;color:#3a4359;}
.officialbeid-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 34px;}
.officialbeid-metric{padding:18px 22px;background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);font-size:18px;font-weight:700;color:var(--accent-2);text-align:center;transition:transform .2s ease;}
.officialbeid-metric:hover{transform:translateY(-4px);}
.officialbeid-figure{margin:0 0 28px;}
.officialbeid-figure img{width:100%;max-height:420px;object-fit:cover;box-shadow:var(--shadow);}
.officialbeid-figure figcaption{margin-top:10px;font-size:15px;color:var(--muted);}
.officialbeid-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);}
.officialbeid-tile{padding:26px 24px;border-radius:var(--radius);background:linear-gradient(160deg,#7a8aa8,#4a5a7a);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease;}
.officialbeid-tile:first-child{grid-column:span 2;}
.officialbeid-tile:nth-child(even){background:linear-gradient(160deg,#8b9bb8,#55668a);}
.officialbeid-tile h3{color:#fff;margin-bottom:10px;}
.officialbeid-tile p{color:#e8edf7;font-size:15px;line-height:1.9;margin:0;}
.officialbeid-tile:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(74,90,122,.28);}
.officialbeid-newslist{display:flex;flex-direction:column;gap:18px;list-style:none;padding:0;margin:0;}
.officialbeid-news{display:grid;grid-template-columns:112px 1fr;gap:20px;padding:22px 24px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;}
.officialbeid-news:hover{transform:translateX(5px);box-shadow:0 18px 38px rgba(74,90,122,.24);}
.officialbeid-news-date{font-size:15px;color:var(--muted);border-right:1px solid var(--line);padding-right:12px;}
.officialbeid-news-title{font-size:18px;font-weight:700;margin:0 0 8px;color:#2b3347;line-height:1.5;}
.officialbeid-news-title a{color:inherit;}
.officialbeid-news-title a:hover{color:var(--accent);}
.officialbeid-news-sum{font-size:15px;color:#4a5568;margin:0;line-height:1.9;}
.officialbeid-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:15px;margin-bottom:26px;}
.officialbeid-table th,.officialbeid-table td{padding:14px 16px;border:1px solid var(--line);text-align:left;vertical-align:top;}
.officialbeid-table th{background:linear-gradient(135deg,#7a8aa8,#4a5a7a);color:#fff;font-weight:700;}
.officialbeid-table tbody tr:nth-child(even){background:#f3f6fb;}
.officialbeid-table tbody tr:hover{background:#e9eef7;}
.officialbeid-quotegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);}
.officialbeid-quote{padding:24px;background:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .2s ease;}
.officialbeid-quote p{font-size:15px;color:#3a4359;margin:0 0 12px;}
.officialbeid-quote cite{font-style:normal;font-size:15px;color:var(--accent-2);font-weight:700;}
.officialbeid-quote:hover{transform:translateY(-4px);}
.officialbeid-badge{display:inline-block;padding:3px 12px;border-radius:999px;background:rgba(232,201,138,.45);color:#5a4a22;font-size:15px;font-weight:700;margin-bottom:12px;}
.officialbeid-note{list-style:none;padding:0;margin:0;}
.officialbeid-note li{padding:16px 20px;margin-bottom:14px;background:#fff;border-radius:18px;box-shadow:var(--shadow);font-size:15px;line-height:1.9;transition:transform .2s ease;}
.officialbeid-note li:hover{transform:translateX(4px);}
.officialbeid-note li strong{display:inline-block;margin-right:6px;}
.officialbeid-faqwrap{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start;}
.officialbeid-faqside{width:320px;}
.officialbeid-faq details{padding:16px 18px;margin-bottom:12px;background:#fff;border-radius:18px;box-shadow:var(--shadow);transition:box-shadow .2s ease;}
.officialbeid-faq details[open]{box-shadow:0 16px 36px rgba(74,90,122,.24);}
.officialbeid-faq details:hover{box-shadow:0 16px 36px rgba(74,90,122,.22);}
.officialbeid-faq summary{cursor:pointer;font-size:15px;font-weight:700;color:var(--accent-2);line-height:1.7;}
.officialbeid-faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.officialbeid-faq details p{margin:12px 0 0;font-size:15px;color:#3a4359;line-height:1.95;}
.officialbeid-btn{display:inline-block;padding:12px 28px;border-radius:999px;border:none;background:linear-gradient(135deg,#7a8aa8,#4a5a7a);color:#fff;font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;}
.officialbeid-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(74,90,122,.34);}
.officialbeid-btn:active{transform:translateY(0);box-shadow:none;}
.officialbeid-cta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:32px;border-radius:var(--radius);background:linear-gradient(135deg,#8b9bb8,#4a5a7a);box-shadow:var(--shadow);}
.officialbeid-cta p{color:#eef2fa;margin:0;font-size:18px;}
.officialbeid-footer{margin-top:88px;padding:40px 32px;border-radius:var(--radius);background:linear-gradient(160deg,#4a5a7a,#2f3a52);color:#dfe5f0;}
.officialbeid-footer p{margin:0 0 10px;font-size:15px;line-height:1.9;}
.officialbeid-footer a{color:var(--warm);}
.officialbeid-footer a:hover{text-decoration:underline;}
.officialbeid-copy{margin-top:18px;color:#aab6cd;}
.officialbeid-footer-links{margin-top:14px;}
@media (max-width:1024px){
.officialbeid-matrix{grid-template-columns:repeat(2,1fr);}
.officialbeid-tile:first-child{grid-column:span 2;}
.officialbeid-quotegrid{grid-template-columns:repeat(2,1fr);}
.officialbeid-faqwrap{grid-template-columns:1fr;gap:32px;}
.officialbeid-faqside{width:100%;}
.officialbeid-block{margin-bottom:72px;}
}
@media (max-width:720px){
.officialbeid-shell{padding:0 16px 56px;}
.officialbeid-header{border-radius:22px;padding:14px 16px;margin-bottom:40px;}
.officialbeid-logo{font-size:18px;}
h1{font-size:24px;}
h2{font-size:24px;}
.officialbeid-hero h1{font-size:24px;}
.officialbeid-hero-lead{font-size:15px;}
.officialbeid-metrics{grid-template-columns:1fr;}
.officialbeid-matrix{grid-template-columns:1fr;}
.officialbeid-tile:first-child{grid-column:span 1;}
.officialbeid-quotegrid{grid-template-columns:1fr;}
.officialbeid-news{grid-template-columns:1fr;gap:10px;padding:20px;}
.officialbeid-news-date{border-right:none;border-bottom:1px solid var(--line);padding:0 0 8px;}
.officialbeid-block{margin-bottom:56px;}
.officialbeid-footer{padding:28px 20px;}
}