@charset "UTF-8";
:root { --sa17319df0-canvas:#401fa3; --sa17319df0-ink:#35f9ca; --sa17319df0-accent:#9f119b; --sa17319df0-secondary:#9baccc; --sa17319df0-surface:#025619; --sa17319df0-paper:#f5f3fb; --sa17319df0-text:#201b38; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--sa17319df0-paper); color:var(--sa17319df0-text); font-family:"Microsoft YaHei",Arial,sans-serif; line-height:1.72; }
a { color:inherit; }
.sa17319df0-masthead { min-height:100px; padding:20px max(5vw,24px); background:var(--sa17319df0-canvas); color:#fff; display:flex; gap:22px; align-items:center; }
.sa17319df0-wordmark { color:var(--sa17319df0-ink); font-size:30px; font-weight:800; text-decoration:none; letter-spacing:.08em; }
.sa17319df0-mast-copy p { margin:0; font-weight:700; } .sa17319df0-mast-copy span { color:#ded8f4; font-size:13px; }
.sa17319df0-nav { display:flex; gap:7px; overflow-x:auto; padding:12px max(4vw,18px); background:#fff; border-bottom:1px solid #ded9ee; white-space:nowrap; position:sticky; top:0; z-index:5; }
.sa17319df0-nav a { padding:7px 11px; border-radius:999px; color:#34255b; text-decoration:none; font-size:14px; } .sa17319df0-nav a:hover { background:#e9e4f7; color:var(--sa17319df0-accent); }
.sa17319df0-main { max-width:1220px; margin:auto; padding:36px 26px 70px; }
.sa17319df0-hero { min-height:330px; display:grid; grid-template-columns:190px 1fr; align-items:center; gap:36px; padding:35px; background:#fff; border-left:8px solid var(--sa17319df0-ink); box-shadow:0 16px 44px #2b17651a; }
.sa17319df0-hero-image { width:150px; height:auto; max-width:100%; object-fit:contain; justify-self:center; }
.sa17319df0-eyebrow { color:var(--sa17319df0-accent); font-weight:800; letter-spacing:.13em; }
.sa17319df0-hero h1 { max-width:880px; margin:0 0 14px; color:var(--sa17319df0-canvas); font-size:clamp(28px,4vw,48px); line-height:1.25; }
.sa17319df0-hero-copy { max-width:900px; margin:0; font-size:17px; }
.sa17319df0-home-main > section { margin-top:34px; padding:28px; background:#fff; border:1px solid #e4e0ef; }
.sa17319df0-home-main h2 { color:var(--sa17319df0-canvas); margin-top:0; }
.sa17319df0-score-ribbon { border-top:5px solid var(--sa17319df0-accent)!important; } .sa17319df0-score-labels { display:flex; flex-wrap:wrap; gap:10px; } .sa17319df0-score-labels span { background:#f0ecfa; padding:8px 13px; border-radius:3px; }
.sa17319df0-preview-block header,.sa17319df0-news-board header { display:flex; justify-content:space-between; gap:18px; align-items:center; } .sa17319df0-preview-block header span { color:var(--sa17319df0-accent); font-weight:700; }
.sa17319df0-time-track ol { display:flex; list-style:none; padding:0; gap:0; } .sa17319df0-time-track li { flex:1; padding:14px; border-top:3px solid var(--sa17319df0-ink); background:#f6f4fb; } .sa17319df0-time-track li+li { margin-left:9px; } .sa17319df0-time-track li span { display:block; font-size:13px; color:#5f577b; }
.sa17319df0-community-wall > div { display:grid; grid-template-columns:1fr 1fr 1fr; gap:15px; } .sa17319df0-community-wall article { padding:18px; background:#f2eff9; border-radius:2px 18px 2px 2px; } .sa17319df0-community-wall h3 { margin-top:0; font-size:18px; }
.sa17319df0-news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .sa17319df0-news-entry { background:#fff; min-width:0; } .sa17319df0-news-grid .sa17319df0-news-entry { border:1px solid #e7e3ef; padding:14px; }
.sa17319df0-image { display:block; max-width:100%; max-height:360px; width:auto; height:auto; object-fit:contain; } .sa17319df0-news-cover { max-height:150px; margin:0 auto 10px; }
.sa17319df0-news-copy time { color:#6e6684; font-size:13px; } .sa17319df0-news-copy h3 { font-size:18px; line-height:1.4; } .sa17319df0-news-copy h3 a { color:var(--sa17319df0-canvas); text-decoration:none; } .sa17319df0-news-copy p { font-size:14px; margin-bottom:0; }
.sa17319df0-faq-list { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .sa17319df0-faq-entry { border-left:4px solid var(--sa17319df0-accent); padding:6px 18px; background:#f8f7fc; } .sa17319df0-faq-entry h3 { font-size:17px; }
.sa17319df0-page-intro,.sa17319df0-report-header,.sa17319df0-data-head { padding:28px 32px; background:var(--sa17319df0-canvas); color:#fff; } .sa17319df0-page-intro h1,.sa17319df0-report-header h1,.sa17319df0-data-head h1 { color:#fff; font-size:clamp(28px,4vw,42px); margin:4px 0 10px; } .sa17319df0-page-intro p:first-child,.sa17319df0-report-header p:first-child { color:var(--sa17319df0-ink); font-weight:800; }
.sa17319df0-about-layout { display:grid; grid-template-columns:minmax(220px,.8fr) 1.2fr; gap:30px; margin:26px 0; } .sa17319df0-about-gallery { display:grid; grid-template-columns:1fr 1fr; gap:10px; align-content:start; margin:0; padding:18px; background:#ebe7f5; } .sa17319df0-about-visual { max-height:125px; margin:auto; } .sa17319df0-about-note { padding:20px 24px; background:#fff; margin-bottom:14px; border-bottom:2px solid var(--sa17319df0-secondary); } .sa17319df0-about-note span { color:var(--sa17319df0-accent); font-weight:900; }
.sa17319df0-report-list { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:26px 0; } .sa17319df0-report-list .sa17319df0-news-entry { display:grid; grid-template-columns:110px 1fr; gap:15px; align-content:start; border-top:1px solid #cfc8e3; padding:14px 0; } .sa17319df0-report-list .sa17319df0-news-cover { max-height:94px; }
.sa17319df0-field-table { display:grid; grid-template-columns:1fr 1.4fr; gap:28px; margin:25px 0; align-items:start; } .sa17319df0-data-gallery { display:grid; grid-template-columns:1fr 1fr; gap:12px; background:#fff; padding:18px; margin:0; } .sa17319df0-data-visual { max-height:120px; margin:auto; } .sa17319df0-field-row { padding:22px; background:#fff; border-left:5px solid var(--sa17319df0-ink); margin-bottom:14px; } .sa17319df0-field-row h3 { margin:0 0 8px; color:var(--sa17319df0-canvas); }
.sa17319df0-zh-banner { display:grid; grid-template-columns:220px 1fr; gap:30px; align-items:center; padding:28px; background:#e9e5f4; } .sa17319df0-zh-gallery { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:0; } .sa17319df0-zh-visual { max-height:100px; margin:auto; } .sa17319df0-zh-banner h1 { color:var(--sa17319df0-canvas); font-size:38px; } .sa17319df0-zh-stagger { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:28px 0; } .sa17319df0-zh-card { padding:25px; background:#fff; min-height:230px; } .sa17319df0-zh-card:nth-child(2) { transform:translateY(30px); border-top:5px solid var(--sa17319df0-accent); }
.sa17319df0-app-head { display:grid; grid-template-columns:1.3fr .7fr; gap:24px; align-items:center; padding:25px; background:#fff; } .sa17319df0-app-head h1 { color:var(--sa17319df0-canvas); font-size:38px; } .sa17319df0-app-lead { max-height:170px; justify-self:center; } .sa17319df0-app-rail { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0; } .sa17319df0-app-step { padding:22px; background:#e9e5f4; border-top:4px solid var(--sa17319df0-ink); } .sa17319df0-app-step span { color:var(--sa17319df0-accent); font-weight:900; } .sa17319df0-app-gallery { display:flex; justify-content:center; flex-wrap:wrap; gap:15px; padding:18px; background:#fff; } .sa17319df0-app-visual { max-height:100px; }
.sa17319df0-footer { padding:24px max(5vw,24px); background:#211446; color:#eee9fa; font-size:14px; } .sa17319df0-footer a { margin-right:18px; color:var(--sa17319df0-ink); }
@media(max-width:760px) { .sa17319df0-main { padding:20px 14px 45px; } .sa17319df0-hero { grid-template-columns:1fr; padding:24px; } .sa17319df0-hero-image { width:92px; } .sa17319df0-news-grid { grid-template-columns:1fr 1fr; } .sa17319df0-community-wall > div { grid-template-columns:1fr; } .sa17319df0-about-layout,.sa17319df0-field-table,.sa17319df0-zh-banner,.sa17319df0-app-head { grid-template-columns:1fr; } .sa17319df0-report-list { grid-template-columns:1fr; } .sa17319df0-zh-stagger,.sa17319df0-app-rail { grid-template-columns:1fr; } .sa17319df0-zh-card:nth-child(2) { transform:none; } .sa17319df0-faq-list { grid-template-columns:1fr; } .sa17319df0-time-track ol { flex-direction:column; gap:7px; } .sa17319df0-time-track li+li { margin-left:0; } }