:root {
  --bg: #06100f;
  --bg-deep: #020807;
  --panel: rgba(12, 27, 25, .74);
  --panel-strong: rgba(13, 32, 29, .92);
  --panel-soft: rgba(19, 39, 36, .52);
  --line: rgba(172, 225, 211, .12);
  --line-strong: rgba(214, 183, 103, .28);
  --text: #eef7f3;
  --muted: #8ea7a0;
  --muted-2: #617a74;
  --gold: #d7b76a;
  --gold-bright: #f4d98d;
  --cyan: #67d9c6;
  --cyan-bright: #a1f5e5;
  --red: #ec8e83;
  --blue: #6faee8;
  --green: #73d29b;
  --shadow: 0 24px 90px rgba(0, 0, 0, .36);
  --radius: 20px;
  --sidebar: 246px;
  --font-heiti: "SimHei", "Heiti SC", "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif;
  --font-fangsong: "FangSong", "STFangsong", "FangSong_GB2312", "Noto Serif CJK SC", "Noto Serif SC", "Songti SC", "STSong", serif;
  --font-ui: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif;
  --font-numeric: "SFMono-Regular", "Roboto Mono", Consolas, "Liberation Mono", monospace;
}
[hidden] { display:none !important; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; max-width:100%; overflow-x:hidden; }
body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 18% 12%, rgba(38, 112, 96, .16), transparent 34%),
    radial-gradient(circle at 88% 7%, rgba(177, 139, 59, .11), transparent 32%),
    linear-gradient(145deg, var(--bg-deep), var(--bg) 48%, #081411);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}
button, input, textarea, select { font: inherit; }
button { color: inherit; }
a { color: inherit; }
::selection { background: rgba(103, 217, 198, .25); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(142, 167, 160, .23); border-radius: 99px; }
::-webkit-scrollbar-track { background: transparent; }

.ambient { position: fixed; pointer-events: none; z-index: -3; filter: blur(90px); opacity: .42; border-radius: 50%; }
.ambient-a { width: 480px; height: 480px; left: 12%; top: 9%; background: rgba(28, 134, 111, .22); animation: ambientFloat 14s ease-in-out infinite alternate; }
.ambient-b { width: 420px; height: 420px; right: 2%; top: 28%; background: rgba(195, 147, 51, .13); animation: ambientFloat 18s ease-in-out infinite alternate-reverse; }
.noise { position: fixed; inset: 0; z-index: -2; opacity: .045; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }
@keyframes ambientFloat { from { transform: translate3d(-20px,-15px,0) scale(.96); } to { transform: translate3d(40px,35px,0) scale(1.08); } }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
.sidebar {
  position: fixed; inset: 0 auto 0 0; width: var(--sidebar); z-index: 50;
  display: flex; flex-direction: column; padding: 24px 16px 18px;
  background: linear-gradient(180deg, rgba(5, 14, 13, .94), rgba(5, 13, 12, .82));
  border-right: 1px solid var(--line); backdrop-filter: blur(24px);
}
.brand { display: flex; align-items: center; gap: 12px; padding: 0 10px 28px; cursor: pointer; user-select: none; }
.brand-mark { width: 44px; height: 44px; position: relative; display: grid; place-items: center; }
.brand-core { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(244,217,141,.45); color: var(--gold-bright); border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(244,217,141,.18), rgba(9,21,19,.9)); box-shadow: inset 0 0 18px rgba(215,183,106,.12), 0 0 22px rgba(215,183,106,.14); font: 600 16px/1 serif; }
.brand-orbit { position: absolute; inset: 0; border: 1px solid rgba(103,217,198,.22); border-radius: 50%; }
.orbit-one { transform: rotateX(64deg) rotateZ(12deg); animation: orbitSpin 9s linear infinite; }
.orbit-two { inset: 6px; transform: rotateY(66deg) rotateZ(-18deg); border-color: rgba(215,183,106,.25); animation: orbitSpin 7s linear infinite reverse; }
@keyframes orbitSpin { to { transform: rotateX(64deg) rotateZ(372deg); } }
.brand-name { font-size: 20px; font-weight: 800; letter-spacing: .18em; color: #f5f6ed; }
.brand-sub { color: var(--muted-2); font-size: 9px; letter-spacing: .18em; margin-top: 3px; }
.nav-list { display: grid; gap: 7px; }
.nav-item { border: 1px solid transparent; background: transparent; display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 13px; border-radius: 13px; cursor: pointer; color: var(--muted); text-align: left; transition: .25s ease; }
.nav-item span { width: 24px; height: 24px; display: grid; place-items: center; color: #6b8b83; font-size: 17px; }
.nav-item b { font-weight: 600; letter-spacing: .04em; }
.nav-item:hover { background: rgba(103,217,198,.055); color: #dfece8; transform: translateX(2px); }
.nav-item.active { color: var(--gold-bright); background: linear-gradient(90deg, rgba(215,183,106,.14), rgba(103,217,198,.035)); border-color: rgba(215,183,106,.18); box-shadow: inset 3px 0 0 var(--gold); }
.nav-item.active span { color: var(--gold-bright); text-shadow: 0 0 12px rgba(215,183,106,.35); }
.sidebar-foot { margin-top: auto; padding: 18px 10px 4px; border-top: 1px solid var(--line); }
.system-pulse { display: flex; align-items: center; gap: 8px; color: #b9cbc6; font-size: 12px; }
.system-pulse i { width: 7px; height: 7px; background: var(--cyan); border-radius: 50%; box-shadow: 0 0 0 5px rgba(103,217,198,.08), 0 0 14px rgba(103,217,198,.5); animation: pulse 1.8s ease-in-out infinite; }
@keyframes pulse { 50% { opacity: .45; transform: scale(.78); } }
.sidebar-caption { font-size: 10px; color: var(--muted-2); margin-top: 8px; letter-spacing: .08em; }

.main-shell { grid-column: 2; min-width: 0; }
.topbar { height: 84px; position: sticky; top: 0; z-index: 40; display: flex; align-items: center; justify-content: space-between; padding: 0 30px; background: linear-gradient(180deg, rgba(4,12,11,.88), rgba(4,12,11,.62)); backdrop-filter: blur(20px); border-bottom: 1px solid var(--line); }
.topbar-title .eyebrow { display: block; color: var(--muted-2); font-size: 9px; letter-spacing: .21em; margin-bottom: 5px; }
.topbar h1 { margin: 0; font-size: 21px; letter-spacing: .05em; font-weight: 720; }
.topbar-actions { display: flex; align-items: center; gap: 10px; }
.live-clock { text-align: right; padding-right: 13px; border-right: 1px solid var(--line); }
.live-clock span { display: block; font-size: 9px; color: var(--muted-2); letter-spacing: .08em; }
.live-clock b { display: block; margin-top: 3px; font-variant-numeric: tabular-nums; font-size: 13px; color: #cbd9d5; }
.icon-button, .mobile-menu { width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 11px; background: rgba(15,34,31,.68); cursor: pointer; transition: .2s; }
.icon-button:hover { border-color: rgba(103,217,198,.35); color: var(--cyan-bright); transform: rotate(16deg); }
.auth-button { height: 38px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(215,183,106,.19); border-radius: 11px; padding: 0 13px; background: linear-gradient(120deg, rgba(215,183,106,.10), rgba(13,34,30,.72)); color: #dbc991; cursor: pointer; }
.auth-dot { width: 7px; height: 7px; border-radius: 50%; background: #8e6c39; box-shadow: 0 0 0 4px rgba(142,108,57,.11); }
.auth-button.logged-in .auth-dot { background: var(--cyan); box-shadow: 0 0 0 4px rgba(103,217,198,.10), 0 0 12px rgba(103,217,198,.3); }
.mobile-menu { display: none; }

.content-wrap { padding: 26px 30px 60px; max-width: 1720px; margin: 0 auto; }
.view { display: none; animation: viewIn .38s ease; }
.view.active { display: block; }
@keyframes viewIn { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.glass { background: linear-gradient(150deg, rgba(18,39,35,.76), rgba(8,23,20,.72)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow), inset 0 1px rgba(255,255,255,.015); backdrop-filter: blur(20px); }

.hero-panel { min-height: 310px; position: relative; display: grid; grid-template-columns: minmax(0,1.6fr) minmax(220px,.55fr); align-items: end; overflow: hidden; padding: 42px 40px 36px; border-color: rgba(215,183,106,.18); }
.hero-panel::before { content:""; position:absolute; inset:0; background: linear-gradient(110deg, rgba(3,12,10,.05), rgba(5,17,15,.45) 52%, rgba(216,183,106,.07)); pointer-events:none; }
.hero-panel::after { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background: linear-gradient(90deg, transparent, rgba(215,183,106,.65), transparent); }
.hero-visual { position:absolute; inset:0; overflow:hidden; opacity:.82; }
.city-radar { position:absolute; width:570px; height:570px; right:18%; top:-195px; border-radius:50%; transform: perspective(750px) rotateX(68deg) rotateZ(-7deg); background: radial-gradient(circle, rgba(103,217,198,.05), transparent 64%); }
.radar-ring { position:absolute; border:1px solid rgba(103,217,198,.18); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }
.r1 { width:28%; height:28%; } .r2 { width:57%; height:57%; } .r3 { width:86%; height:86%; }
.radar-line { position:absolute; left:50%; top:8%; bottom:8%; width:1px; background:linear-gradient(transparent,rgba(103,217,198,.2),transparent); }
.l2 { transform:rotate(90deg); }
.radar-sweep { position:absolute; inset:5%; border-radius:50%; background:conic-gradient(from 0deg, rgba(103,217,198,.26), transparent 42deg); animation:sweep 5s linear infinite; mask:radial-gradient(circle, transparent 0 8%, #000 9%); }
@keyframes sweep { to { transform:rotate(360deg); } }
.radar-node { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--gold-bright); box-shadow:0 0 0 8px rgba(215,183,106,.08),0 0 20px rgba(215,183,106,.65); }
.n1 { left:31%; top:47%; } .n2 { right:27%; top:61%; } .n3 { left:52%; top:25%; background:var(--cyan); }
.hero-copy { position:relative; z-index:2; max-width:760px; }
.section-label { display:flex; align-items:center; gap:8px; color:var(--gold); font-size:11px; letter-spacing:.18em; text-transform:uppercase; }
.section-label i { width:23px; height:1px; background:var(--gold); box-shadow:0 0 8px rgba(215,183,106,.4); }
.hero-copy h2, .page-intro h2 { margin:17px 0 12px; font-family: "Songti SC", "STSong", serif; font-weight:650; letter-spacing:.04em; }
.hero-copy h2 { font-size:34px; max-width:650px; }
.hero-copy p { max-width:690px; color:#9fb3ad; line-height:1.8; font-size:14px; }
.hero-chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
.hero-chips span { border:1px solid rgba(103,217,198,.14); background:rgba(10,27,23,.6); color:#9fc3ba; padding:7px 10px; border-radius:999px; font-size:11px; }
.hero-verdict { position:relative; z-index:2; justify-self:end; width:220px; border-left:1px solid rgba(215,183,106,.2); padding-left:26px; }
.verdict-label { color:var(--muted); font-size:11px; letter-spacing:.13em; }
.hero-verdict > strong { display:block; font-family:"Songti SC",serif; font-size:32px; color:var(--gold-bright); margin:10px 0 18px; text-shadow:0 0 25px rgba(215,183,106,.14); }
.verdict-number span { display:block; font-size:24px; font-variant-numeric:tabular-nums; }
.verdict-number small { display:block; color:var(--muted-2); margin-top:5px; }
.confidence-line { height:3px; margin:18px 0 9px; background:rgba(255,255,255,.07); border-radius:99px; overflow:hidden; }
.confidence-line i { display:block; width:0; height:100%; background:linear-gradient(90deg,var(--gold),var(--cyan)); transition:width .6s ease; }
.verdict-note { color:var(--muted); font-size:11px; }

.kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:17px 0; }
.kpi-card { min-height:125px; position:relative; overflow:hidden; padding:20px; background:linear-gradient(145deg,rgba(16,37,33,.76),rgba(8,24,21,.72)); border:1px solid var(--line); border-radius:16px; }
.kpi-card::after { content:""; position:absolute; width:90px; height:90px; right:-34px; bottom:-40px; border:1px solid rgba(103,217,198,.09); border-radius:50%; box-shadow:0 0 0 16px rgba(103,217,198,.02),0 0 0 32px rgba(103,217,198,.015); }
.kpi-card .kpi-top { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:11px; }
.kpi-card .verified { color:var(--cyan); font-size:10px; }
.kpi-card .kpi-value { margin:16px 0 6px; font-size:26px; font-weight:720; font-variant-numeric:tabular-nums; }
.kpi-card .kpi-value.up { color:#9ce0b7; } .kpi-card .kpi-value.down { color:#e2a497; } .kpi-card .kpi-value.flat { color:#e4d4a7; }
.kpi-card .kpi-foot { color:var(--muted-2); font-size:11px; }
.kpi-card .spark { position:absolute; right:17px; top:48px; width:78px; height:36px; opacity:.65; }

.dashboard-grid, .admin-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; }
.span-4 { grid-column:span 4; } .span-5 { grid-column:span 5; } .span-6 { grid-column:span 6; } .span-7 { grid-column:span 7; } .span-8 { grid-column:span 8; }
.chart-card, .probability-card, .intel-card, .health-card, .model-card, .admin-card { padding:21px; }
.card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:16px; }
.card-head.compact { margin-bottom:11px; }
.card-kicker { display:block; font-size:9px; letter-spacing:.19em; color:var(--muted-2); margin-bottom:5px; }
.card-head h3 { margin:0; font-size:15px; font-weight:650; }
.legend { display:flex; gap:13px; color:var(--muted); font-size:10px; padding-top:5px; }
.legend span::before { content:""; display:inline-block; width:14px; height:2px; margin-right:5px; vertical-align:middle; }
.legend-history::before { background:#8aa6a0; } .legend-forecast::before { background:var(--gold); } .legend-band::before { height:6px!important; background:rgba(215,183,106,.19); }
.chart-wrap { width:100%; height:290px; position:relative; }
.chart-wrap.large { height:390px; }
canvas { width:100%; height:100%; display:block; }
.chart-foot { color:var(--muted-2); font-size:10px; padding-top:10px; border-top:1px solid var(--line); line-height:1.6; }
.text-button { border:0; background:transparent; color:var(--gold); cursor:pointer; font-size:11px; padding:4px; }
.text-button:hover { color:var(--gold-bright); }

.probability-card { overflow:hidden; }
.probability-orb { width:170px; height:170px; margin:13px auto 11px; border-radius:50%; position:relative; display:grid; place-items:center; background:conic-gradient(var(--cyan) var(--progress,50%),rgba(255,255,255,.06) 0); box-shadow:0 0 36px rgba(103,217,198,.08); }
.probability-orb::before { content:""; position:absolute; inset:8px; border-radius:50%; background:radial-gradient(circle at 40% 35%,rgba(29,67,59,.94),rgba(5,18,15,.98)); border:1px solid rgba(103,217,198,.16); }
.probability-orb::after { content:""; position:absolute; inset:-17px; border:1px dashed rgba(103,217,198,.09); border-radius:50%; animation:slowSpin 20s linear infinite; }
@keyframes slowSpin { to { transform:rotate(360deg); } }
.probability-orb > div { position:relative; z-index:2; text-align:center; }
.probability-orb strong { display:block; font-size:33px; font-variant-numeric:tabular-nums; color:var(--cyan-bright); }
.probability-orb span { display:block; margin-top:4px; font-size:10px; color:var(--muted); }
.probability-scale { display:flex; align-items:center; gap:8px; color:var(--muted-2); font-size:9px; }
.probability-scale i { flex:1; height:3px; position:relative; border-radius:99px; background:linear-gradient(90deg,var(--red),var(--gold),var(--cyan)); }
.probability-scale b { position:absolute; left:var(--needle,50%); top:50%; width:8px; height:8px; border-radius:50%; background:#fff; transform:translate(-50%,-50%); box-shadow:0 0 8px #fff; transition:left .5s ease; }
.mini-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:18px; }
.mini-metrics div { padding:11px 8px; border:1px solid var(--line); border-radius:11px; background:rgba(4,18,15,.42); text-align:center; }
.mini-metrics span { display:block; color:var(--muted-2); font-size:9px; }
.mini-metrics b { display:block; margin-top:5px; font-size:12px; font-variant-numeric:tabular-nums; }

.intel-list { display:grid; gap:8px; }
.intel-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:11px; align-items:center; padding:12px 13px; border:1px solid transparent; border-radius:12px; background:rgba(5,20,17,.42); transition:.22s; }
.intel-row:hover { border-color:rgba(103,217,198,.13); background:rgba(11,29,25,.7); transform:translateX(2px); }
.intel-icon { width:33px; height:33px; border-radius:10px; display:grid; place-items:center; background:rgba(103,217,198,.08); color:var(--cyan); }
.intel-row > div:nth-child(2) { min-width:0; }
.intel-row h4 { margin:0; overflow-wrap:anywhere; font-size:12px; font-weight:620; line-height:1.45; }
.intel-row p { margin:4px 0 0; color:var(--muted-2); font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:600px; }
.intel-score { text-align:right; min-width:58px; }
.intel-score b { display:block; font-size:11px; color:#cbd8d4; }
.intel-score span { font-size:9px; color:var(--muted-2); }
.sentiment-dot { width:7px; height:7px; border-radius:50%; display:inline-block; margin-right:4px; background:var(--gold); }
.sentiment-dot.up { background:var(--green); } .sentiment-dot.down { background:var(--red); }

.health-layout { display:grid; grid-template-columns:150px 1fr; gap:18px; align-items:center; }
.health-ring { width:135px; height:135px; border-radius:50%; display:grid; place-items:center; position:relative; background:conic-gradient(var(--gold) var(--health,65%),rgba(255,255,255,.05) 0); }
.health-ring::before { content:""; position:absolute; inset:8px; border-radius:50%; background:#0a1a17; border:1px solid rgba(215,183,106,.13); }
.health-ring div { position:relative; z-index:2; text-align:center; }
.health-ring strong { display:block; font-size:28px; color:var(--gold-bright); }
.health-ring span { display:block; color:var(--muted-2); font-size:9px; margin-top:3px; }
.health-details { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.health-details div { border-bottom:1px solid var(--line); padding-bottom:8px; }
.health-details span { display:block; color:var(--muted-2); font-size:9px; }
.health-details b { display:block; margin-top:5px; font-size:14px; }
.guardrail-strip { display:flex; gap:6px; overflow:hidden; margin-top:18px; padding-top:13px; border-top:1px solid var(--line); }
.guardrail-strip span { flex:0 0 auto; font-size:9px; color:#809b94; border:1px solid var(--line); border-radius:999px; padding:5px 8px; }

.page-intro { display:flex; justify-content:space-between; gap:32px; align-items:flex-end; margin:6px 0 24px; }
.page-intro > div:first-child { max-width:900px; }
.page-intro h2 { font-size:29px; margin-top:13px; }
.page-intro p { color:var(--muted); line-height:1.8; margin:0; max-width:850px; }
.intro-stat { text-align:right; padding:0 8px 5px 25px; border-left:1px solid var(--line-strong); min-width:130px; }
.intro-stat strong { display:block; font-size:28px; color:var(--gold-bright); }
.intro-stat span { color:var(--muted-2); font-size:10px; }
.filter-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px; margin-bottom:15px; border-radius:15px; }
.filter-tabs { display:flex; gap:4px; flex-wrap:wrap; }
.filter-tabs button { border:0; background:transparent; color:var(--muted); padding:8px 13px; border-radius:9px; cursor:pointer; }
.filter-tabs button.active { color:var(--gold-bright); background:rgba(215,183,106,.12); }
.search-box { min-width:260px; display:flex; align-items:center; gap:8px; border:1px solid var(--line); background:rgba(4,17,15,.55); border-radius:10px; padding:0 11px; }
.search-box span { color:var(--muted-2); font-size:18px; }
.search-box input { width:100%; height:36px; border:0; outline:0; background:transparent; color:var(--text); }
.sentiment-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:9px; margin-bottom:14px; }
.sentiment-card { border:1px solid var(--line); border-radius:13px; padding:13px; background:rgba(10,27,23,.55); }
.sentiment-card span { color:var(--muted-2); font-size:9px; }
.sentiment-card strong { display:block; margin:8px 0; font-size:14px; }
.sentiment-track { height:3px; background:rgba(255,255,255,.06); border-radius:99px; overflow:hidden; }
.sentiment-track i { display:block; height:100%; background:linear-gradient(90deg,var(--red),var(--gold),var(--green)); width:50%; }
.full-list { gap:10px; }
.full-list .intel-row { grid-template-columns:auto minmax(0,1fr) 110px; padding:16px; border-color:var(--line); }
.full-list .intel-row h4 { font-size:14px; }
.full-list .intel-row p { font-size:11px; max-width:none; white-space:normal; line-height:1.55; }
.item-labels { display:flex; gap:5px; margin-top:8px; flex-wrap:wrap; }
.item-labels span { color:#7f9f97; border:1px solid var(--line); border-radius:999px; padding:3px 6px; font-size:8px; }
.item-meta { text-align:right; }
.item-meta time { display:block; color:var(--muted-2); font-size:9px; margin-top:5px; }
.item-meta a { display:inline-block; color:var(--gold); font-size:10px; margin-top:9px; text-decoration:none; }

.forecast-layout { display:grid; grid-template-columns:330px minmax(0,1fr); gap:16px; }
.scenario-panel, .forecast-main { padding:22px; }
.admin-lock, .forecast-badge, .culture-only { color:var(--gold); border:1px solid rgba(215,183,106,.18); background:rgba(215,183,106,.07); padding:5px 8px; border-radius:999px; font-size:9px; }
.field-label { display:grid; gap:7px; color:#9cb0aa; font-size:11px; }
.field-label input, .field-label textarea, .field-label select { width:100%; color:var(--text); background:rgba(4,17,15,.7); border:1px solid var(--line); border-radius:10px; padding:10px 11px; outline:none; transition:.2s; }
.field-label input:focus, .field-label textarea:focus, .field-label select:focus { border-color:rgba(103,217,198,.38); box-shadow:0 0 0 3px rgba(103,217,198,.06); }
select option { background:#0a1c18; }
.scenario-panel > .field-label { margin-bottom:14px; }
.slider-group { display:grid; gap:16px; margin:20px 0; padding:17px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.slider-group label > span { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.slider-group b { font-size:11px; font-weight:600; }
.slider-group em { font-style:normal; font-variant-numeric:tabular-nums; color:var(--gold); font-size:10px; }
input[type="range"] { appearance:none; height:4px; background:linear-gradient(90deg,rgba(236,142,131,.5),rgba(215,183,106,.5),rgba(103,217,198,.55)); border:0; padding:0; }
input[type="range"]::-webkit-slider-thumb { appearance:none; width:15px; height:15px; border-radius:50%; background:#e9f4ef; border:3px solid #1a4d43; box-shadow:0 0 0 4px rgba(103,217,198,.08); cursor:pointer; }
.toggle-row { display:flex; align-items:center; gap:9px; margin-bottom:15px; cursor:pointer; }
.toggle-row input { display:none; }
.toggle-row span { width:34px; height:18px; border-radius:99px; background:rgba(255,255,255,.09); position:relative; transition:.2s; }
.toggle-row span::after { content:""; position:absolute; width:12px; height:12px; left:3px; top:3px; background:#7f918c; border-radius:50%; transition:.2s; }
.toggle-row input:checked + span { background:rgba(103,217,198,.24); }
.toggle-row input:checked + span::after { left:19px; background:var(--cyan-bright); }
.toggle-row b { font-size:10px; font-weight:500; color:var(--muted); }
.primary-button, .secondary-button { border-radius:11px; border:1px solid rgba(215,183,106,.26); padding:11px 16px; cursor:pointer; transition:.2s; font-weight:650; }
.primary-button { background:linear-gradient(135deg,#d4b36a,#8e6e37); color:#07110f; box-shadow:0 8px 26px rgba(174,132,55,.15); }
.primary-button:hover { filter:brightness(1.1); transform:translateY(-1px); }
.secondary-button { background:rgba(103,217,198,.08); color:var(--cyan-bright); border-color:rgba(103,217,198,.2); }
.wide { width:100%; }
.scenario-cap { margin-top:12px; color:var(--muted-2); font-size:9px; line-height:1.6; }
.forecast-summary-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:14px; }
.forecast-summary-grid div { padding:12px; border:1px solid var(--line); border-radius:11px; background:rgba(4,17,15,.44); }
.forecast-summary-grid span { display:block; color:var(--muted-2); font-size:9px; }
.forecast-summary-grid b { display:block; margin-top:6px; font-size:14px; }
.model-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:16px; }
.component-row { display:grid; grid-template-columns:85px 1fr 52px; gap:8px; align-items:center; margin:10px 0; }
.component-row span { color:var(--muted); font-size:10px; }
.component-row i { height:4px; background:rgba(255,255,255,.06); border-radius:99px; overflow:hidden; }
.component-row i b { display:block; height:100%; background:linear-gradient(90deg,var(--cyan),var(--gold)); }
.component-row em { text-align:right; color:#bdcbc7; font-size:9px; font-style:normal; }
.backtest-number { display:flex; align-items:end; gap:8px; margin:14px 0; }
.backtest-number strong { font-size:30px; color:var(--gold-bright); }
.backtest-number span { color:var(--muted-2); font-size:9px; padding-bottom:5px; }
.backtest-note, .method-list p { color:var(--muted); font-size:10px; line-height:1.65; }
.method-list { display:grid; gap:8px; }
.method-list p { margin:0; padding-left:12px; position:relative; }
.method-list p::before { content:""; position:absolute; left:0; top:.58em; width:4px; height:4px; border-radius:50%; background:var(--gold); }

.culture-intro { align-items:center; }
.culture-seal { display:flex; align-items:center; gap:12px; min-width:210px; }
.culture-seal span { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(215,183,106,.45); color:var(--gold-bright); font-family:serif; font-size:22px; transform:rotate(45deg); }
.culture-seal span::first-letter { transform:rotate(-45deg); }
.culture-seal b { color:#8d9f9a; font-size:10px; letter-spacing:.1em; }
.culture-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:16px; }
.bagua-card, .hexagram-card, .palace-card, .axis-card { padding:22px; }
.bagua-card { grid-row:span 2; overflow:hidden; min-height:690px; }
.bagua-stage { height:570px; display:grid; place-items:center; perspective:1100px; cursor:grab; user-select:none; }
.bagua-stage:active { cursor:grabbing; }
.bagua-shadow { position:absolute; width:390px; height:100px; border-radius:50%; background:radial-gradient(ellipse,rgba(0,0,0,.58),transparent 68%); transform:translateY(210px) rotateX(72deg); filter:blur(10px); }
.bagua-disc { width:430px; height:430px; border-radius:50%; position:relative; transform-style:preserve-3d; transform:rotateX(58deg) rotateZ(0deg); transition:transform .15s ease-out; background:
  radial-gradient(circle at center, rgba(7,21,18,1) 0 22%, transparent 22.4%),
  repeating-conic-gradient(from 22.5deg, rgba(215,183,106,.14) 0 1deg, transparent 1deg 45deg),
  conic-gradient(from 22.5deg, rgba(103,217,198,.06) 0 45deg, rgba(215,183,106,.06) 45deg 90deg, rgba(103,217,198,.035) 90deg 135deg, rgba(215,183,106,.08) 135deg 180deg, rgba(103,217,198,.05) 180deg 225deg, rgba(215,183,106,.05) 225deg 270deg, rgba(103,217,198,.07) 270deg 315deg, rgba(215,183,106,.04) 315deg 360deg),
  radial-gradient(circle,rgba(13,39,33,.98),rgba(3,12,10,.98));
  border:1px solid rgba(215,183,106,.38); box-shadow:inset 0 0 0 9px rgba(215,183,106,.03),inset 0 0 65px rgba(103,217,198,.07),0 0 50px rgba(215,183,106,.08); animation:discFloat 6s ease-in-out infinite alternate;
}
.bagua-disc.paused { animation-play-state:paused; }
@keyframes discFloat { from { margin-top:-5px; } to { margin-top:8px; } }
.bagua-rim { position:absolute; inset:21px; border-radius:50%; border:1px solid rgba(103,217,198,.18); box-shadow:inset 0 0 0 26px rgba(255,255,255,.008); }
.bagua-rim::before,.bagua-rim::after { content:""; position:absolute; border-radius:50%; inset:46px; border:1px dashed rgba(215,183,106,.16); }
.bagua-rim::after { inset:89px; border-style:solid; border-color:rgba(103,217,198,.12); }
.trigram-labels span { --a:0deg; position:absolute; left:50%; top:50%; width:64px; margin-left:-32px; margin-top:-16px; text-align:center; transform:rotate(var(--a)) translateY(-174px) rotate(calc(-1 * var(--a))); color:#dfcc90; font-family:"Songti SC",serif; text-shadow:0 0 11px rgba(215,183,106,.25); }
.trigram-labels b { display:block; font-size:26px; font-weight:500; }
.trigram-labels em { display:block; font-size:9px; color:#89a49d; font-style:normal; margin-top:2px; }
.direction-ring span { --r:0deg; position:absolute; left:50%; top:50%; width:30px; margin-left:-15px; margin-top:-7px; text-align:center; transform:rotate(var(--r)) translateY(-203px) rotate(calc(-1 * var(--r))); font-size:8px; letter-spacing:.15em; color:#607c74; }
.yin-yang { position:absolute; width:112px; height:112px; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%) translateZ(13px); background:linear-gradient(90deg,#d6c17f 50%,#071512 50%); box-shadow:0 0 0 1px rgba(215,183,106,.35),0 0 35px rgba(215,183,106,.13); animation:slowSpin 24s linear infinite; }
.yin-yang::before,.yin-yang::after { content:""; position:absolute; left:28px; width:56px; height:56px; border-radius:50%; }
.yin-yang::before { top:0; background:#071512; box-shadow:inset 0 0 0 21px #d6c17f; }
.yin-yang::after { bottom:0; background:#d6c17f; box-shadow:inset 0 0 0 21px #071512; }
.orbit-points i { position:absolute; width:5px; height:5px; background:var(--cyan); border-radius:50%; left:50%; top:50%; box-shadow:0 0 10px var(--cyan); }
.orbit-points i:nth-child(1){transform:rotate(0deg) translateY(-142px)} .orbit-points i:nth-child(2){transform:rotate(45deg) translateY(-142px)} .orbit-points i:nth-child(3){transform:rotate(90deg) translateY(-142px)} .orbit-points i:nth-child(4){transform:rotate(135deg) translateY(-142px)} .orbit-points i:nth-child(5){transform:rotate(180deg) translateY(-142px)} .orbit-points i:nth-child(6){transform:rotate(225deg) translateY(-142px)} .orbit-points i:nth-child(7){transform:rotate(270deg) translateY(-142px)} .orbit-points i:nth-child(8){transform:rotate(315deg) translateY(-142px)}
.bagua-hint { text-align:center; color:var(--muted-2); font-size:9px; }
.hexagram-title { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; text-align:center; margin:18px 0; }
.hexagram-title > div { font-size:42px; color:var(--gold-bright); text-shadow:0 0 20px rgba(215,183,106,.17); }
.hexagram-title strong { font-family:"Songti SC",serif; font-size:34px; letter-spacing:.12em; }
.hexagram-meta { display:flex; gap:7px; flex-wrap:wrap; justify-content:center; }
.hexagram-meta span { border:1px solid var(--line); background:rgba(6,21,18,.55); border-radius:999px; padding:6px 9px; color:#9eb1ac; font-size:9px; }
.hexagram-reading { color:#a9bbb6; line-height:1.8; font-family:"Songti SC",serif; font-size:14px; margin:20px 0; }
.culture-disclaimer { padding:12px; border-left:2px solid var(--gold); background:rgba(215,183,106,.055); color:#918e79; font-size:9px; line-height:1.65; }
.palace-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; aspect-ratio:1; }
.palace-cell { border:1px solid rgba(215,183,106,.13); border-radius:9px; background:linear-gradient(145deg,rgba(215,183,106,.055),rgba(103,217,198,.025)); display:flex; flex-direction:column; justify-content:space-between; padding:9px; min-width:0; }
.palace-cell strong { font-family:"Songti SC",serif; font-size:16px; color:#dac683; }
.palace-cell span { color:var(--muted-2); font-size:8px; }
.palace-cell b { font-size:10px; color:#9eb5af; }
.axis-card { display:grid; grid-template-columns:180px 1fr; gap:16px; align-items:center; }
.axis-card .card-head { grid-column:1/-1; }
.axis-visual { width:170px; height:170px; border:1px solid rgba(103,217,198,.16); border-radius:50%; position:relative; display:grid; place-items:center; background:radial-gradient(circle,rgba(215,183,106,.09),transparent 55%); }
.axis-visual b { width:54px; height:54px; display:grid; place-items:center; border:1px solid rgba(215,183,106,.3); border-radius:50%; color:var(--gold-bright); font-family:serif; }
.axis { position:absolute; color:var(--muted); font-size:9px; } .north{top:7px}.south{bottom:7px}.east{right:7px}.west{left:7px}
.axis-v,.axis-h { position:absolute; background:linear-gradient(transparent,rgba(103,217,198,.25),transparent); }
.axis-v { width:1px; height:140px; } .axis-h { height:1px; width:140px; }
.axis-list { display:grid; gap:8px; }
.axis-row { border-left:2px solid rgba(103,217,198,.23); padding-left:10px; }
.axis-row b { font-size:10px; color:#becbc7; }
.axis-row p { margin:4px 0 0; color:var(--muted-2); font-size:9px; line-height:1.5; }

.district-card { grid-column:1/-1; padding:22px; }
.district-note { color:var(--muted-2); font-size:10px; line-height:1.6; margin:-5px 0 16px; }
.district-lens-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }
.district-lens { min-width:0; border:1px solid rgba(172,225,211,.10); border-radius:13px; background:linear-gradient(145deg,rgba(16,37,33,.72),rgba(6,21,18,.66)); padding:13px; }
.district-lens-head { display:grid; grid-template-columns:31px minmax(0,1fr) auto; gap:8px; align-items:center; }
.district-lens-head > span { width:31px; height:31px; display:grid; place-items:center; border:1px solid rgba(215,183,106,.22); border-radius:9px; color:var(--gold-bright); font-size:19px; background:rgba(215,183,106,.05); }
.district-lens-head strong { display:block; font-family:"Songti SC",serif; font-size:15px; color:#e7dbb3; }
.district-lens-head small { display:block; color:var(--muted-2); font-size:8px; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.district-lens-head > b { color:var(--cyan); font-size:9px; font-weight:600; }
.district-lens > p { color:#8ba7a0; font-size:9px; margin:10px 0 7px; line-height:1.45; }
.district-lens ul { margin:0; padding-left:16px; color:#b0c0bc; font-size:9px; line-height:1.55; }
.district-lens footer { margin-top:9px; padding-top:7px; border-top:1px solid var(--line); color:var(--muted-2); font-size:8px; }
.article-public-link { display:inline-flex; margin:12px 0 0; color:var(--gold); text-decoration:none; border-bottom:1px solid rgba(215,183,106,.25); padding-bottom:2px; font-size:11px; }
.article-public-link:hover { color:var(--gold-bright); }

.article-layout { display:grid; grid-template-columns:360px minmax(0,1fr); gap:16px; min-height:650px; }
.article-list { display:grid; gap:9px; align-content:start; }
.article-list-item { border:1px solid var(--line); border-radius:14px; background:rgba(11,29,25,.58); padding:15px; cursor:pointer; transition:.22s; }
.article-list-item:hover,.article-list-item.active { border-color:rgba(215,183,106,.27); background:rgba(18,38,33,.82); transform:translateX(2px); }
.article-list-item .article-status { display:flex; justify-content:space-between; color:var(--muted-2); font-size:9px; }
.status-pill { padding:3px 7px; border-radius:999px; border:1px solid var(--line); }
.status-pill.published { color:var(--cyan); border-color:rgba(103,217,198,.2); }
.status-pill.approved { color:var(--gold); border-color:rgba(215,183,106,.2); }
.status-pill.draft { color:#b99d78; }
.article-list-item h3 { font-size:13px; line-height:1.55; margin:11px 0 7px; }
.article-list-item p { margin:0; color:var(--muted-2); font-size:10px; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.article-preview { padding:28px; min-width:0; }
.empty-state { min-height:560px; display:grid; place-items:center; align-content:center; text-align:center; color:var(--muted); }
.empty-state span { font-size:42px; color:rgba(215,183,106,.45); }
.empty-state h3 { margin:15px 0 7px; }
.empty-state p { color:var(--muted-2); }
.article-preview-head { border-bottom:1px solid var(--line); padding-bottom:20px; margin-bottom:22px; }
.article-preview-head h1 { font-family:"Songti SC",serif; font-size:28px; line-height:1.45; margin:12px 0; }
.article-preview-head p { color:var(--muted); line-height:1.7; }
.article-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.article-actions button { border:1px solid var(--line); background:rgba(7,24,20,.7); color:#a9bbb6; padding:7px 10px; border-radius:9px; cursor:pointer; }
.article-actions button.primary { border-color:rgba(215,183,106,.25); color:var(--gold-bright); }
.article-labels { display:flex; gap:5px; flex-wrap:wrap; }
.article-labels span { font-size:8px; border:1px solid var(--line); color:#809c95; border-radius:999px; padding:4px 7px; }
.intel-article { max-width:900px; margin:0 auto; }
.article-lede { color:#c8d5d1; font:17px/1.85 "Songti SC",serif; padding:17px 19px; border-left:3px solid var(--gold); background:rgba(215,183,106,.045); margin-bottom:26px; }
.article-section { margin:28px 0; }
.article-section .section-kicker { display:inline-block; color:var(--gold); font-size:9px; letter-spacing:.12em; margin-bottom:6px; }
.article-section h2 { font:650 23px/1.45 "Songti SC",serif; margin:5px 0 12px; }
.article-section p { color:#aabcb7; font-size:14px; line-height:2; margin:9px 0; }
.source-token { display:inline-grid; place-items:center; min-width:24px; height:18px; color:#07110f; background:var(--gold); border-radius:5px; padding:0 4px; font:700 9px/1 sans-serif; vertical-align:2px; }
.article-section.sources ol { padding-left:22px; color:#8fa59f; }
.article-section.sources li { margin:9px 0; line-height:1.55; }
.article-section.sources a { color:#b7c9c4; text-decoration:none; border-bottom:1px dashed rgba(183,201,196,.35); }
.article-disclaimer { margin-top:32px; padding:15px; border:1px solid rgba(215,183,106,.13); border-radius:11px; color:#898b7d; font-size:10px; line-height:1.65; }
.compliance-box { margin:16px 0; padding:12px; border:1px solid rgba(103,217,198,.16); background:rgba(103,217,198,.04); border-radius:11px; }
.compliance-box.blocking { border-color:rgba(236,142,131,.25); background:rgba(236,142,131,.045); }
.compliance-box strong { font-size:11px; }
.compliance-box ul { margin:8px 0 0; padding-left:18px; color:var(--muted); font-size:9px; }

.admin-session { color:var(--muted); border:1px solid var(--line); border-radius:999px; padding:8px 12px; font-size:10px; }
.admin-session.online { color:var(--cyan); border-color:rgba(103,217,198,.2); }
.admin-locked { min-height:430px; display:grid; place-items:center; text-align:center; }
.admin-locked > div { max-width:420px; }
.admin-locked span { font-size:48px; color:rgba(215,183,106,.45); }
.admin-locked h3 { font-size:22px; }
.admin-locked p { color:var(--muted); line-height:1.7; }
.admin-content { display:none; }
.admin-content.visible { display:block; }
.admin-card { min-width:0; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.form-grid .span-2 { grid-column:span 2; }
.form-stack { display:grid; gap:12px; }
.form-two { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.admin-intel-list { display:grid; gap:8px; max-height:520px; overflow:auto; padding-right:3px; }
.admin-intel-row { border:1px solid var(--line); border-radius:12px; padding:12px; background:rgba(5,19,16,.42); }
.admin-intel-row .intel-head { display:flex; justify-content:space-between; gap:10px; }
.admin-intel-row h4 { margin:0; font-size:12px; }
.admin-intel-row .intel-grade { color:var(--gold); font-size:9px; }
.admin-intel-row p { color:var(--muted); font-size:10px; line-height:1.55; }
.evidence-bars { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.evidence-bar span { display:flex; justify-content:space-between; color:var(--muted-2); font-size:8px; }
.evidence-bar i { display:block; height:3px; margin-top:5px; background:rgba(255,255,255,.06); border-radius:99px; overflow:hidden; }
.evidence-bar i b { display:block; height:100%; }
.evidence-bar.support i b { background:var(--green); } .evidence-bar.contra i b { background:var(--red); }
.intel-actions { display:flex; gap:6px; margin-top:10px; }
.intel-actions button { border:1px solid var(--line); background:transparent; color:var(--muted); border-radius:7px; padding:4px 7px; cursor:pointer; font-size:8px; }
.source-table-wrap { overflow:auto; max-height:470px; }
.source-table { width:100%; border-collapse:collapse; min-width:760px; }
.source-table th { text-align:left; color:var(--muted-2); font-size:9px; font-weight:500; padding:10px; border-bottom:1px solid var(--line); }
.source-table td { padding:11px 10px; border-bottom:1px solid rgba(172,225,211,.065); font-size:10px; color:#a9bbb6; vertical-align:top; }
.source-table td:first-child b { display:block; color:#d6e0dd; font-size:11px; }
.source-table td:first-child small { display:block; max-width:260px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--muted-2); margin-top:4px; }
.source-toggle { width:32px; height:17px; border:0; border-radius:99px; background:#3d4c48; position:relative; cursor:pointer; }
.source-toggle::after { content:""; position:absolute; width:11px; height:11px; border-radius:50%; background:#8c9a96; top:3px; left:3px; transition:.2s; }
.source-toggle.on { background:rgba(103,217,198,.25); }
.source-toggle.on::after { left:18px; background:var(--cyan-bright); }
.table-action { border:0; background:transparent; color:var(--gold); cursor:pointer; font-size:9px; padding:3px; }
.source-error { color:var(--red); }
.job-buttons { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.job-buttons button { border:1px solid var(--line); background:rgba(6,22,18,.68); border-radius:10px; padding:10px 6px; color:#a8bab5; cursor:pointer; font-size:10px; }
.job-buttons button:hover { color:var(--gold); border-color:rgba(215,183,106,.2); }
.job-list,.audit-list { display:grid; gap:7px; margin-top:13px; max-height:310px; overflow:auto; }
.job-row,.audit-row { border-bottom:1px solid var(--line); padding:9px 2px; display:grid; grid-template-columns:auto 1fr auto; gap:8px; align-items:center; }
.job-row i { width:7px; height:7px; border-radius:50%; background:var(--muted-2); }
.job-row i.ok { background:var(--green); } .job-row i.error { background:var(--red); } .job-row i.running { background:var(--gold); animation:pulse 1s infinite; }
.job-row b,.audit-row b { font-size:10px; }
.job-row span,.audit-row span { color:var(--muted-2); font-size:8px; }
.audit-row { grid-template-columns:75px 1fr 110px; }
.audit-row code { color:#8da39d; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.modal { position:fixed; inset:0; z-index:100; display:none; place-items:center; padding:20px; }
.modal.open { display:grid; }
.modal-backdrop { position:absolute; inset:0; background:rgba(1,7,6,.74); backdrop-filter:blur(10px); }
.modal-panel { position:relative; width:min(480px,100%); padding:30px; border:1px solid rgba(215,183,106,.2); border-radius:22px; background:linear-gradient(150deg,rgba(17,39,34,.98),rgba(5,18,15,.98)); box-shadow:0 30px 120px rgba(0,0,0,.6); }
.modal-close { position:absolute; right:13px; top:12px; width:30px; height:30px; border:0; background:transparent; color:var(--muted); font-size:22px; cursor:pointer; }
.login-symbol { width:62px; height:62px; border-radius:50%; display:grid; place-items:center; margin-bottom:17px; border:1px solid rgba(215,183,106,.38); color:var(--gold-bright); font:24px serif; background:radial-gradient(circle,rgba(215,183,106,.10),transparent); }
.modal-panel h2 { font-family:"Songti SC",serif; font-size:27px; margin:8px 0; }
.modal-panel > p { color:var(--muted); line-height:1.7; }
.modal-panel code { color:var(--gold); }
.form-message { color:var(--red); min-height:20px; margin-top:10px; font-size:10px; }
.toast-stack { position:fixed; right:22px; bottom:22px; z-index:200; display:grid; gap:8px; }
.toast { min-width:260px; max-width:390px; border:1px solid var(--line); background:rgba(12,31,27,.96); border-radius:12px; padding:12px 14px; box-shadow:0 15px 45px rgba(0,0,0,.4); animation:toastIn .25s ease; color:#c8d5d1; font-size:11px; }
.toast.error { border-color:rgba(236,142,131,.25); color:#e8b2aa; }
.toast.success { border-color:rgba(103,217,198,.24); }
@keyframes toastIn { from { opacity:0; transform:translateY(10px); } }

.skeleton { position:relative; overflow:hidden; background:rgba(255,255,255,.035)!important; color:transparent!important; }
.skeleton::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent); transform:translateX(-100%); animation:shimmer 1.4s infinite; }
@keyframes shimmer { to { transform:translateX(100%); } }

@media (max-width: 1250px) {
  :root { --sidebar: 210px; }
  .content-wrap { padding-left:22px; padding-right:22px; }
  .hero-panel { grid-template-columns:1fr 210px; padding:34px 30px; }
  .hero-copy h2 { font-size:30px; }
  .dashboard-grid .span-8 { grid-column:span 7; } .dashboard-grid .span-4 { grid-column:span 5; }
  .dashboard-grid .span-7 { grid-column:span 7; } .dashboard-grid .span-5 { grid-column:span 5; }
  .culture-grid { grid-template-columns:1fr 1fr; }
  .bagua-card { grid-column:1/-1; grid-row:auto; min-height:650px; }
}
@media (max-width: 980px) {
  :root { --sidebar: 246px; }
  .app-shell { display:block; }
  .sidebar { transform:translateX(-105%); transition:transform .28s ease; box-shadow:30px 0 90px rgba(0,0,0,.45); }
  .sidebar.open { transform:none; }
  .main-shell { grid-column:auto; }
  .mobile-menu { display:block; }
  .topbar { padding:0 18px; }
  .content-wrap { padding:20px 18px 50px; }
  .hero-panel { grid-template-columns:1fr; padding:30px 25px; }
  .hero-verdict { justify-self:start; width:100%; border-left:0; border-top:1px solid rgba(215,183,106,.18); padding:20px 0 0; margin-top:22px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .hero-verdict > strong { margin:0; }
  .confidence-line,.verdict-note { grid-column:1/-1; }
  .kpi-grid { grid-template-columns:repeat(2,1fr); }
  .dashboard-grid > *, .dashboard-grid .span-8, .dashboard-grid .span-7, .dashboard-grid .span-5, .dashboard-grid .span-4 { grid-column:1/-1; }
  .forecast-layout { grid-template-columns:1fr; }
  .model-grid { grid-template-columns:1fr; }
  .article-layout { grid-template-columns:1fr; }
  .district-lens-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .article-list { grid-template-columns:repeat(2,1fr); }
  .sentiment-grid { grid-template-columns:repeat(3,1fr); }
  .admin-grid > * { grid-column:1/-1!important; }
}
@media (max-width: 680px) {
  .topbar { height:70px; }
  .topbar-title .eyebrow,.live-clock { display:none; }
  .topbar h1 { font-size:17px; }
  .auth-button span:last-child { display:none; }
  .auth-button { width:38px; padding:0; justify-content:center; }
  .content-wrap { padding:14px 12px 40px; }
  .hero-panel { min-height:430px; padding:25px 20px; }
  .hero-copy h2 { font-size:27px; }
  .hero-copy p { font-size:12px; }
  .hero-verdict { grid-template-columns:1fr; }
  .hero-verdict .verdict-number { margin-top:-8px; }
  .kpi-grid { grid-template-columns:1fr; }
  .page-intro { display:block; }
  .page-intro h2 { font-size:25px; }
  .intro-stat { display:none; }
  .filter-bar { display:grid; }
  .filter-tabs { overflow-x:auto; flex-wrap:nowrap; padding-bottom:3px; }
  .search-box { min-width:0; }
  .sentiment-grid { grid-template-columns:repeat(2,1fr); }
  .compact-list .intel-row { grid-template-columns:auto minmax(0,1fr); }
  .compact-list .intel-score { grid-column:2; justify-self:start; display:flex; align-items:center; gap:7px; }
  .compact-list .intel-score span { margin:0; }
  .full-list .intel-row { grid-template-columns:auto minmax(0,1fr); }
  .full-list .item-meta { grid-column:2; text-align:left; }
  .chart-wrap { height:250px; }
  .chart-wrap.large { height:290px; }
  .legend { display:none; }
  .mini-metrics { grid-template-columns:1fr; }
  .health-layout { grid-template-columns:1fr; justify-items:center; }
  .health-details { width:100%; }
  .forecast-summary-grid { grid-template-columns:repeat(2,1fr); }
  .culture-grid { grid-template-columns:1fr; }
  .district-lens-grid { grid-template-columns:1fr; }
  .bagua-card { min-height:520px; }
  .bagua-stage { height:410px; transform:scale(.78); margin:-45px -50px; }
  .axis-card { grid-template-columns:1fr; }
  .axis-visual { margin:auto; }
  .article-list { grid-template-columns:1fr; }
  .article-preview { padding:19px; }
  .article-preview-head h1 { font-size:23px; }
  .form-grid { grid-template-columns:1fr; }
  .form-grid .span-2 { grid-column:auto; }
  .form-two { grid-template-columns:1fr; }
  .toast-stack { left:12px; right:12px; bottom:12px; }
  .toast { min-width:0; max-width:none; }
}
.agent-grid,.sector-grid,.pipeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.agent-choice,.sector-card,.pipeline-card,.skill-item{border:1px solid var(--line,rgba(255,255,255,.12));border-radius:14px;padding:14px;background:rgba(255,255,255,.035)}.agent-choice{cursor:pointer}.agent-choice.active{outline:2px solid rgba(215,181,94,.65);background:rgba(215,181,94,.08)}.agent-choice strong,.sector-card strong,.pipeline-card strong{display:block;margin-bottom:6px}.agent-output{white-space:pre-wrap;min-height:220px;max-height:520px;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;background:#090d12;color:#dfe8ee;font:13px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.skill-list{display:grid;gap:10px}.skill-item small,.pipeline-card small,.sector-card small{display:block;color:var(--muted,#8d9aa5);line-height:1.6}.score-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}.score-bar i{display:block;height:100%;background:linear-gradient(90deg,#6f8292,#d7b55e);width:50%}.scene-demo{height:330px;position:relative;perspective:900px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:radial-gradient(circle at center,rgba(215,181,94,.12),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.025),transparent)}.scene-core{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(215,181,94,.55);background:rgba(8,12,16,.88);box-shadow:0 0 50px rgba(215,181,94,.16);z-index:3}.scene-core small{font-size:9px;letter-spacing:2px}.scene-ring{position:absolute;border:1px solid rgba(215,181,94,.35);border-radius:50%;transform:rotateX(68deg);animation:spin3d 16s linear infinite}.scene-ring.r1{width:300px;height:300px}.scene-ring.r2{width:470px;height:470px;animation-direction:reverse;animation-duration:24s}.scene-node{position:absolute;padding:8px 12px;border:1px solid rgba(255,255,255,.16);border-radius:99px;background:rgba(8,12,16,.85);font-size:12px}.n1{transform:translate(-190px,-80px)}.n2{transform:translate(190px,-50px)}.n3{transform:translate(-160px,105px)}.n4{transform:translate(175px,115px)}@keyframes spin3d{to{transform:rotateX(68deg) rotateZ(360deg)}}@media(max-width:700px){.scene-demo{height:260px}.scene-ring.r2{width:330px;height:330px}.n1{transform:translate(-110px,-75px)}.n2{transform:translate(110px,-50px)}.n3{transform:translate(-95px,85px)}.n4{transform:translate(100px,95px)}}


/* v5 visual and usability upgrade */
.command-ribbon{margin:0 24px 0 24px;min-height:48px;display:grid;grid-template-columns:1.4fr repeat(3,minmax(120px,.7fr)) auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(103,217,198,.12);border-top:0;border-radius:0 0 14px 14px;background:linear-gradient(90deg,rgba(6,24,20,.94),rgba(11,32,27,.82));backdrop-filter:blur(18px);position:relative;z-index:4}
.command-ribbon>div{min-width:0;padding:0 10px;border-right:1px solid var(--line)}
.command-ribbon>div:first-child{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:7px}.command-ribbon span,.command-ribbon small{font-size:9px;color:var(--muted-2)}.command-ribbon b,.command-ribbon strong{font-size:10px;color:#dbe9e4}.command-ribbon small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(103,217,198,.07)}.status-dot.live{animation:pulseStatus 2s infinite}@keyframes pulseStatus{50%{box-shadow:0 0 0 9px rgba(103,217,198,0)}}
.ribbon-action{border:0;background:rgba(215,183,106,.1);color:var(--gold-bright);border-radius:9px;padding:9px 12px;cursor:pointer;font-size:10px}
.overview-command-grid{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 2px 12px}.command-title{display:grid;gap:4px}.command-title span{font-size:9px;letter-spacing:.16em;color:var(--gold)}.command-title strong{font-size:14px;font-weight:560}.command-actions{display:flex;gap:7px;flex-wrap:wrap}.command-actions button{border:1px solid var(--line);background:rgba(8,26,22,.68);color:var(--muted);border-radius:9px;padding:8px 11px;cursor:pointer;font-size:10px}.command-actions button:hover{border-color:rgba(103,217,198,.32);color:var(--cyan-bright)}
.strategy-hero{display:grid;grid-template-columns:260px minmax(0,1fr) 190px;gap:28px;align-items:center;padding:24px;margin-bottom:16px;overflow:hidden;position:relative}.strategy-hero:before{content:"";position:absolute;inset:auto -10% -70% 25%;height:260px;background:radial-gradient(circle,rgba(103,217,198,.12),transparent 65%);pointer-events:none}.strategy-orbit{width:210px;height:210px;position:relative;display:grid;place-items:center;margin:auto}.strategy-orbit .orbit{position:absolute;border:1px solid rgba(103,217,198,.18);border-radius:50%;animation:strategySpin 24s linear infinite}.strategy-orbit .o1{inset:18px}.strategy-orbit .o2{inset:42px;animation-direction:reverse;animation-duration:17s;border-style:dashed}.strategy-orbit .o3{inset:68px;border-color:rgba(215,183,106,.24)}@keyframes strategySpin{to{transform:rotate(360deg)}}.strategy-orbit>b{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#285247,#071713 72%);border:1px solid rgba(215,183,106,.34);color:var(--gold-bright);font-size:15px;box-shadow:0 0 38px rgba(103,217,198,.1);z-index:2}.strategy-orbit>b small{font-size:8px;color:var(--muted)}.agent-point{position:absolute;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0b211c;border:1px solid rgba(103,217,198,.28);font-style:normal;font-size:10px;color:var(--cyan-bright);z-index:3}.p1{top:4px;left:91px}.p2{top:26px;right:28px}.p3{top:91px;right:4px}.p4{bottom:27px;right:28px}.p5{bottom:4px;left:91px}.p6{bottom:27px;left:28px}.p7{top:91px;left:4px}.p8{top:26px;left:28px}.strategy-hero-copy h3{font-size:22px;margin:8px 0 10px}.strategy-hero-copy p{color:var(--muted);line-height:1.8;margin:0}.strategy-principles{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.strategy-principles span{border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:9px;color:#91aaa3}.evidence-meter{text-align:center;padding:18px;border-left:1px solid var(--line)}.evidence-meter span,.evidence-meter small{display:block;font-size:9px;color:var(--muted-2)}.evidence-meter strong{display:block;font-size:42px;margin:8px 0 0;color:var(--cyan-bright)}.evidence-meter i{display:block;height:5px;margin-top:14px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.evidence-meter i b{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--cyan))}.mobile-dock{display:none}
.glass{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 50px rgba(0,0,0,.16)}.card-head h3{letter-spacing:.01em}.view{animation:viewReveal .28s ease}@keyframes viewReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:980px){.command-ribbon{grid-template-columns:1fr auto;margin:0 12px}.command-ribbon>div:not(:first-child){display:none}.strategy-hero{grid-template-columns:190px 1fr}.evidence-meter{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;text-align:left}.evidence-meter strong{font-size:28px;margin:0}.evidence-meter i{grid-column:1/-1;margin-top:4px}}
@media(max-width:700px){body{padding-bottom:68px}.sidebar{display:none}.main-shell{margin-left:0}.topbar{padding:11px 14px}.content-wrap{padding:14px 12px 24px}.command-ribbon{margin:0;border-radius:0;min-height:42px}.overview-command-grid{align-items:flex-start;flex-direction:column}.command-actions{width:100%}.command-actions button{flex:1}.strategy-hero{grid-template-columns:1fr;padding:18px;gap:16px}.strategy-orbit{width:180px;height:180px}.strategy-hero-copy{text-align:center}.strategy-principles{justify-content:center}.mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:100;left:10px;right:10px;bottom:8px;padding:7px;border:1px solid rgba(103,217,198,.15);border-radius:16px;background:rgba(5,19,16,.93);backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.45)}.mobile-dock button{border:0;background:transparent;color:var(--muted-2);display:grid;gap:2px;place-items:center;padding:4px;font-size:13px}.mobile-dock b{font-size:8px;font-weight:500}.mobile-dock button:hover{color:var(--cyan-bright)}.page-intro h2{font-size:23px}.hero-panel{min-height:auto}.dashboard-grid{display:block}.dashboard-grid>*{margin-bottom:12px}.forecast-layout{grid-template-columns:1fr}.culture-grid{display:block}.culture-grid>*{margin-bottom:12px}}

/* v6 official government/reference-news visual system */
.official-theme{--bg:#eef2f7;--panel:#fff;--panel-2:#f7f9fc;--text:#17233a;--muted:#5f6d82;--muted-2:#8792a3;--line:#d9e0ea;--line-strong:#c7d1df;--cyan:#1f5f9e;--cyan-bright:#184f86;--gold:#b48a3c;--gold-bright:#8b641f;--red:#c51f2c;--green:#26825d;background:#eef2f7;color:var(--text);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}
.official-theme .ambient,.official-theme .noise{display:none}.gov-utility{height:34px;background:#f5f5f5;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#666;font-size:12px}.gov-utility>div{display:flex;gap:20px}.gov-masthead{height:108px;background:#fff;display:flex;align-items:center;padding:0 4vw;border-bottom:4px solid #c51f2c;gap:18px}.gov-emblem{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#c51f2c;color:#fff;font:700 30px "STSong",serif;box-shadow:inset 0 0 0 4px #fff,0 0 0 1px #c51f2c}.gov-masthead strong{display:block;font-family:"STSong","Songti SC",serif;font-size:31px;letter-spacing:.12em;color:#182d4d}.gov-masthead small{display:block;margin-top:7px;color:#67778f;letter-spacing:.14em}.gov-mast-meta{margin-left:auto;text-align:right}.gov-mast-meta b{display:block;color:#c51f2c}.gov-mast-meta span{display:block;margin-top:8px;color:#6e7c90;font-size:12px}
.official-theme .app-shell{display:block}.official-theme .sidebar{position:sticky;top:0;z-index:80;width:100%;height:auto;display:flex;align-items:center;padding:0 4vw;background:#174f87;border:0;box-shadow:0 3px 12px rgba(18,48,82,.18)}.official-theme .brand{padding:0 24px 0 0;border-right:1px solid rgba(255,255,255,.2);min-height:62px}.official-theme .brand-mark{width:38px;height:38px}.official-theme .brand-name,.official-theme .brand-sub{color:#fff}.official-theme .nav-list{display:flex;flex:1;gap:0;padding:0}.official-theme .nav-item{height:62px;border-radius:0;padding:0 18px;color:#eaf2fb;border:0;border-right:1px solid rgba(255,255,255,.08)}.official-theme .nav-item:hover,.official-theme .nav-item.active{background:#c51f2c;color:#fff}.official-theme .nav-item span{color:inherit}.official-theme .sidebar-foot{display:none}.official-theme .main-shell{margin-left:0}.official-theme .topbar{position:relative;top:auto;background:#fff;border-bottom:1px solid #d9e0ea;padding:18px 4vw}.official-theme .topbar-title h1{font-family:"STSong",serif;color:#19365b}.official-theme .eyebrow{color:#c51f2c}.official-theme .auth-button,.official-theme .icon-button{background:#f5f8fc;border-color:#d4deea;color:#234f7d}.official-theme .command-ribbon{margin:0;padding:10px 4vw;background:#fff;border:0;border-bottom:1px solid #d8e0ea;border-radius:0;box-shadow:none}.official-theme .command-ribbon strong{color:#174f87}.official-theme .ribbon-action{background:#c51f2c;color:#fff;border:0}.official-theme .content-wrap{max-width:1500px;margin:auto;padding:24px 4vw 60px}.official-theme .glass,.official-theme .kpi-card,.official-theme .sentiment-card{background:#fff;border:1px solid #d8e0ea;box-shadow:0 3px 12px rgba(35,60,91,.06);backdrop-filter:none}.official-theme .page-intro{background:#fff;border-top:3px solid #174f87;padding:24px;border-bottom:1px solid #dce3ec}.official-theme .page-intro h2{font-family:"STSong",serif;color:#17365b}.official-theme .section-label{color:#c51f2c}.official-theme .section-label i{background:#c51f2c}.official-theme .card-kicker{color:#c51f2c}.official-theme .card-head h3{color:#1b365b;font-family:"STSong",serif;font-size:18px}.official-theme .overview-command-grid{background:#fff;border-left:5px solid #c51f2c;border-radius:0;box-shadow:none}.official-theme .command-title span{color:#c51f2c}.official-theme .command-title strong{color:#17365b;font-family:"STSong",serif}.official-theme .command-actions button{background:#f5f8fc;border-color:#d8e0ea;color:#174f87}.official-theme .hero-panel{background:#fff;border-top:4px solid #174f87}.official-theme .hero-copy h2{font-family:"STSong",serif;color:#17365b}.official-theme .hero-visual{filter:saturate(.7)}.official-theme .intel-row,.official-theme .mini-metrics div,.official-theme .field-label input,.official-theme .field-label textarea,.official-theme .field-label select{background:#f7f9fc;border-color:#d9e0ea;color:#17233a}.official-theme select option{background:#fff}.official-theme .text-button{color:#174f87}.official-theme .culture-only,.official-theme .admin-lock,.official-theme .forecast-badge{color:#8d641e;background:#fff8e7;border-color:#e6d3a3}.official-theme .culture-disclaimer{background:#fff8e7;color:#776239;border-left-color:#b48a3c}.official-theme .mobile-dock{background:#fff;border-color:#d7e0eb}.official-theme .mobile-dock button{color:#53677f}

/* mechanical qimen model */
.qimen-console{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;background:#f6f8fb;border:1px solid #d8e0ea}.qimen-controls,.qimen-layer-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.qimen-controls button{border:1px solid #cdd8e5;background:#fff;color:#315676;padding:7px 12px;cursor:pointer}.qimen-controls button.active,.qimen-controls button:hover{background:#174f87;color:#fff}.qimen-layer-controls label{font-size:11px;color:#53677f}.mechanism-stage{height:620px;perspective:1300px;position:relative;overflow:visible}.mechanism-frame{position:absolute;width:500px;height:500px;border:12px double #9d7a35;border-radius:50%;box-shadow:0 15px 30px rgba(40,47,55,.22),inset 0 0 35px rgba(70,48,14,.22);transform:rotateX(62deg)}.mechanism-frame>i{position:absolute;width:32px;height:32px;border:5px solid #92702f;border-radius:50%;background:#d9bd79;box-shadow:inset 0 0 0 5px #7b5b24}.mechanism-frame>i:nth-child(1){left:-21px;top:234px}.mechanism-frame>i:nth-child(2){right:-21px;top:234px}.mechanism-frame>i:nth-child(3){top:-21px;left:234px}.mechanism-frame>i:nth-child(4){bottom:-21px;left:234px}.mechanism-disc{width:470px;height:470px;background:radial-gradient(circle,#17293a 0 20%,#d9c183 20.5% 21%,#24384a 21.5% 100%);border:8px ridge #b49550;box-shadow:inset 0 0 60px rgba(0,0,0,.6),0 28px 40px rgba(0,0,0,.28);animation:none}.mechanism-depth{position:absolute;inset:0;border-radius:50%;transform:translateZ(-18px);background:#6a5228;box-shadow:0 18px 0 #4f3b1c,0 22px 24px rgba(0,0,0,.45)}.qimen-ring{position:absolute;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(8px);border:1px solid rgba(230,207,148,.65);transition:opacity .25s,transform .35s}.ring-earth{width:425px;height:425px;background:repeating-conic-gradient(from 22.5deg,rgba(229,210,157,.16) 0 1deg,transparent 1deg 45deg);box-shadow:inset 0 0 0 27px rgba(222,198,132,.07)}.ring-earth>span{position:absolute;left:50%;top:7px;transform:translateX(-50%);color:#ead9a7;font:12px "STSong",serif}.ring-trigram{width:375px;height:375px;border:2px solid #b99a53;box-shadow:inset 0 0 0 28px rgba(185,154,83,.09)}.ring-star{width:315px;height:315px;transform:translate(-50%,-50%) translateZ(18px);border-style:dashed;animation:ringReverse 36s linear infinite}.ring-door{width:255px;height:255px;transform:translate(-50%,-50%) translateZ(26px);border:4px double #b99a53;animation:ringForward 25s linear infinite}.ring-star span,.ring-door span{position:absolute;left:50%;top:50%;width:52px;margin-left:-26px;text-align:center;transform:rotate(var(--a)) translateY(var(--r)) rotate(calc(-1*var(--a)));font:12px "STSong",serif;color:#f0dfaa;text-shadow:0 1px 3px #000}.ring-star span{--r:-142px}.ring-door span{--r:-112px;color:#8fd5e1}.qimen-palace-plate{position:absolute;left:50%;top:50%;width:174px;height:174px;transform:translate(-50%,-50%) translateZ(34px);display:grid;grid-template-columns:repeat(3,1fr);background:#d8c182;border:4px ridge #a8863e}.qimen-palace-plate button{border:1px solid rgba(69,48,17,.55);background:linear-gradient(145deg,#23394a,#142736);color:#f0dca6;font:11px "STSong",serif;cursor:pointer;padding:0}.qimen-palace-plate button:hover,.qimen-palace-plate button.active{background:#b3262f;color:#fff;box-shadow:inset 0 0 12px rgba(255,255,255,.22)}.mechanism-pointer{position:absolute;left:50%;top:50%;width:10px;height:205px;transform-origin:50% 100%;transform:translate(-50%,-100%) translateZ(48px);animation:pointerSweep 14s ease-in-out infinite alternate}.mechanism-pointer b{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:54px solid #cf3039;filter:drop-shadow(0 2px 2px #000)}.mechanism-pointer i{display:block;width:2px;height:150px;background:linear-gradient(#cf3039,#e4c379);margin:auto}.evidence-pulses i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;background:#61d5eb;box-shadow:0 0 0 0 rgba(97,213,235,.65);animation:pulseEvidence 2s infinite}.evidence-pulses i:nth-child(1){transform:rotate(0deg) translateY(-188px)}.evidence-pulses i:nth-child(2){transform:rotate(45deg) translateY(-188px)}.evidence-pulses i:nth-child(3){transform:rotate(90deg) translateY(-188px)}.evidence-pulses i:nth-child(4){transform:rotate(135deg) translateY(-188px)}.evidence-pulses i:nth-child(5){transform:rotate(180deg) translateY(-188px)}.evidence-pulses i:nth-child(6){transform:rotate(225deg) translateY(-188px)}.evidence-pulses i:nth-child(7){transform:rotate(270deg) translateY(-188px)}.evidence-pulses i:nth-child(8){transform:rotate(315deg) translateY(-188px)}.qimen-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-8px}.qimen-readout div{padding:10px;background:#f6f8fb;border:1px solid #d8e0ea;text-align:center}.qimen-readout span{display:block;font-size:10px;color:#758399}.qimen-readout strong{display:block;margin-top:4px;color:#17365b;font-family:"STSong",serif}.qimen-evidence-panel{margin-top:10px;padding:14px 16px;background:#fff8e7;border-left:4px solid #b48a3c}.qimen-evidence-panel b{color:#76581e}.qimen-evidence-panel p{margin:6px 0 0;color:#72664e;font-size:11px;line-height:1.6}
@keyframes ringForward{to{transform:translate(-50%,-50%) translateZ(26px) rotate(360deg)}}@keyframes ringReverse{to{transform:translate(-50%,-50%) translateZ(18px) rotate(-360deg)}}@keyframes pointerSweep{from{transform:translate(-50%,-100%) translateZ(48px) rotate(-24deg)}to{transform:translate(-50%,-100%) translateZ(48px) rotate(42deg)}}@keyframes pulseEvidence{70%{box-shadow:0 0 0 12px rgba(97,213,235,0)}100%{box-shadow:0 0 0 0 rgba(97,213,235,0)}}
.qimen-hidden{opacity:.08!important}.qimen-locked .ring-star,.qimen-locked .ring-door,.qimen-locked .mechanism-pointer{animation-play-state:paused!important}
@media(max-width:900px){.gov-mast-meta{display:none}.official-theme .sidebar{overflow-x:auto;padding:0}.official-theme .brand{display:none}.official-theme .nav-list{min-width:max-content}.official-theme .nav-item{padding:0 13px}.mechanism-stage{height:510px;transform:scale(.82);margin:-35px -70px}.qimen-readout{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.gov-utility{display:none}.gov-masthead{height:78px;padding:0 14px}.gov-emblem{width:44px;height:44px;font-size:22px}.gov-masthead strong{font-size:20px}.gov-masthead small{font-size:8px}.official-theme .sidebar{display:flex}.official-theme .topbar{padding:12px 14px}.official-theme .content-wrap{padding:14px 12px 80px}.mechanism-stage{height:390px;transform:scale(.62);margin:-70px -125px}.bagua-card{min-height:700px}.qimen-console{display:grid}.qimen-controls{display:grid;grid-template-columns:repeat(2,1fr)}.qimen-controls button{padding:8px 5px}.qimen-readout{margin-top:-55px}}

/* v7 mobile-first public communication studio */
.communication-studio{margin-bottom:18px;padding:18px;border-top:4px solid #b3262f;background:linear-gradient(180deg,#fff,#f8fbff)}
.communication-form{display:grid;grid-template-columns:minmax(240px,2fr) repeat(4,minmax(120px,1fr)) auto;gap:10px;align-items:end}
.communication-form .wide-field{min-width:0}.communication-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;padding:12px;background:#f0f5fa;border:1px solid #d5e0eb;color:#234d73;font-size:12px}.communication-flow span{background:#fff;border:1px solid #cbd9e6;padding:7px 10px}.communication-flow i{font-style:normal;color:#b3262f}.communication-article .article-lede{border-left-color:#b3262f}
.mobile-dock{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:1100px){.communication-form{grid-template-columns:repeat(3,1fr)}.communication-form .wide-field{grid-column:1/-1}.communication-form .primary-button{min-height:44px}}
@media(max-width:700px){
  body{overflow-x:hidden}.gov-masthead{position:relative}.gov-masthead strong{font-size:18px}.gov-masthead small{display:none}
  .official-theme .sidebar{scrollbar-width:none}.official-theme .sidebar::-webkit-scrollbar{display:none}
  .command-ribbon{overflow-x:auto;display:flex;gap:8px;padding:8px 10px}.command-ribbon>div,.command-ribbon>button{min-width:max-content}
  .page-intro{display:block}.page-intro .primary-button{width:100%;margin-top:12px;min-height:46px}
  .communication-studio{padding:14px 12px;margin-left:-2px;margin-right:-2px}.communication-form{grid-template-columns:1fr 1fr;gap:9px}.communication-form .wide-field,.communication-form .primary-button{grid-column:1/-1}.communication-form input,.communication-form select{min-height:44px;font-size:16px}
  .communication-flow{display:grid;grid-template-columns:1fr auto 1fr;font-size:11px}.communication-flow span{text-align:center}.communication-flow i:nth-of-type(2n){display:none}
  .article-layout{display:block}.article-list{max-height:none;display:flex;overflow-x:auto;gap:10px;padding-bottom:10px;scroll-snap-type:x mandatory}.article-list-item{min-width:82vw;scroll-snap-align:start}.article-preview{padding:14px}.article-preview-head h1{font-size:23px;line-height:1.35}.article-body{font-size:16px;line-height:1.85}.article-body h2{font-size:20px}.article-actions{display:grid;grid-template-columns:1fr;gap:8px}.article-actions button,.article-public-link{min-height:44px;text-align:center}
  .mechanism-stage{touch-action:none}.qimen-controls button{min-height:44px}.qimen-layer-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.qimen-evidence-panel{font-size:14px}
  .mobile-dock button{min-height:56px}.mobile-dock b{font-size:10px}
}
@media(max-width:420px){.communication-form{grid-template-columns:1fr}.communication-form>*{grid-column:1!important}.gov-emblem{display:none}.gov-masthead{padding:0 10px}.topbar-title h1{font-size:20px}.live-clock{display:none}.article-list-item{min-width:88vw}}

/* v8 frontier intelligence operations workspace */
.intel-ops-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:26px 30px;background:linear-gradient(110deg,#071a2b,#0b2941 62%,#123b56);color:#fff;border-top:4px solid #c99a34;margin-bottom:16px}
.intel-ops-head h2{font:700 30px/1.25 "Noto Serif SC","Songti SC",serif;margin:5px 0 8px}.intel-ops-head p{max-width:820px;color:#c8d7e3;margin:0}.ops-kicker{font-size:11px;letter-spacing:.18em;color:#86c7df}.mission-state{min-width:150px;text-align:right}.mission-state b{display:block;font-size:20px;letter-spacing:.14em}.mission-state small{color:#a9bfce}.pulse-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#54d69b;box-shadow:0 0 0 7px #54d69b22;margin-right:8px;animation:opsPulse 1.8s infinite}@keyframes opsPulse{50%{box-shadow:0 0 0 13px transparent}}
.ops-metrics{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:1px;background:#cbd6df;border:1px solid #cbd6df;margin-bottom:16px}.ops-metric{background:#fff;padding:14px 16px}.ops-metric span{display:block;color:#637382;font-size:12px}.ops-metric b{font-size:24px;color:#102a3d}.ops-metric small{font-size:11px;color:#8795a1}
.ops-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.ops-panel{background:#fff;border:1px solid #cbd5dc;box-shadow:0 3px 12px #0c22300b}.ops-panel-head{height:48px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #dfe6eb;background:#f6f8fa}.ops-panel-head span{font-size:10px;letter-spacing:.13em;color:#728291}.ops-panel-head b{font-size:15px;color:#19384d}.ops-panel-head em{margin-left:auto;font-style:normal;font-size:11px;color:#9a6a17;background:#fff4d9;padding:3px 7px}.live-brief-panel{grid-column:span 12;padding-bottom:18px}.live-brief-panel h3{font:700 24px/1.45 "Noto Serif SC","Songti SC",serif;margin:20px 22px 12px;color:#102d42}.brief-columns{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:0;border-top:1px solid #e3e9ed}.brief-columns>div{padding:14px 22px;border-right:1px solid #e3e9ed}.brief-columns>div:last-child{border-right:0}.brief-columns h4{font-size:12px;color:#a46c14;letter-spacing:.08em}.brief-columns ul{margin:8px 0 0;padding-left:18px}.brief-columns li,.brief-columns p{font-size:14px;line-height:1.75;color:#405564}
.graph-panel{grid-column:span 7}.event-panel{grid-column:span 5}.hypothesis-panel{grid-column:span 7}.source-panel{grid-column:span 5}.action-panel{grid-column:span 12}.graph-panel svg{width:100%;height:auto;background:radial-gradient(circle at center,#f8fbfd,#eef3f6)}.graph-edge{stroke:#91a9b8;stroke-opacity:.58}.graph-label{font-size:11px;fill:#1c3547}.graph-node-mission{fill:#9b1c1f;stroke:#fff;stroke-width:3}.graph-node-entity{fill:#174f87;stroke:#fff;stroke-width:2}.graph-legend{display:flex;gap:14px;padding:8px 14px;border-top:1px solid #e0e7eb;font-size:11px;color:#6b7d89}.graph-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#91a9b8;margin-right:5px}.graph-legend .mission-node:before{background:#9b1c1f}.graph-legend .entity-node:before{background:#174f87}
.event-toolbar{padding:9px 12px;border-bottom:1px solid #e1e7eb}.event-toolbar button{border:0;background:transparent;padding:5px 8px;color:#667986}.event-toolbar button.active{background:#174f87;color:#fff}.event-stream{max-height:430px;overflow:auto}.event-row{display:grid;grid-template-columns:60px 1fr auto;gap:10px;padding:12px 14px;border-bottom:1px solid #edf1f3}.event-row:hover{background:#f6f9fb}.event-time{font:600 11px/1.4 monospace;color:#69808e}.event-copy b{display:block;font-size:13px;line-height:1.45;color:#1e394b}.event-copy small{color:#82919b}.severity{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#e8eef2}.severity.s4,.severity.s5{background:#f5dddd;color:#9b1c1f}
.hypothesis-card{padding:15px 18px;border-bottom:1px solid #e5ebef}.hypothesis-title{display:flex;gap:12px;align-items:flex-start}.hypothesis-title strong{font-size:14px;color:#19384d}.confidence-chip{margin-left:auto;white-space:nowrap;font-size:11px;padding:3px 6px;background:#e7f1f7;color:#174f87}.evidence-bars{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.evidence-bars label{font-size:11px;color:#71818b}.evidence-bars i{display:block;height:7px;background:#e7ecef;margin-top:4px}.evidence-bars b{display:block;height:100%;background:#2c8167}.evidence-bars .contra b{background:#a13b3e}.hypothesis-card p{margin:0;color:#667985;font-size:12px}.source-row,.task-row{display:grid;grid-template-columns:1fr 70px;gap:12px;padding:11px 15px;border-bottom:1px solid #e8edef}.source-row b,.task-row b{font-size:13px;color:#274252}.source-row i{height:8px;background:#e8edf0;display:block;margin-top:6px}.source-row i span{display:block;height:100%;background:#315f7c}.source-row em,.task-row em{font-style:normal;text-align:right;color:#617580;font-size:12px}.task-row{grid-template-columns:34px 1fr 90px}.task-priority{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#153f5d;color:#fff;font-size:11px}.ops-guardrail{margin:14px;padding:10px 12px;border-left:3px solid #aa7a25;background:#fff8e7;color:#6e5b36;font-size:12px}
@media(max-width:980px){.ops-metrics{grid-template-columns:repeat(4,1fr)}.graph-panel,.event-panel,.hypothesis-panel,.source-panel{grid-column:span 12}.brief-columns{grid-template-columns:1fr}.brief-columns>div{border-right:0;border-bottom:1px solid #e3e9ed}}
@media(max-width:640px){.intel-ops-head{padding:20px 16px;display:block}.intel-ops-head h2{font-size:23px}.mission-state{text-align:left;margin-top:14px}.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-metric{padding:11px}.ops-metric b{font-size:20px}.ops-layout{gap:10px}.live-brief-panel h3{font-size:19px;margin:16px}.brief-columns>div{padding:12px 16px}.event-stream{max-height:none}.graph-panel svg{min-height:320px}.event-row{grid-template-columns:52px 1fr auto}.ops-panel-head{padding:0 11px}.ops-panel-head span{display:none}}
.distribution-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.distribution-status-strip>div{background:#fff;border:1px solid var(--line);border-top:3px solid var(--primary);padding:14px}.distribution-status-strip strong{display:block;font-size:24px}.credential-fields{display:grid;gap:10px}.channel-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;border:1px solid var(--line);background:#fafafa}.channel-choice{display:flex;align-items:center;gap:8px}.channel-actions{display:flex;gap:6px;flex-wrap:wrap}.channel-actions button,.campaign-actions button{min-height:34px;padding:6px 10px}.campaign-board{display:grid;gap:12px;margin-top:16px}.campaign-card{border:1px solid var(--line);background:#fff;padding:14px}.campaign-job-grid{display:grid;gap:6px;margin-top:8px}.campaign-job{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px dashed var(--line);padding-top:7px}.rule-row{border-left:4px solid var(--primary)}@media(max-width:720px){.distribution-status-strip{grid-template-columns:repeat(2,1fr)}.channel-choices{grid-template-columns:1fr}.campaign-job{grid-template-columns:1fr}.credential-fields .form-two{grid-template-columns:1fr}}

/* v11 real Three.js runtime, model/agent builder and image-to-3D studio */
.security-note{padding:9px 11px;border-left:3px solid #174f87;background:#eef5fb;color:#49677d;font-size:11px;line-height:1.6}
.capability-checks,.skill-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid #d8e0ea;background:#f7f9fc}
.capability-checks label,.skill-choice-grid label{display:flex;gap:7px;align-items:flex-start;color:#415c72;font-size:11px;line-height:1.4}
.runtime-badge{font:700 10px/1 ui-monospace,SFMono-Regular,monospace;color:#146b56;background:#e4f5ee;border:1px solid #b8dfd0;padding:6px 8px}
.compliance-blocking{display:block;color:#9f2429;margin-top:5px}.compliance-ok{display:block;color:#24745d;margin-top:5px}
.visual-progress{height:7px;margin:10px 0;background:#e7edf0;overflow:hidden;border-radius:99px}.visual-progress i{display:block;height:100%;background:linear-gradient(90deg,#1b5a85,#2c8a6e);transition:width .3s ease}
.visual-job-card>small{display:block;color:#687b88;overflow-wrap:anywhere}.visual-job-card>small a{color:#175e8c}
.visual-studio-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.28fr);gap:16px;margin-top:16px}
.three-stage{height:440px;min-width:0;background:radial-gradient(circle at 50% 38%,#123c36 0,#071914 48%,#030b09 100%);border:1px solid #244a43;isolation:isolate}
.three-intel-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;touch-action:none;outline:none}
.three-fallback{display:grid;place-items:center;gap:8px;color:#d5c07d;text-align:center}.three-fallback span{font-size:10px;color:#728e87}
.webgl-ready>.three-fallback{display:none}
.mechanism-stage.webgl-ready{transform:none;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 42%,#15473e,#071713 58%,#020806)}
.mechanism-stage.webgl-ready>.bagua-shadow,.mechanism-stage.webgl-ready>.mechanism-frame,.mechanism-stage.webgl-ready>.mechanism-disc{opacity:0;pointer-events:none}
.visual-job-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:8px;color:#637688;font-size:11px}
.progress-track{height:6px;background:#e4eaf0;overflow:hidden;margin-top:9px}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,#174f87,#1a8068)}
.visual-job-actions{display:flex;gap:7px;flex-wrap:wrap}.visual-job-actions button{min-height:34px}

@media(max-width:900px){
  .visual-studio-grid{grid-template-columns:1fr}.three-stage{height:380px}
}
@media(max-width:700px){
  .official-theme .sidebar{display:none}
  .official-theme .sidebar.open{display:flex;position:fixed;inset:78px 0 auto 0;max-height:62vh;overflow:auto;padding:0;background:#174f87}
  .official-theme .sidebar.open .nav-list{display:grid;grid-template-columns:repeat(2,1fr);min-width:0;width:100%}
  .official-theme .sidebar.open .nav-item{height:52px;padding:0 12px}
  .official-theme .mobile-dock{grid-template-columns:repeat(6,1fr)}
  .mechanism-stage.webgl-ready{height:420px;margin:0;transform:none}
  .bagua-card{min-height:auto}.qimen-readout{margin-top:8px}
  .capability-checks,.skill-choice-grid{grid-template-columns:1fr}
  .three-stage{height:330px}
}
@media(prefers-reduced-motion:reduce){
  .three-intel-canvas{scroll-behavior:auto}
}

/* v12.0.2 formal Chinese typography: 黑体标题、仿宋正文、分级自适应 */
body.official-theme {
  font-family: var(--font-fangsong);
  font-size: clamp(15px, .22vw + 14px, 17px);
  line-height: 1.78;
  font-synthesis: weight style;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.official-theme h1,
.official-theme h2,
.official-theme h3,
.official-theme h4,
.official-theme h5,
.official-theme h6,
.official-theme strong,
.official-theme b,
.official-theme .gov-masthead strong,
.official-theme .topbar-title h1,
.official-theme .page-intro h2,
.official-theme .hero-copy h2,
.official-theme .hero-verdict > strong,
.official-theme .card-head h3,
.official-theme .command-title strong,
.official-theme .article-preview-head h1,
.official-theme .article-section h2,
.official-theme .intel-ops-head h2,
.official-theme .live-brief-panel h3,
.official-theme .ops-panel-head b {
  font-family: var(--font-heiti);
  font-weight: 700;
}

.official-theme p,
.official-theme li,
.official-theme blockquote,
.official-theme .hero-copy p,
.official-theme .article-preview-head p,
.official-theme .article-lede,
.official-theme .article-section p,
.official-theme .article-section li,
.official-theme .brief-columns p,
.official-theme .brief-columns li,
.official-theme .intel-ops-head p,
.official-theme .qimen-evidence-panel p,
.official-theme .admin-locked p {
  font-family: var(--font-fangsong);
  font-weight: 400;
  letter-spacing: .025em;
}

.official-theme button,
.official-theme input,
.official-theme textarea,
.official-theme select,
.official-theme label,
.official-theme nav,
.official-theme small,
.official-theme code,
.official-theme th,
.official-theme .gov-utility,
.official-theme .gov-mast-meta,
.official-theme .eyebrow,
.official-theme .section-label,
.official-theme .card-kicker,
.official-theme .command-ribbon,
.official-theme .mobile-dock,
.official-theme .article-labels,
.official-theme .section-kicker,
.official-theme .runtime-badge {
  font-family: var(--font-ui);
}

.official-theme code,
.official-theme pre,
.official-theme .agent-output,
.official-theme .event-time,
.official-theme .live-clock {
  font-family: var(--font-numeric);
}

.official-theme .gov-masthead strong {
  font-size: clamp(27px, 2.15vw, 34px);
  font-weight: 800;
  letter-spacing: .1em;
}
.official-theme .nav-item b { font-size: 14px; font-weight: 700; letter-spacing: .035em; }
.official-theme .topbar-title h1 { font-size: clamp(20px, 1.45vw, 24px); font-weight: 800; }
.official-theme .hero-copy h2 {
  font-size: clamp(31px, 2.55vw, 40px);
  font-weight: 800;
  line-height: 1.38;
  letter-spacing: .035em;
}
.official-theme .hero-copy p {
  color: #3d5367;
  font-size: clamp(16px, .3vw + 15px, 18px);
  line-height: 1.95;
  text-align: justify;
  text-justify: inter-ideograph;
}
.official-theme .page-intro h2 { font-size: clamp(25px, 2vw, 31px); font-weight: 800; }
.official-theme .page-intro p { color: #45596d; font-size: 16px; line-height: 1.9; }
.official-theme .card-head h3 { font-size: clamp(17px, 1.15vw, 20px); font-weight: 800; line-height: 1.45; }
.official-theme .card-kicker,
.official-theme .section-label { font-size: 11px; font-weight: 700; }
.official-theme .command-title strong { font-size: 16px; line-height: 1.55; }
.official-theme .command-actions button,
.official-theme .ribbon-action,
.official-theme .text-button,
.official-theme .primary-button,
.official-theme .secondary-button { font-size: 13px; font-weight: 700; }
.official-theme .kpi-card .kpi-top,
.official-theme .kpi-card .kpi-foot { font-size: 13px; }
.official-theme .intel-row p,
.official-theme .admin-intel-row p,
.official-theme .strategy-hero-copy p,
.official-theme .qimen-evidence-panel p { font-size: 14px; line-height: 1.8; }
.official-theme .source-table th { font-size: 12px; font-weight: 700; }
.official-theme .source-table td { font-size: 13px; line-height: 1.65; }
.official-theme .field-label { font-size: 13px; font-weight: 700; }
.official-theme .field-label input,
.official-theme .field-label textarea,
.official-theme .field-label select { font-size: 14px; line-height: 1.6; }

.official-theme .article-preview-head h1 {
  color: #17365b;
  font-size: clamp(26px, 2.3vw, 34px);
  font-weight: 800;
  line-height: 1.42;
}
.official-theme .article-preview-head p { color: #465b6e; font-size: 16px; line-height: 1.9; }
.official-theme .article-lede {
  color: #2c4358;
  background: #f2f6fa;
  border-left-color: #174f87;
  font-size: 17px;
  line-height: 1.95;
}
.official-theme .article-section h2 { color: #17365b; font-size: 24px; line-height: 1.5; }
.official-theme .article-section p,
.official-theme .article-section li {
  color: #2f4050;
  font-size: 17px;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
.official-theme .article-section.sources ol,
.official-theme .article-section.sources a { color: #42596c; }
.official-theme .article-disclaimer {
  color: #6b5153;
  background: #fff6f6;
  border-color: #e8c9cc;
  font-size: 13px;
  line-height: 1.8;
}

@media (max-width: 980px) {
  body.official-theme { font-size: 16px; }
  .official-theme .gov-masthead strong { font-size: 25px; }
  .official-theme .nav-item b { font-size: 13px; }
  .official-theme .content-wrap { padding-left: 20px; padding-right: 20px; }
  .official-theme .hero-copy h2 { font-size: 31px; }
  .official-theme .hero-copy p { font-size: 17px; }
}

@media (max-width: 700px) {
  body.official-theme { font-size: 16px; line-height: 1.75; }
  .official-theme .gov-masthead strong { font-size: 20px; letter-spacing: .055em; }
  .official-theme .topbar-title h1 { font-size: 19px; }
  .official-theme .hero-copy h2 { font-size: 27px; line-height: 1.36; }
  .official-theme .hero-copy p { font-size: 16px; line-height: 1.88; }
  .official-theme .page-intro h2 { font-size: 24px; }
  .official-theme .page-intro p { font-size: 16px; }
  .official-theme .card-head h3 { font-size: 18px; }
  .official-theme .article-preview { padding: 18px 16px; }
  .official-theme .article-preview-head h1 { font-size: 26px; }
  .official-theme .article-preview-head p,
  .official-theme .article-lede,
  .official-theme .article-section p,
  .official-theme .article-section li { font-size: 17px; }
  .official-theme button,
  .official-theme .qimen-controls button,
  .official-theme .article-actions button { min-height: 44px; }
  .official-theme .field-label input,
  .official-theme .field-label textarea,
  .official-theme .field-label select { font-size: 16px; }
  .official-theme .mobile-dock b { font-size: 10px; font-weight: 700; }
}

@media (max-width: 420px) {
  .official-theme .content-wrap { padding-left: 10px; padding-right: 10px; }
  .official-theme .gov-masthead strong { font-size: 18px; }
  .official-theme .topbar-title h1 { font-size: 18px; }
  .official-theme .hero-copy h2 { font-size: 25px; }
  .official-theme .card-head h3 { font-size: 17px; }
}