:root { color-scheme: light; --navy:#172a40; --ink:#1c2b3f; --muted:#637286; --blue:#245bdd; --line:#dce4ed; --paper:#f5f7fa; font-family:"Avenir Next","PingFang SC","Microsoft YaHei",system-ui,sans-serif; color:var(--ink); background:var(--paper); }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:30px; } body { margin:0; min-width:320px; background:radial-gradient(ellipse at 90% 14%,#e2ebfb 0,transparent 38%),var(--paper); } a { color:inherit; text-decoration:none; } button { font:inherit; cursor:pointer; } a:focus-visible,button:focus-visible { outline:3px solid #82a8ff; outline-offset:5px; } a,button { -webkit-tap-highlight-color:transparent; } p,h1,h2,h3 { margin-top:0; } .wrap { width:min(1180px,calc(100% - 96px)); margin-inline:auto; } .site-header { display:flex; justify-content:space-between; align-items:center; padding-block:32px; gap:24px; } .site-brand { display:flex; align-items:center; gap:12px; font-size:19px; font-weight:800; } .site-brand small { display:block; margin-top:4px; color:var(--muted); font-size:11px; font-weight:500; } .site-mark { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; color:white; background:var(--navy); font-size:23px; } nav { display:flex; align-items:center; gap:30px; font-size:13px; color:var(--muted); } nav a:hover,.site-footer a:hover { color:var(--blue); } .admin-link { padding:11px 16px; border:1px solid var(--line); border-radius:9px; color:var(--ink); background:#ffffff90; } .hero { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:75px; padding-block:76px 100px; } .eyebrow { display:flex; align-items:center; gap:10px; margin-bottom:24px; font-size:10px; font-weight:800; letter-spacing:.16em; color:var(--blue); } .eyebrow>span { width:7px; height:7px; border-radius:50%; background:var(--blue); } h1 { font-size:clamp(40px,4.6vw,64px); line-height:1.22; letter-spacing:-.055em; font-weight:800; margin-bottom:30px; } h1>span { color:var(--blue); } .hero-name { font-size:15px; font-weight:700; margin-bottom:14px; } .hero-description { max-width:480px; font-size:16px; line-height:1.9; color:var(--muted); margin-bottom:30px; } .hero-actions { display:flex; flex-wrap:wrap; gap:12px; } .button { display:inline-flex; align-items:center; justify-content:center; gap:30px; padding:13px 21px; border:1px solid transparent; border-radius:9px; font-size:13px; font-weight:700; transition:background .15s ease,transform .15s ease; } .button:hover { transform:translateY(-2px); } .button:active { transform:translateY(0); } .button:disabled { opacity:.5; cursor:wait; } .primary { color:#fff; background:var(--blue); box-shadow:0 9px 24px #245bdd1a; } .primary:hover { background:#1648c4; } .secondary { background:#fff; border-color:var(--line); } .secondary:hover { background:#edf3ff; } .system-card { padding:26px 30px 23px; border:1px solid #30465e; border-radius:20px; color:#fff; background:linear-gradient(145deg,#263c54,var(--navy)); box-shadow:0 30px 65px #182b4120; transform:rotate(1.2deg); } .card-top { display:flex; justify-content:space-between; gap:20px; align-items:center; color:#a7bad0; font-size:9px; letter-spacing:.1em; } .signal { width:7px; height:7px; border-radius:50%; background:#79dcb7; box-shadow:0 0 0 4px #79dcb71a; } .system-card-title { margin:32px 0; font-size:30px; font-weight:400; letter-spacing:-.03em; line-height:1.45; color:#c5d0dd; } .system-card-title strong { color:#fff; font-weight:700; } .system-chain>div { display:flex; align-items:center; gap:17px; } .system-chain>div>span { display:grid; place-items:center; flex:0 0 34px; height:34px; border:1px solid #6f879d70; border-radius:9px; color:#a8c9ff; font-size:11px; } .system-chain p { margin:0; font-size:14px; } .system-chain small { display:block; margin-top:5px; color:#9eb0c5; font-size:10px; } .chain-line { display:block; height:19px; border-left:1px solid #536a82; margin:7px 0 7px 17px; } .card-foot { margin:28px 0 0; padding-top:17px; border-top:1px solid #49607870; color:#9eb0c5; font-size:10px; letter-spacing:.15em; } .section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:32px; } .section-heading .eyebrow { margin-bottom:14px; } h2 { margin-bottom:0; font-size:clamp(28px,3vw,39px); letter-spacing:-.04em; line-height:1.4; } .section-heading>p { margin:0; font-size:13px; line-height:1.9; color:var(--muted); } .focus-section { padding-bottom:86px; } .focus-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .focus-grid article { display:flex; flex-direction:column; padding:29px 25px 24px; border:1px solid var(--line); border-radius:14px; background:#fff; } .focus-index { color:var(--blue); font-size:10px; letter-spacing:.1em; margin-bottom:28px; } h3 { font-size:19px; margin-bottom:15px; } .focus-grid p { font-size:13px; line-height:1.9; color:var(--muted); flex:1; margin-bottom:27px; } .focus-tag { padding-top:18px; border-top:1px solid var(--line); font-size:11px; color:#455a73; } .evidence-section { padding-block:25px 60px; border-top:1px solid var(--line); } .public-claims { display:grid; gap:12px; } .public-claims article,.evidence-state { padding:25px; border:1px solid var(--line); border-radius:13px; background:#fff; font-size:14px; line-height:1.8; } .public-claims article p { margin-bottom:12px; white-space:pre-wrap; overflow-wrap:anywhere; } .public-claims article a { color:var(--blue); font-size:12px; } .evidence-state { margin:0; color:var(--muted); } #retry-evidence { margin-top:15px; } [hidden] { display:none !important; } .english-section { padding:28px 0 60px; } .english-section .eyebrow { margin-bottom:15px; } .english-section>p:last-child { max-width:760px; color:#445871; font-size:23px; line-height:1.65; letter-spacing:-.025em; } .site-footer { display:flex; gap:24px; padding-block:26px 32px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; } .site-footer p { margin:0; } .site-footer a { margin-left:auto; }
@media(max-width:1000px) { .wrap { width:calc(100% - 56px); } .hero { gap:36px; padding-block:55px 75px; } .system-card { padding:24px; } .system-card-title { font-size:27px; } .focus-grid { gap:12px; } .focus-grid article { padding:24px 20px; } h3 { font-size:17px; } }
@media(max-width:700px) { .wrap { width:calc(100% - 36px); } .site-header { padding-block:23px; gap:10px; } .site-brand { gap:9px; font-size:16px; } .site-brand small { font-size:9px; } nav { gap:12px; } nav>a:not(.admin-link) { display:none; } .admin-link { padding:9px 11px; font-size:11px; } .hero { grid-template-columns:1fr; gap:42px; padding-block:40px 65px; } h1 { font-size:clamp(39px,10.3vw,61px); } .hero-description { font-size:14px; } .hero-name { font-size:13px; } .system-card { transform:none; max-width:480px; width:100%; padding:25px; } .section-heading { display:block; } .section-heading>p { margin-top:16px; } .focus-grid { grid-template-columns:1fr; gap:14px; } .focus-grid article { padding:26px; } .focus-index { margin-bottom:20px; } .focus-section { padding-bottom:55px; } .evidence-section { padding-bottom:32px; } .english-section>p:last-child { font-size:20px; } .site-footer { flex-wrap:wrap; row-gap:12px; } .site-footer a { width:100%; margin-left:0; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .button { transition:none; } }