:root {
  color: #202124;
  background: #f2f3f6;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  font-synthesis: none;
  --red: #b4233c;
  --red-dark: #84192d;
  --red-soft: #fff0f2;
  --line: #e9e9ed;
  --muted: #7c818d;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
button { color: inherit; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
.ui-icon { width: 24px; height: 24px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* Overview */
.concept-index {
  min-height: 100vh;
  padding: 64px clamp(24px, 6vw, 96px);
  background:
    radial-gradient(circle at 10% 0%, rgba(180,35,60,.1), transparent 28%),
    radial-gradient(circle at 90% 100%, rgba(115,23,38,.08), transparent 30%),
    #f7f7f9;
}
.concept-header { max-width: 1280px; display: flex; justify-content: space-between; align-items: flex-end; margin: 0 auto 36px; }
.concept-header span { color: #ac263c; font-size: 12px; font-weight: 800; letter-spacing: 2px; }
.concept-header h1 { margin: 12px 0 8px; font-size: clamp(36px,5vw,58px); line-height: 1.05; letter-spacing: -2px; }
.concept-header p { margin: 0; color: #747984; font-size: 15px; }
.concept-header > b { padding: 10px 14px; border: 1px solid #e6d6d9; border-radius: 99px; background: #fff; color: #9b3144; font-size: 11px; letter-spacing: 1.3px; }
.concept-header-actions { display: flex; align-items: center; gap: 10px; }
.concept-header-actions a { padding: 10px 14px; border: 1px solid #1f6cd8; border-radius: 99px; background: #1f6cd8; color: #fff; font-size: 12px; font-weight: 800; }
.concept-grid { max-width: 1280px; display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin: auto; }
.concept-card { position: relative; min-height: 520px; overflow: hidden; padding: 26px; border: 1px solid rgba(112,24,39,.09); border-radius: 24px; background: #fff; box-shadow: 0 18px 50px rgba(46,26,30,.07); transition: .22s ease; }
.concept-card:hover { transform: translateY(-6px); box-shadow: 0 28px 68px rgba(46,26,30,.13); }
.concept-card small { color: #b02941; font-size: 11px; font-weight: 800; letter-spacing: .6px; }
.concept-card h2 { margin: 14px 0 8px; font-size: 25px; }
.concept-card p { margin: 0; color: #7c808a; font-size: 13px; line-height: 1.7; }
.concept-card > strong { position: absolute; left: 26px; bottom: 24px; color: #9b1f34; font-size: 12px; }
.archive-card { border-style: dashed; background: linear-gradient(145deg,#fff 0%,#f5f7fa 100%); }
.archive-card small, .archive-card > strong { color: #5f6876; }
.archive-stack { position: absolute; left: 50%; bottom: 78px; width: 230px; height: 245px; transform: translateX(-50%); }
.archive-stack i { position: absolute; left: 50%; bottom: 0; width: 156px; height: 220px; display: grid; place-items: center; border: 5px solid #282c33; border-radius: 24px; background: linear-gradient(155deg,#f9fafc,#e8edf4); box-shadow: 0 22px 42px rgba(35,42,53,.18); color: #88919e; font-size: 54px; font-style: normal; font-weight: 900; }
.archive-stack i:nth-child(1) { transform: translateX(-76%) rotate(-9deg); }
.archive-stack i:nth-child(2) { transform: translateX(-50%); color: #5f6876; }
.archive-stack i:nth-child(3) { transform: translateX(-24%) rotate(9deg); }
.archive-back { display: inline-block; margin-bottom: 22px; color: #6f7784; font-size: 12px; font-weight: 700; }
.archive-index .concept-card small { color: #687282; }
.concept-preview { position: absolute; left: 50%; bottom: -58px; width: 210px; height: 300px; display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: 120px 58px 58px; gap: 8px; padding: 13px; transform: translateX(-50%) rotate(-3deg); border: 6px solid #22242a; border-radius: 30px; background: #f5f5f7; box-shadow: 0 24px 40px rgba(24,18,20,.25); }
.concept-preview i { border-radius: 11px; background: #fff; box-shadow: inset 0 0 0 1px #eee8ea; }
.concept-preview i:first-child { grid-column: 1/-1; background: linear-gradient(100deg,rgba(117,19,26,.72),rgba(205,62,48,.34)),url("assets/pc-hero.png") 59% center/cover; }
.c2 { background: #fff9f7; }
.c2 .concept-preview { transform: translateX(-50%) rotate(3deg); }
.c2 .concept-preview i { border-radius: 18px; }
.c2 .concept-preview i:first-child { background: linear-gradient(135deg,#b52d2d,#ef7665); }
.c3 { background: #fffdf8; }
.c3 .concept-preview { transform: translateX(-50%); border-radius: 15px; background: #f3eee5; }
.c3 .concept-preview i { border-radius: 3px; }
.c3 .concept-preview i:first-child { background: linear-gradient(135deg,#850508,#bd1618); }
.c4 { background: #f8faf9; }
.c4 .concept-preview { transform: translateX(-50%) rotate(2deg); }
.c4 .concept-preview i:first-child { background: linear-gradient(rgba(92,7,23,.36),rgba(12,16,18,.45)), url("assets/pc-hero.png") center/cover; }
.c6 { background: linear-gradient(145deg,#fff,#f2f7fc); }
.c6 .concept-preview { transform: translateX(-50%) rotate(2deg); border-color: #1e2228; background: #fff; }
.c6 .concept-preview i { border-radius: 9px; background: #fafafa; }
.c6 .concept-preview i:first-child { background: linear-gradient(145deg,#123d78,#168f9a); }
.c8 { background: linear-gradient(145deg,#fff,#edf4ff); }
.c8 .concept-preview { transform: translateX(-50%) rotate(-1deg); border-color: #12213a; background: #f3f7fc; }
.c8 .concept-preview i { border-radius: 11px; background: #f8fbff; }
.c8 .concept-preview i:first-child { background: radial-gradient(circle at 68% 42%,rgba(60,210,255,.32),transparent 22%),linear-gradient(145deg,#071a3e,#225fc1); }
.c9 { background: linear-gradient(145deg,#fff,#fff2f2); }
.c9 .concept-preview { transform: translateX(-50%) rotate(1deg); border-color: #241517; background: #f7f3f3; }
.c9 .concept-preview i { border-radius: 10px; background: #fff; }
.c9 .concept-preview i:first-child {
  background:
    radial-gradient(circle at 50% 78%,rgba(255,74,58,.62),transparent 18%),
    repeating-linear-gradient(165deg,transparent 0 12px,rgba(255,47,47,.12) 13px 14px),
    linear-gradient(145deg,#220204,#d90019 72%,#ff3c36);
}

/* Preview frame */
.prototype-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 6%, rgba(179,35,60,.11), transparent 29%),
    linear-gradient(140deg,#f7f7f9,#eceef2);
}
.preview-layout { min-height: 100vh; display: grid; grid-template-columns: 410px minmax(340px,500px); align-items: center; justify-content: center; gap: 72px; padding: 42px; }
.back-link { position: fixed; z-index: 20; top: 20px; left: 24px; padding: 10px 14px; border: 1px solid #e7d8db; border-radius: 12px; background: rgba(255,255,255,.9); box-shadow: 0 8px 25px rgba(40,20,24,.06); color: #8f2638; font-size: 12px; backdrop-filter: blur(12px); }
.device { position: relative; width: 390px; height: 844px; padding: 10px; border-radius: 51px; background: linear-gradient(145deg,#24262c,#050609 62%,#34363c); box-shadow: 0 36px 90px rgba(38,15,20,.27), inset 0 0 0 1px rgba(255,255,255,.24); }
.device::before { content: ""; position: absolute; z-index: 40; top: 18px; left: 50%; width: 104px; height: 28px; transform: translateX(-50%); border-radius: 18px; background: #050607; }
.screen { position: relative; height: 100%; overflow: hidden; border-radius: 42px; background: #f5f6f8; }
.page-scroll { position: absolute; inset: 0 0 69px; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; }
.page-scroll::-webkit-scrollbar { display: none; }
.concept-note small { color: #b0253e; font-size: 11px; font-weight: 800; letter-spacing: 1.8px; }
.concept-note h2 { margin: 12px 0 10px; font-size: 34px; letter-spacing: -1px; }
.concept-note p { max-width: 420px; margin: 0; color: #737884; font-size: 14px; line-height: 1.8; }

/* Three-scheme comparison */
.compare-page { min-height: 100vh; padding: 42px clamp(20px, 4vw, 72px) 70px; background: radial-gradient(circle at 10% 0%,rgba(30,108,216,.1),transparent 25%),radial-gradient(circle at 90% 100%,rgba(180,35,60,.08),transparent 28%),#f4f6f9; }
.compare-header { max-width: 1560px; margin: 0 auto 26px; display: flex; align-items: flex-start; gap: 22px; }
.compare-header > div { flex: 1; }
.compare-header span { color: #1d67c8; font-size: 12px; font-weight: 800; letter-spacing: 1.4px; }
.compare-header h1 { margin: 8px 0 7px; color: #202124; font-size: clamp(28px,3vw,42px); line-height: 1.12; }
.compare-header p { margin: 0; color: #6f7784; font-size: 14px; }
.compare-back { flex: 0 0 auto; margin-top: 4px; padding: 10px 14px; border: 1px solid #d8dfe9; border-radius: 12px; background: #fff; color: #306fc7; font-size: 12px; font-weight: 700; }
.compare-grid { max-width: 1560px; margin: auto; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; align-items: start; }
.compare-grid.compare-grid-two { max-width: 1040px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.compare-item { min-width: 0; overflow: hidden; border: 1px solid #dde3eb; border-radius: 22px; background: rgba(255,255,255,.88); box-shadow: 0 18px 44px rgba(23,42,66,.11); }
.compare-label { padding: 16px 18px 14px; border-bottom: 1px solid #edf0f4; }
.compare-label small { color: #246fd0; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; }
.compare-label h2 { margin: 5px 0 0; color: #333; font-size: 18px; }
.compare-frame { height: min(78vh,860px); overflow: hidden; background: #edf1f6; }
.compare-frame iframe { width: 100%; height: 100%; display: block; border: 0; background: #f6f7f9; }
@media (max-width: 1120px) { .compare-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .compare-page { padding: 20px 14px 34px; } .compare-header { display: block; } .compare-back { display: inline-block; margin: 0 0 18px; } .compare-grid { grid-template-columns: 1fr; } .compare-frame { height: 760px; } .concept-header-actions { margin-top: 18px; } }

/* Realistic moving top chrome */
.status-bar { position: relative; z-index: 8; height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #222; font-size: 15px; }
.status-bar.is-light { color: #fff; }
.status-bar > b { font-size: 15px; letter-spacing: .2px; }
.phone-signals { display: flex; align-items: flex-end; gap: 2px; height: 15px; }
.phone-signals > i { width: 3px; display: block; border-radius: 2px 2px 0 0; background: currentColor; }
.phone-signals > i:nth-child(1) { height: 5px; }
.phone-signals > i:nth-child(2) { height: 8px; }
.phone-signals > i:nth-child(3) { height: 11px; }
.phone-signals em { margin: 0 3px 0 2px; font-size: 8px; font-style: normal; font-weight: 800; line-height: 12px; }
.phone-signals u { width: 15px; height: 10px; display: block; border: 1.5px solid currentColor; border-radius: 3px; text-decoration: none; opacity: .9; }
.phone-signals strong { margin-left: -17px; width: 15px; color: inherit; font-size: 7px; line-height: 10px; text-align: center; }
.mini-top { position: relative; z-index: 7; height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; color: #26242a; }
.mini-top.is-light { color: #fff; }
.brand-mark { display: flex; align-items: center; gap: 9px; }
.brand-mark > i { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.42); border-radius: 9px; background: rgba(255,255,255,.14); color: #fff; font-size: 13px; font-style: normal; font-weight: 900; }
.brand-mark > span { display: flex; flex-direction: column; gap: 1px; }
.brand-mark b { font-size: 18px; }
.brand-mark small { max-width: 160px; overflow: hidden; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.mini-capsule { width: 86px; height: 32px; display: flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid rgba(255,255,255,.38); border-radius: 17px; background: rgba(28,18,21,.24); color: #fff; backdrop-filter: blur(8px); }
.mini-capsule > i { width: 3px; height: 3px; border-radius: 50%; background: currentColor; }
.mini-capsule > b { width: 1px; height: 18px; margin: 0 8px 0 7px; background: rgba(255,255,255,.32); }
.mini-capsule > em { width: 15px; height: 15px; display: block; border: 2px solid currentColor; border-radius: 50%; box-shadow: inset 0 0 0 3px transparent; }
.mini-capsule > em::after { content: ""; width: 5px; height: 5px; display: block; margin: 3px; border-radius: 50%; background: currentColor; }
.mini-capsule.is-dark { border-color: #ddd; background: rgba(255,255,255,.9); color: #202124; }
.mini-capsule.is-dark > b { background: #ddd; }
.city-select { display: flex; align-items: center; gap: 6px; border: 0; background: transparent; color: inherit; font-size: 15px; font-weight: 700; }
.city-select i { width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); }

/* Shared content */
.hero { position: relative; overflow: hidden; color: #fff; }
.hero-copy { position: relative; z-index: 3; padding: 20px 18px 0; }
.hero-copy h1 { margin: 9px 0 8px; font-size: 28px; line-height: 1.25; letter-spacing: -.6px; }
.hero-copy p { margin: 0; overflow: hidden; color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.55; text-overflow: ellipsis; white-space: nowrap; }
.hero-copy > small { color: rgba(255,255,255,.78); font-size: 12px; font-weight: 700; letter-spacing: 1.5px; }
.hero-tag { display: inline-block; padding: 5px 9px; border: 1px solid rgba(255,255,255,.3); border-radius: 8px; background: rgba(65,0,14,.15); font-size: 10px; }
.search-box { position: relative; z-index: 4; width: calc(100% - 36px); height: 46px; display: flex; align-items: center; justify-content: space-between; margin: 19px 18px 20px; padding: 0 5px 0 14px; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 10px 24px rgba(67,0,13,.18); color: #7f828a; font-size: 15px; }
.search-box > span { display: flex; align-items: center; gap: 8px; text-align: left; }
.search-box .ui-icon { width: 18px; height: 18px; color: var(--red); }
.search-box em { display: inline-block; min-width: 128px; overflow: hidden; color: inherit; font-size: inherit; font-style: normal; white-space: nowrap; text-overflow: ellipsis; transition: opacity .18s ease, transform .18s ease; }
.search-box em.is-changing { opacity: 0; transform: translateY(4px); }
.search-box > b { height: 36px; display: grid; place-items: center; padding: 0 15px; border-radius: 9px; background: var(--red); color: #fff; font-size: 14px; }
.surface { position: relative; z-index: 5; margin: 16px 14px; padding: 18px 14px; border: 1px solid #ececf0; border-radius: 17px; background: #fff; box-shadow: 0 7px 24px rgba(39,32,34,.06); }
.switch-title { min-height: 33px; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 13px; }
.switch-title > div { display: flex; align-items: center; gap: 18px; }
.switch-title button { position: relative; border: 0; padding: 0 0 8px; background: transparent; color: #9699a1; font-size: 19px; }
.switch-title button.active { color: #1f2127; font-weight: 800; }
.switch-title button.active::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 22px; height: 3px; margin: auto; border-radius: 2px; background: var(--red); }
.switch-title > span { padding-top: 5px; color: #9a9da5; font-size: 12px; }
[hidden] { display: none !important; }
.app-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px 8px; }
.app-grid button { min-width: 0; border: 0; padding: 0; background: transparent; }
.app-icon { position: relative; width: 52px; height: 52px; display: grid; place-items: center; margin: 0 auto 9px; overflow: hidden; border-radius: 17px; background: linear-gradient(145deg,#fff5f6,#ffdce2); color: var(--red); box-shadow: 0 5px 12px rgba(159,34,56,.12), inset 0 0 0 1px rgba(255,255,255,.85); }
.app-icon::after { content: ""; position: absolute; width: 25px; height: 25px; right: -10px; bottom: -11px; border-radius: 50%; background: currentColor; opacity: .09; }
.app-grid button:nth-child(2) .app-icon { background: #fff0e5; color: #c05c27; }
.app-grid button:nth-child(3) .app-icon { background: #eef1fb; color: #536ab2; }
.app-grid button:nth-child(4) .app-icon { background: #f4e9f2; color: #9a4c75; }
.app-grid button:nth-child(5) .app-icon { background: #eef0f3; color: #68707c; }
.app-grid button:nth-child(6) .app-icon { background: #e8f5ef; color: #26815f; }
.app-grid button:nth-child(7) .app-icon { background: #fff3df; color: #b46f22; }
.app-grid button:nth-child(8) .app-icon { background: #eef0f3; color: #68707c; }
.app-icon .ui-icon { width: 25px; height: 25px; stroke-width: 1.9; }
.app-grid b { display: block; min-height: 20px; overflow: hidden; color: #30333a; font-size: 14px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.content-section { margin: 0 14px 18px; padding: 18px 15px; border-radius: 17px; background: #fff; }
.section-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.section-title h2 { margin: 0; color: #24262c; font-size: 22px; letter-spacing: -.3px; }
.section-title button { min-height: 28px; border: 0; padding: 0 2px 0 8px; background: transparent; color: #70757f; font-size: 14px; }
.section-title button i { margin-left: 3px; color: var(--red); font-size: 18px; font-style: normal; vertical-align: -1px; }
.scene-grid { display: grid; gap: 8px; }
.scene-item { position: relative; overflow: hidden; border: 0; text-align: left; }
.scene-item .scene-number { font-size: 9px; }
.scene-item b, .scene-item small { display: block; }
.scene-item b { font-size: 15px; }
.scene-item small { overflow: hidden; color: #888c95; font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.scene-icon { display: grid; place-items: center; }
.product-list { overflow: hidden; border: 1px solid #ececf0; border-radius: 13px; }
.product-list button { position: relative; width: 100%; min-height: 84px; display: grid; grid-template-columns: 1fr 18px; align-items: center; gap: 14px; padding: 15px 14px 15px 17px; border: 0; border-bottom: 1px solid #ededf0; background: #fff; text-align: left; }
.product-list button:last-child { border-bottom: 0; }
.product-list button::before { content: ""; position: absolute; left: 0; top: 17px; bottom: 17px; width: 3px; border-radius: 0 3px 3px 0; background: var(--red); opacity: .78; }
.product-copy > * { display: block; }
.product-copy small { margin-bottom: 4px; color: var(--red); font-size: 14px; font-weight: 800; }
.product-copy b { display: -webkit-box; overflow: hidden; color: #292c33; font-size: 15px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.product-copy em { margin-top: 6px; overflow: hidden; color: #777c86; font-size: 12px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.product-list button > i { color: var(--red); font-size: 22px; font-style: normal; }
.news-list button { width: 100%; border: 0; background: transparent; color: #282b32; text-align: left; }
.news-order { color: var(--red); font-size: 11px; font-weight: 800; letter-spacing: .5px; }
.news-copy { min-width: 0; }
.news-copy > * { display: block; }
.news-copy small { color: var(--red); font-size: 12px; font-weight: 750; }
.news-copy b { overflow: hidden; font-size: 15px; line-height: 1.5; text-overflow: ellipsis; }
.news-copy em { color: #8b8f98; font-size: 11px; font-style: normal; }
.news-list button > i { color: var(--red); font-size: 20px; font-style: normal; }
.demand-block { margin: 0 14px 18px; padding: 20px; border-radius: 17px; color: #fff; background: linear-gradient(105deg,rgba(94,9,25,.96),rgba(183,40,64,.82)), url("assets/scenes/scene-05.jpg") center/cover; }
.demand-block small { color: rgba(255,255,255,.65); font-size: 12px; }
.demand-block h2 { margin: 5px 0; font-size: 22px; }
.demand-block p { margin: 0; overflow: hidden; color: rgba(255,255,255,.74); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.demand-block > div:last-child { display: flex; gap: 9px; margin-top: 15px; }
.demand-block button { flex: 1; height: 40px; border: 1px solid rgba(255,255,255,.42); border-radius: 10px; background: transparent; color: #fff; font-size: 15px; }
.demand-block button.primary { border-color: #fff; background: #fff; color: #a32038; font-weight: 700; }
.partner-list { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; scrollbar-width: none; }
.partner-list span { flex: 0 0 auto; min-width: 104px; display: flex; align-items: center; gap: 7px; padding: 9px; border: 1px solid #e9e9ed; border-radius: 10px; background: #fff; }
.partner-list i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #f8e8eb; color: #a9233a; font-size: 11px; font-style: normal; font-weight: 800; }
.partner-list b { color: #4e535d; font-size: 13px; font-weight: 500; white-space: nowrap; }
.bottom-nav { position: absolute; z-index: 20; left: 0; right: 0; bottom: 0; height: 69px; display: grid; grid-template-columns: 1fr 1fr; padding: 7px 70px max(7px,env(safe-area-inset-bottom)); border-top: 1px solid #e7e8ec; background: rgba(255,255,255,.97); backdrop-filter: blur(16px); }
.bottom-nav button { border: 0; background: transparent; color: #92969e; font-size: 13px; }
.bottom-nav .ui-icon { width: 25px; height: 27px; margin: 0 auto 2px; padding: 2px; transition: .18s ease; }
.bottom-nav span { display: block; }
.bottom-nav button.active { color: var(--red); font-weight: 700; }
.bottom-nav button.active .ui-icon { width: 48px; padding: 5px 13px; border-radius: 17px; background: var(--red-soft); stroke-width: 2.2; }
.global-report-entry { position: absolute; z-index: 30; right: 14px; bottom: 88px; width: 68px; height: 68px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 6px; border: 1px solid rgba(255,255,255,.65); border-radius: 16px; background: linear-gradient(135deg,var(--red),var(--red-dark)); color: #fff; box-shadow: 0 10px 24px rgba(115,18,38,.28); }
.global-report-entry > span { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); border-radius: 10px; background: rgba(255,255,255,.14); }
.global-report-entry .ui-icon { width: 20px; height: 20px; stroke-width: 1.9; }
.global-report-entry b { font-size: 12px; line-height: 1; font-weight: 750; letter-spacing: .2px; white-space: nowrap; }
.global-report-entry:active { transform: translateY(1px); box-shadow: 0 6px 16px rgba(115,18,38,.24); }
.toast { position: fixed; z-index: 100; left: 50%; bottom: 28px; transform: translate(-50%,18px); padding: 11px 16px; border-radius: 10px; background: rgba(20,18,19,.92); color: #fff; font-size: 12px; opacity: 0; pointer-events: none; transition: .2s ease; }
.toast.show { opacity: 1; transform: translate(-50%,0); }

/* Concept 1: rebuilt data workspace */
.theme-collab { --red: #246bfd; --red-dark: #1246a6; --red-soft: #eaf2ff; background: radial-gradient(circle at 14% 8%,rgba(36,107,253,.12),transparent 30%),#eff3f8; }
.theme-collab .screen { background: #f0f2f5; }
.collab-hero { min-height: 398px; background: linear-gradient(90deg,rgba(7,24,52,.92),rgba(28,89,188,.38)), url("assets/night-logistics.png") 62% center/cover; }
.collab-hero::before { content: ""; position: absolute; inset: auto 0 0; height: 150px; background: linear-gradient(transparent,rgba(11,15,24,.76)); }
.collab-visual-copy { position: relative; z-index: 3; margin: 46px 19px 0; }
.collab-visual-copy > span { display: block; margin-bottom: 10px; color: #b9d7ff; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; }
.collab-visual-copy h1 { max-width: 320px; margin: 0 0 10px; font-size: 29px; line-height: 1.23; letter-spacing: -.6px; }
.collab-visual-copy p { margin: 0; overflow: hidden; color: rgba(255,255,255,.77); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.collab-search { margin-top: 25px; border-radius: 10px; }
.apps-surface { margin-top: -12px; }
.collab-apps { padding-top: 15px; border-radius: 12px; box-shadow: 0 12px 28px rgba(25,29,40,.1); }
.collab-section-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #eceef1; }
.collab-section-head > span { display: flex; align-items: baseline; gap: 8px; }
.collab-section-head small { color: #246bfd; font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.collab-section-head b { font-size: 16px; }
.collab-section-head > i { color: #8f949d; font-size: 10px; font-style: normal; }
.collab-apps .switch-title { min-height: 38px; margin-bottom: 20px; padding-bottom: 4px; border-bottom: 1px solid #eceef1; }
.collab-apps .switch-title > div { gap: 24px; }
.collab-apps .switch-title button { padding-bottom: 11px; font-size: 19px; letter-spacing: -.2px; }
.collab-apps .switch-title > span { color: #1b5bd7; font-size: 13px; font-weight: 700; }
.collab-apps .app-icon { border-radius: 13px; }
.scene-grid.workbench { grid-template-columns: repeat(2,1fr); }
.scene-grid.workbench .scene-item { min-height: 134px; display: flex; flex-direction: column; justify-content: flex-end; padding: 13px; border-radius: 11px; color: #fff; background: linear-gradient(rgba(20,8,12,.08),rgba(20,8,12,.82)),var(--scene) center/cover; }
.scene-grid.workbench .scene-item:first-child { grid-column: 1/-1; min-height: 178px; }
.scene-grid.workbench .scene-number { position: absolute; top: 10px; right: 11px; color: rgba(255,255,255,.68); }
.scene-grid.workbench .scene-icon { width: 34px; height: 34px; margin-bottom: 9px; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; background: rgba(36,107,253,.74); }
.scene-grid.workbench .scene-icon .ui-icon { width: 19px; height: 19px; }
.scene-grid.workbench b { font-size: 16px; }
.scene-grid.workbench small { margin-top: 4px; color: rgba(255,255,255,.75); font-size: 12px; }
.collab-products .product-list { display: grid; gap: 11px; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.collab-products .product-list button { min-height: 92px; grid-template-columns: 1fr 20px; padding: 15px 15px 15px 19px; border: 1px solid #e3e6ea; border-radius: 12px; background: linear-gradient(145deg,#fff,#fbfbfc); box-shadow: 0 7px 17px rgba(34,38,48,.055); }
.collab-products .product-list button:last-child { border-bottom: 1px solid #e3e6ea; }
.collab-products .product-copy b { font-size: 15px; }
.collab-products .product-copy small { font-size: 14px; }
.news-collab .news-list { display: grid; }
.news-collab .news-list button { min-height: 104px; display: grid; grid-template-columns: minmax(0,1fr) 108px; align-items: stretch; gap: 13px; padding: 13px 0; border-bottom: 1px solid #eef0f2; }
.news-collab .news-list button:first-child { padding-top: 0; }
.news-collab .news-list button:last-child { border-bottom: 0; }
.news-collab .news-copy { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 3px 0; }
.news-collab .news-copy b { display: -webkit-box; margin: 5px 0; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-collab .news-copy em { margin-top: auto; }
.news-collab .news-list button > .news-cover { border-radius: 9px; background: var(--news-cover) center/cover; }
.collab-partners .pc-partner-grid { grid-template-columns: repeat(2,1fr); gap: 10px; }
.collab-partners .pc-partner-grid button { min-height: 88px; flex-direction: row; justify-content: flex-start; gap: 10px; padding: 13px; border-radius: 11px; background: linear-gradient(145deg,#fff,#fafbfb); }
.collab-partners .pc-partner-grid button b { width: auto; font-size: 13px; text-align: left; }
.collab-partners .brand-symbol { flex: 0 0 auto; width: 42px; height: 34px; transform: none; }

/* Concept 2: city service */
.theme-city { --red: #c33a35; --red-dark: #932923; --red-soft: #ffeceb; }
.city-screen { background: #f6f4f4; }
.city-hero { min-height: 452px; padding-bottom: 18px; background: linear-gradient(100deg,rgba(117,19,26,.88),rgba(205,62,48,.48),rgba(83,22,20,.12)), url("assets/pc-hero.png") 59% center/cover; }
.city-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 80px; background: linear-gradient(transparent,rgba(82,13,15,.42)); }
.city-mini-top { height: 54px; padding: 0 18px; }
.city-mini-top > strong { color: #fff; font-size: 19px; font-weight: 800; }
.city-brand { position: relative; z-index: 5; width: max-content; margin: 5px auto 0; }
.pc-portal-logo { display: flex; align-items: center; gap: 8px; color: #fff; }
.pc-portal-logo svg { width: 34px; height: 34px; }
.pc-portal-logo b { font-size: 18px; letter-spacing: .4px; }
.city-hero .hero-copy { padding: 30px 20px 0; }
.city-hero .hero-copy h1 { margin: 11px 0 9px; font-size: 28px; line-height: 1.35; }
.city-hero .hero-copy p { font-size: 14px; }
.city-search-v2 { height: 50px; margin-top: 25px; border: 1px solid rgba(255,255,255,.65); border-radius: 15px; background: rgba(255,255,255,.95); box-shadow: 0 12px 26px rgba(74,7,14,.22); }
.city-search-v2 > span { color: #6f747c; font-size: 15px; }
.city-search-v2 > span .ui-icon { color: #c33a35; }
.city-search-v2 > i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(145deg,#cf4740,#ad2827); color: #fff; box-shadow: 0 5px 10px rgba(169,38,37,.2); }
.city-search-v2 > i .ui-icon { width: 18px; height: 18px; color: #fff; }
.city-apps { position: relative; z-index: 6; margin: -3px 0 13px; padding: 20px 14px 18px; border-radius: 18px 18px 0 0; background: #fff; }
.city-apps .switch-title { margin-left: 4px; }
.city-material-apps .app-icon { position: relative; width: 56px; height: 56px; border-radius: 19px; color: #fff; background: linear-gradient(145deg,#f27d72,#bf3532); box-shadow: 0 8px 16px rgba(183,49,46,.22); }
.city-material-apps .app-icon > i { position: relative; z-index: 2; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.17); font-style: normal; }
.city-material-apps .app-icon > i .ui-icon { width: 24px; height: 24px; stroke-width: 2; }
.city-material-apps .app-icon > em { position: absolute; right: -7px; bottom: -8px; width: 28px; height: 28px; border: 6px solid rgba(255,255,255,.18); border-radius: 50%; }
.city-material-apps button:nth-child(2) .app-icon { background: linear-gradient(145deg,#f6bb5f,#d78225); }
.city-material-apps button:nth-child(3) .app-icon { background: linear-gradient(145deg,#7ca8f0,#4b70c7); }
.city-material-apps button:nth-child(4) .app-icon { background: linear-gradient(145deg,#dd87ad,#a84b78); }
.city-material-apps button:nth-child(5) .app-icon { background: linear-gradient(145deg,#5ca38e,#317562); }
.city-material-apps button:nth-child(6) .app-icon { background: linear-gradient(145deg,#6f94c6,#456596); }
.city-material-apps button:nth-child(7) .app-icon { background: linear-gradient(145deg,#e08d65,#b95836); }
.city-material-apps button:nth-child(8) .app-icon { background: linear-gradient(145deg,#9299a6,#616976); }
.city-material-apps b { display: block; min-height: 20px; overflow: hidden; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.city-feature { position: relative; height: 145px; margin: 0 12px 14px; overflow: hidden; border-radius: 18px; color: #fff; background: #74202d; }
.city-feature img { width: 100%; height: 100%; object-fit: cover; }
.city-feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(80,9,22,.86),rgba(80,9,22,.12)); }
.city-feature > div { position: absolute; z-index: 2; left: 16px; right: 95px; bottom: 16px; }
.city-feature small { color: #ffd4c9; font-size: 10px; }
.city-feature h2 { margin: 5px 0; font-size: 19px; }
.city-feature p { margin: 0; color: rgba(255,255,255,.84); font-size: 11px; }
.scene-grid.pill { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; }
.scene-grid.pill .scene-item { flex: 0 0 148px; min-height: 118px; padding: 12px; border-radius: 17px; color: #fff; background: linear-gradient(rgba(104,19,34,.47),rgba(55,12,20,.83)), var(--scene) center/cover; }
.scene-grid.pill .scene-number { color: rgba(255,255,255,.65); }
.scene-grid.pill .scene-icon { width: 32px; height: 32px; margin: 12px 0 7px; border-radius: 50%; background: rgba(255,255,255,.18); }
.scene-grid.pill .scene-icon .ui-icon { width: 18px; height: 18px; }
.scene-grid.pill small { margin-top: 4px; color: rgba(255,255,255,.78); font-size: 11px; }
.city-products .product-list { border-radius: 18px; }
.city-products .product-list button { min-height: 82px; }
.news-city .news-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.news-city .news-list button { min-width: 0; min-height: 112px; display: flex; flex-direction: column; justify-content: space-between; padding: 11px; border: 1px solid #f0e4e3; border-radius: 13px; background: #fffafa; }
.news-city .news-list button.is-featured { grid-column: 1 / -1; min-height: 92px; display: grid; grid-template-columns: 42px 1fr 18px; align-items: center; gap: 11px; background: linear-gradient(135deg,#fff1ef,#fff); }
.news-city .news-list button:not(.is-featured) > i { display: none; }
.news-city .news-list button:not(.is-featured) .news-order { order: 2; align-self: flex-end; opacity: .42; }
.news-city .news-list button:not(.is-featured) .news-copy em { margin-top: 7px; }
.news-city .news-copy b { display: -webkit-box; margin-top: 4px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-city .is-featured .news-order { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: #c33a35; color: #fff; font-size: 14px; }
.city-nav button.active .ui-icon { background: #f9dfdc; }
.city-scenes-v2 { padding-bottom: 15px; }
.city-scene-cluster { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: repeat(2,92px); gap: 9px; }
.city-scene-cluster button { position: relative; min-width: 0; display: flex; align-items: flex-end; gap: 8px; overflow: hidden; padding: 11px; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(rgba(90,14,25,.08),rgba(57,9,18,.82)),var(--cluster) center/cover; text-align: left; }
.city-scene-cluster button.is-main { grid-row: 1/-1; align-items: flex-end; padding: 14px; }
.city-scene-cluster button > span { flex: 0 0 auto; width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; background: rgba(198,48,48,.74); backdrop-filter: blur(5px); }
.city-scene-cluster button > span .ui-icon { width: 18px; height: 18px; }
.city-scene-cluster button b, .city-scene-cluster button small { display: block; }
.city-scene-cluster button b { font-size: 14px; line-height: 1.3; }
.city-scene-cluster button.is-main b { font-size: 18px; }
.city-scene-cluster button small { display: none; margin-top: 5px; overflow: hidden; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.city-scene-cluster button.is-main small { display: block; }
.city-partners .pc-partner-grid button { border-radius: 12px; background: linear-gradient(#fff,#fffafa); }
.city-partners .brand-symbol { border-radius: 10px; transform: none; }

/* Concept 3: government */
.theme-gov { --red: #a40d12; --red-dark: #780509; --red-soft: #fff0eb; background: radial-gradient(circle at 12% 5%,rgba(153,0,5,.13),transparent 28%),#f2eee8; }
.gov-device { border-radius: 44px; }
.gov-device .screen { border-radius: 35px; }
.gov-screen { background: #f5f1eb; }
.gov-hero { min-height: 382px; background: linear-gradient(105deg,rgba(112,0,6,.96),rgba(180,18,20,.76),rgba(105,0,7,.3)), url("assets/pc-hero.png") 60% center/cover; }
.gov-hero::before { content: ""; position: absolute; inset: 0; opacity: .12; background: repeating-conic-gradient(from 250deg at 86% 110%,#fff 0deg 3deg,transparent 3deg 12deg); }
.gov-stars { position: absolute; z-index: 2; right: 24px; top: 122px; color: rgba(248,207,119,.22); font-size: 74px; }
.gov-mini-top { height: 54px; padding: 0 18px; }
.gov-mini-top > strong { color: #fff; font-size: 18px; font-weight: 800; letter-spacing: .2px; }
.gov-hero .hero-copy { padding-top: 23px; }
.gov-hero .hero-copy small { display: inline-block; padding-bottom: 5px; border-bottom: 1px solid #e8bb68; color: #ffd58c; font-family: SimSun,"Songti SC",serif; font-size: 12px; }
.gov-hero .hero-copy h1 { font-family: SimSun,"Songti SC",serif; font-size: 29px; letter-spacing: 1px; }
.gov-hero .hero-copy p { font-size: 15px; }
.gov-search { border-radius: 4px; }
.gov-search em { font-size: 15px; }
.gov-search > b { border-radius: 2px; background: #a40d12; font-size: 14px; }
.gov-apps { border-radius: 3px; box-shadow: none; }
.gov-apps .switch-title { border-bottom: 1px solid #ebe2d8; }
.gov-apps .switch-title button { font-family: SimSun,"Songti SC",serif; font-size: 19px; }
.gov-apps .app-icon { width: 52px; height: 52px; border: 1px solid #e4c7b4; border-radius: 50%; background: linear-gradient(145deg,#fffdf8,#f0d9c6); color: #a40d12; box-shadow: 0 5px 11px rgba(126,46,24,.1), inset 0 0 0 3px #fff; }
.gov-apps .app-grid button:nth-child(n) .app-icon { background: linear-gradient(145deg,#fffaf3,#f1dfd1); color: #a40d12; }
.gov-apps .app-grid button:nth-child(2n) .app-icon { background: linear-gradient(145deg,#fff8e8,#ecd29c); color: #97560d; }
.gov-apps .app-grid b { color: #342a27; font-size: 14px; }
.gov-screen .content-section { border: 1px solid #e4dbd1; border-radius: 3px; }
.gov-screen .section-title { padding-bottom: 9px; border-bottom: 1px solid #ebe2d8; }
.gov-screen .section-title h2 { padding-left: 9px; border-left: 4px solid #a40d12; font-family: SimSun,"Songti SC",serif; font-size: 22px; }
.gov-screen .section-title button { font-size: 14px; }
.gov-scene-cluster { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.gov-scene-cluster button { position: relative; min-width: 0; min-height: 126px; display: flex; align-items: flex-end; gap: 9px; overflow: hidden; padding: 14px; border: 0; color: #fff; background: linear-gradient(rgba(71,4,8,.08),rgba(72,4,8,.88)),var(--gov-scene) center/cover; text-align: left; }
.gov-scene-cluster button.is-main { grid-column: 1 / -1; min-height: 194px; padding: 18px; }
.gov-scene-cluster .scene-number { position: absolute; top: 12px; right: 13px; color: rgba(255,255,255,.7); font-family: SimSun,"Songti SC",serif; font-size: 12px; }
.gov-scene-cluster .scene-icon { flex: 0 0 auto; width: 36px; height: 36px; border: 1px solid rgba(247,211,143,.65); color: #f7d48c; background: rgba(143,11,17,.72); }
.gov-scene-cluster .scene-icon .ui-icon { width: 21px; height: 21px; }
.gov-scene-cluster .scene-copy { min-width: 0; }
.gov-scene-cluster b, .gov-scene-cluster small { display: block; }
.gov-scene-cluster b { font-family: SimSun,"Songti SC",serif; font-size: 16px; line-height: 1.35; }
.gov-scene-cluster .is-main b { font-size: 20px; }
.gov-scene-cluster small { display: none; margin-top: 5px; overflow: hidden; color: rgba(255,255,255,.78); font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.gov-scene-cluster .is-main small { display: block; }
.gov-products .product-list { border-radius: 0; border-top: 2px solid #a40d12; }
.gov-products .product-copy small { font-size: 14px; }
.gov-products .product-copy b { font-size: 15px; }
.gov-products .product-copy em { font-size: 12px; }
.news-gov { padding-top: 14px; }
.news-gov .section-title { margin-bottom: 5px; padding-bottom: 11px; border-bottom: 2px solid #a40d12; }
.news-gov .news-list button { min-height: 61px; display: grid; grid-template-columns: 12px 1fr; align-items: center; gap: 8px; padding: 8px 1px; border-bottom: 1px solid #e8ded4; }
.news-gov .news-list button:last-child { border-bottom: 0; }
.news-gov .news-order { width: 5px; height: 5px; overflow: hidden; border-radius: 50%; background: #a40d12; color: transparent; }
.news-gov .news-copy { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 8px; }
.news-gov .news-copy small { width: max-content; padding: 2px 5px; border: 1px solid #d8bdb2; color: #8f1519; font-family: SimSun,"Songti SC",serif; font-size: 12px; }
.news-gov .news-copy b { font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }
.news-gov .news-copy em { grid-column: 1 / -1; font-size: 11px; }
.news-gov .news-list button > i { display: none; }
.gov-screen .demand-block { border-radius: 2px; background: linear-gradient(105deg,rgba(112,0,5,.97),rgba(182,18,20,.8)),url("assets/scenes/scene-03.jpg") center/cover; }
.gov-screen .demand-block small { font-size: 12px; }
.gov-screen .demand-block h2 { font-family: SimSun,"Songti SC",serif; font-size: 22px; }
.gov-screen .demand-block p { font-size: 13px; }
.gov-screen .demand-block button { font-size: 15px; }
.gov-partner-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.gov-partner-grid button { min-width: 0; min-height: 78px; display: grid; grid-template-columns: 42px 1fr 10px; align-items: center; gap: 9px; padding: 11px; border: 1px solid #e0d3c5; background: linear-gradient(145deg,#fffdf9,#f8f1e8); color: #342a27; text-align: left; }
.gov-partner-seal { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #b99363; border-radius: 50%; background: #a40d12; color: #f7d99b; font-family: SimSun,"Songti SC",serif; font-size: 16px; font-weight: 800; box-shadow: inset 0 0 0 3px #fff3df; }
.gov-partner-grid button > span:nth-child(2) { min-width: 0; }
.gov-partner-grid b, .gov-partner-grid small { display: block; }
.gov-partner-grid b { overflow: hidden; font-size: 13px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.gov-partner-grid small { margin-top: 4px; color: #8c7c70; font-size: 11px; }
.gov-partner-grid i { color: #a40d12; font-size: 18px; font-style: normal; }
.gov-screen .status-bar { font-size: 15px; }
.gov-screen .status-bar > b { font-size: 15px; }
.gov-nav { border-top: 2px solid #a40d12; }
.gov-nav button { font-size: 13px; }
.gov-nav button.active .ui-icon { background: #f6e3c6; color: #a40d12; }
.gov-screen .global-report-entry { border-color: #e6c176; border-radius: 4px; background: linear-gradient(135deg,#9b090e,#bd1a1a); box-shadow: 0 9px 22px rgba(105,0,4,.28); }
.gov-screen .global-report-entry > span { border-radius: 2px; background: rgba(239,199,119,.16); color: #f7d68c; }
.gov-screen .global-report-entry b { font-size: 12px; }

/* Concept 05: Tencent-inspired clean service portal */
.theme-tencent { --red: #d71931; --red-dark: #9f1022; --red-soft: #fff0f2; background: #f2f4f7; }
.tx-screen { background: #f5f6f8; }
.tx-page-head { border-bottom: 1px solid #eceef1; background: #fff; }
.tx-nav-row { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px 0 19px; }
.tx-nav-row > .mini-capsule { flex: 0 0 auto; }
.tx-home-tabs { height: 100%; display: flex; align-items: center; gap: 23px; }
.tx-home-tabs button { position: relative; height: 100%; border: 0; padding: 0; background: transparent; color: #5f656d; font-size: 17px; font-weight: 700; }
.tx-home-tabs button.active { color: #d71931; font-weight: 800; }
.tx-home-tabs button.active::after { content: ""; position: absolute; right: -7px; top: 16px; width: 7px; height: 7px; border-radius: 50%; background: #d71931; box-shadow: 0 0 0 2px #fff; }
.tx-home-panel { padding-bottom: 1px; }
.tx-pc-hero { min-height: 236px; margin: 12px 14px 10px; overflow: hidden; border-radius: 14px; }
.tx-pc-hero .hero-copy { padding-top: 18px; }
.tx-pc-hero .hero-copy small { font-size: 10px; }
.tx-pc-hero .hero-copy h1 { margin: 7px 0 5px; font-size: 23px; line-height: 1.28; }
.tx-pc-hero .hero-copy p { max-width: 92%; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.tx-pc-hero .pc-search { height: 43px; margin: 17px 16px 12px; }
.tx-pc-overview { margin-top: 0; margin-bottom: 12px; padding: 9px; }
.tx-pc-overview .pc-overview-grid { gap: 7px; }
.tx-pc-overview .pc-overview-grid button { min-height: 82px; padding: 9px 10px; }
.tx-pc-overview .pc-metric-head > i { width: 25px; height: 25px; border-radius: 7px; }
.tx-pc-overview .pc-metric-head > i .ui-icon { width: 15px; height: 15px; }
.tx-pc-overview .pc-metric-head small { font-size: 10px; }
.tx-pc-overview .pc-overview-grid b { margin-top: 7px; }
.tx-pc-overview .pc-overview-grid b strong { font-size: 25px; }
.tx-pc-overview .pc-metric-track { margin-top: 7px; }
.tx-pc-apps { margin-left: 14px; margin-right: 14px; }
.tx-pc-products, .tx-pc-partners { margin-left: 14px; margin-right: 14px; }
.tx-shulian-banner { position: relative; overflow: hidden; margin: 14px; padding: 28px 20px 8px; border-radius: 14px; color: #fff; background: radial-gradient(circle at 88% 10%,rgba(255,255,255,.28),transparent 27%),linear-gradient(135deg,#df1a33,#ad0f24); box-shadow: 0 10px 25px rgba(157,16,34,.18); }
.tx-shulian-banner::after { content: ""; position: absolute; right: -45px; top: -48px; width: 170px; height: 170px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 34px rgba(255,255,255,.045); }
.tx-shulian-banner > div { position: relative; z-index: 2; }
.tx-shulian-banner small { color: rgba(255,255,255,.72); font-size: 11px; font-weight: 800; letter-spacing: 1.6px; }
.tx-shulian-banner h1 { margin: 12px 0 9px; font-size: 28px; line-height: 1.32; letter-spacing: -.5px; }
.tx-shulian-banner p { margin: 0; overflow: hidden; color: rgba(255,255,255,.77); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.tx-search { width: 100%; margin: 25px 0 10px; border-radius: 9px; box-shadow: 0 9px 20px rgba(71,0,10,.18); }
.tx-search > b { border-radius: 7px; background: #d71931; }
.tx-block { margin: 0 14px 22px; padding: 20px 16px; border: 1px solid #eceef1; border-radius: 13px; background: #fff; box-shadow: 0 5px 16px rgba(33,41,52,.035); }
.tx-block .section-title { margin-bottom: 18px; }
.tx-block .section-title h2 { font-size: 21px; }
.tx-metric-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.tx-metric-grid button { min-height: 92px; display: grid; grid-template-columns: 40px 1fr; align-items: center; gap: 10px; padding: 13px; border: 1px solid #edf0f2; border-radius: 10px; background: #fff; text-align: left; box-shadow: 0 4px 12px rgba(29,38,48,.03); }
.tx-metric-grid button > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 11px; background: #fff0f2; color: #d71931; font-style: normal; }
.tx-metric-grid button > i .ui-icon { width: 21px; height: 21px; }
.tx-metric-grid button > span b { display: flex; align-items: baseline; color: #20252b; }
.tx-metric-grid strong { font-size: 27px; line-height: 1; }
.tx-metric-grid em { margin-left: 4px; color: #d71931; font-size: 12px; font-style: normal; }
.tx-metric-grid small { display: block; margin-top: 7px; color: #858b93; font-size: 11px; }
.tx-apps .switch-title { margin-bottom: 18px; }
.tx-apps .switch-title button { font-size: 18px; }
.tx-apps .app-grid { row-gap: 18px; }
.tx-apps .app-icon { border-radius: 13px; background: #fff0f2; color: #d71931; box-shadow: inset 0 0 0 1px #f7dadd; }
.tx-apps .app-grid button:nth-child(n) .app-icon { background: #fff0f2; color: #d71931; }
.tx-apps .app-grid button:nth-child(2n) .app-icon { background: #fff6f0; color: #cb5b20; }
.tx-kong-apps { margin-bottom: 22px; padding-top: 17px; }
.tx-kong-apps .switch-title { align-items: center; }
.tx-kong-apps .switch-title > button { color: #8b9198; font-size: 12px; }
.tx-kong-apps .app-grid { grid-template-columns: repeat(4,1fr); gap: 20px 7px; }
.tx-kong-apps .app-icon { width: 52px; height: 52px; border-radius: 16px; box-shadow: 0 7px 15px rgba(155,31,47,.11),inset 0 0 0 1px rgba(215,25,49,.09); }
.tx-kong-apps .app-icon .ui-icon { width: 27px; height: 27px; }
.tx-kong-apps .app-grid b { margin-top: 7px; font-size: 12px; }
.tx-market-list { display: grid; gap: 12px; }
.tx-market-list > button { min-height: 166px; display: flex; flex-direction: column; padding: 18px 17px 14px; border: 1px solid #eef0f2; border-radius: 15px; background: #fff; text-align: left; box-shadow: 0 7px 18px rgba(32,40,48,.055); }
.tx-market-list > button > b { overflow: hidden; color: #20252b; font-size: 18px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.tx-market-list > button > p { display: -webkit-box; margin: 11px 0 14px; overflow: hidden; color: #8b9198; font-size: 13px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.tx-market-list > button > span { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 13px; border-top: 1px solid #f0f1f3; }
.tx-market-list strong { color: #e6002d; font-size: 22px; letter-spacing: -.6px; }
.tx-market-list em { padding: 8px 15px; border-radius: 18px; background: #d71931; color: #fff; font-size: 13px; font-style: normal; }
.tx-news-list { display: grid; }
.tx-news-list > button { min-height: 104px; display: grid; grid-template-columns: minmax(0,1fr) 116px; gap: 14px; align-items: stretch; padding: 13px 0; border: 0; border-bottom: 1px solid #eef0f2; background: transparent; text-align: left; }
.tx-news-list > button:first-child { padding-top: 0; }
.tx-news-list > button:last-child { padding-bottom: 0; border-bottom: 0; }
.tx-news-list > button > span { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 4px 0; }
.tx-news-list b { display: -webkit-box; overflow: hidden; color: #252a30; font-size: 15px; font-weight: 600; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.tx-news-list time { color: #a0a5ab; font-size: 11px; }
.tx-news-list > button > i { border-radius: 8px; background: var(--tx-news-cover) center/cover; }
.tx-partner-head { margin-bottom: 18px; text-align: center; }
.tx-partner-head h2 { margin: 0; color: #20252b; font-size: 21px; }
.tx-partner-head p { margin: 7px 0 0; overflow: hidden; color: #949aa1; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.tx-partner-matrix .pc-partner-grid { grid-template-columns: repeat(3,1fr); gap: 9px; }
.tx-partner-matrix .pc-partner-grid button { min-height: 76px; gap: 6px; padding: 9px 4px; border: 0; border-radius: 2px; background: #fff; box-shadow: 0 4px 14px rgba(31,40,49,.07); }
.tx-partner-matrix .brand-symbol { width: 38px; height: 28px; transform: none; font-size: 15px; }
.tx-partner-matrix .pc-partner-grid button b { font-size: 10px; }
.news-tencent { margin-bottom: 22px; border: 1px solid #eceef1; border-radius: 13px; box-shadow: 0 5px 16px rgba(33,41,52,.035); }
.news-tencent .news-list { display: grid; gap: 0; }
.news-tencent .news-list button { min-height: 76px; display: grid; grid-template-columns: 30px 1fr 18px; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eef0f2; }
.news-tencent .news-list button:last-child { border-bottom: 0; }
.news-tencent .news-order { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #fff0f2; }
.news-tencent .news-copy b { margin: 3px 0; white-space: nowrap; }
.tx-service-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.tx-service-grid button { position: relative; min-height: 120px; display: flex; flex-direction: column; align-items: flex-start; padding: 15px; border: 1px solid #eceef1; border-radius: 10px; background: #fff; text-align: left; }
.tx-service-grid button > span { width: 38px; height: 38px; display: grid; place-items: center; margin-bottom: 13px; border-radius: 10px; background: #fff0f2; color: #d71931; }
.tx-service-grid button > span .ui-icon { width: 21px; height: 21px; }
.tx-service-grid button > b { color: #252a30; font-size: 15px; }
.tx-service-grid button > small { margin-top: 5px; overflow: hidden; color: #8a9098; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.tx-service-grid button > i { position: absolute; right: 12px; top: 14px; color: #d71931; font-size: 20px; font-style: normal; }
.tx-partners .pc-partner-grid { grid-template-columns: repeat(2,1fr); }
.tx-partners .pc-partner-grid button { min-height: 86px; flex-direction: row; justify-content: flex-start; padding: 12px; border-radius: 9px; box-shadow: none; }
.tx-partners .pc-partner-grid button b { width: auto; font-size: 12px; text-align: left; }
.tx-partners .brand-symbol { flex: 0 0 auto; transform: none; }
.tx-sub-banner { position: relative; min-height: 210px; margin: 14px; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 24px 20px; border-radius: 14px; color: #fff; background-position: center; background-size: cover; }
.tx-sub-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(70,0,10,.1),rgba(70,0,10,.84)); }
.tx-sub-banner > * { position: relative; z-index: 2; }
.tx-sub-banner small { color: #ffc2ca; font-size: 11px; font-weight: 800; letter-spacing: 1.4px; }
.tx-sub-banner h1 { margin: 8px 0 7px; font-size: 29px; }
.tx-sub-banner p { margin: 0; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.6; }
.tx-scene-image-banner {
  width: calc(100% - (var(--page-gutter) * 2));
  height: 148px;
  display: block;
  margin: 16px var(--page-gutter) 18px;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(184,18,42,.12);
  border-radius: 13px;
  background: #f5f6f8;
  box-shadow: 0 8px 24px rgba(45,31,34,.08);
}
.tx-scene-image-banner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 56%;
}
.tx-demand-banner { background-image: url("assets/scenes/scene-04.jpg"); }
.tx-scene-list { padding: 24px 7px 7px; }
.tx-scene-intro { padding: 0 8px 23px; }
.tx-scene-intro h2 { margin: 0; color: #17212b; font-size: 27px; letter-spacing: -.5px; }
.tx-scene-intro p { margin: 10px 0 12px; color: #657081; font-size: 14px; line-height: 1.65; }
.tx-scene-intro button { border: 0; padding: 0; background: transparent; color: #c3132d; font-size: 14px; font-weight: 750; }
.tx-scene-intro button span { margin-left: 6px; }
.scene-grid.tx-scene-cards { grid-template-columns: 1fr; gap: 18px; }
.scene-grid.tx-scene-cards .scene-item {
  min-height: 286px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(rgba(20,10,14,.05),rgba(5,20,24,.88)),var(--scene) center/cover;
  box-shadow: 0 9px 22px rgba(19,29,35,.13);
  transform: translateZ(0) scale(1);
  transform-origin: center;
  transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
  will-change: transform;
}
.scene-grid.tx-scene-cards .scene-item:active {
  box-shadow: 0 5px 13px rgba(19,29,35,.18);
  transform: translateZ(0) scale(.965);
}
.scene-grid.tx-scene-cards .scene-item.is-clicked {
  animation: txSceneCardClick 460ms cubic-bezier(.2,.78,.2,1);
}
@keyframes txSceneCardClick {
  0% {
    box-shadow: 0 9px 22px rgba(19,29,35,.13);
    filter: brightness(1);
    transform: translateZ(0) scale(.97);
  }
  45% {
    box-shadow: 0 16px 34px rgba(153,18,39,.24);
    filter: brightness(1.06);
    transform: translateZ(0) scale(1.035);
  }
  72% {
    box-shadow: 0 8px 18px rgba(19,29,35,.16);
    filter: brightness(1.01);
    transform: translateZ(0) scale(.992);
  }
  100% {
    box-shadow: 0 9px 22px rgba(19,29,35,.13);
    filter: brightness(1);
    transform: translateZ(0) scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .scene-grid.tx-scene-cards .scene-item {
    transition: none;
  }
  .scene-grid.tx-scene-cards .scene-item.is-clicked {
    animation: none;
  }
}
.scene-grid.tx-scene-cards .scene-number { position: absolute; top: 17px; right: 18px; color: rgba(255,255,255,.62); font-size: 12px; }
.scene-grid.tx-scene-cards .scene-icon { width: 53px; height: 53px; display: grid; place-items: center; margin-bottom: 28px; border: 1px solid rgba(255,255,255,.4); border-radius: 8px; background: rgba(34,38,43,.62); backdrop-filter: blur(8px); }
.scene-grid.tx-scene-cards .scene-icon .ui-icon { width: 27px; height: 27px; }
.scene-grid.tx-scene-cards b { font-size: 21px; }
.scene-grid.tx-scene-cards small { margin-top: 14px; color: rgba(255,255,255,.83); font-size: 14px; line-height: 1.6; }
.tx-demand-search { margin: 0 14px 18px; border: 1px solid #eceef1; box-shadow: 0 6px 18px rgba(27,36,46,.05); }
.tx-demands { padding-left: 14px; padding-right: 14px; }
.tx-demand-list { display: grid; gap: 18px; }
.tx-demand-list button { position: relative; min-height: 314px; display: flex; flex-direction: column; align-items: stretch; padding: 22px 20px 18px; border: 1px solid #dfe3e7; border-radius: 8px; background: #fff; text-align: left; }
.tx-demand-tag { display: flex; align-items: center; gap: 7px; width: max-content; color: #b70f27; font-size: 11px; font-weight: 750; }
.tx-demand-tag > i { width: 8px; height: 8px; border-radius: 50%; background: #20a48d; }
.tx-demand-list button > b { margin-top: 18px; color: #162434; font-size: 20px; line-height: 1.4; }
.tx-demand-list button > p { display: -webkit-box; margin: 11px 0 17px; overflow: hidden; color: #667286; font-size: 13px; line-height: 1.75; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.tx-demand-company { display: flex; align-items: center; gap: 11px; padding: 16px 0; border-top: 1px solid #edf0f2; border-bottom: 1px solid #edf0f2; }
.tx-demand-company > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 5px; background: #397d87; color: #fff; font-size: 15px; font-style: normal; font-weight: 700; }
.tx-demand-company > em { min-width: 0; overflow: hidden; color: #5e6876; font-size: 12px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.tx-demand-contact { display: flex; align-items: baseline; gap: 13px; margin-top: 17px; }
.tx-demand-contact small { color: #8e959d; font-size: 12px; }
.tx-demand-contact strong { color: #172738; font-size: 13px; letter-spacing: .4px; }
.tx-demand-eye { position: absolute; right: 20px; bottom: 15px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #f2bcc4; border-radius: 6px; background: #fff8f9; color: #cf1832; }
.tx-demand-eye .ui-icon { width: 18px; height: 18px; }
.tx-news-page-head { margin-bottom: 16px; padding: 0 4px; }
.tx-news-page { margin-top: 16px; background: transparent; box-shadow: none; }
.tx-news-page-head h2 { margin: 0; color: #20252b; font-size: 20px; line-height: 1.35; }
.tx-news-page-head p { margin: 7px 0 0; color: #8c939b; font-size: 12px; line-height: 1.6; }
.tx-news-filters { display: flex; gap: 10px; margin-bottom: 14px; }
.tx-news-filters button {
  position: relative;
  min-width: 66px;
  height: 42px;
  padding: 0 18px;
  border: 1px solid #eceef1;
  border-radius: 9px;
  background: #fff;
  color: #7e838b;
  font-size: 14px;
}
.tx-news-filters button.active { color: #bd132b; font-weight: 750; }
.tx-news-filters button.active::after {
  position: absolute;
  right: 18px;
  bottom: -1px;
  left: 18px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #d71931;
  content: "";
}
.tx-news-feed {
  display: grid;
  gap: 0;
  padding: 0 14px;
  border: 1px solid #eceff2;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(28,38,48,.055);
}
.tx-news-feed button {
  min-height: 134px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 112px;
  gap: 16px;
  align-items: stretch;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid #edf0f2;
  background: transparent;
  text-align: left;
}
.tx-news-feed button[hidden] { display: none; }
.tx-news-feed button:last-child { border-bottom: 0; }
.tx-news-feed button > i { min-height: 104px; border-radius: 8px; background: var(--tx-feed-cover) center/cover; }
.tx-news-feed button > span { min-width: 0; display: flex; flex-direction: column; padding: 5px 0 3px; }
.tx-news-feed b { display: -webkit-box; overflow: hidden; color: #252a30; font-size: 15px; font-weight: 600; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.tx-news-feed time { margin-top: auto; color: #a0a5ab; font-size: 11px; white-space: nowrap; }
.tx-bottom-nav { grid-template-columns: repeat(2,1fr); padding-left: 72px; padding-right: 72px; }
.tx-bottom-nav button.active .ui-icon { background: #fff0f2; color: #d71931; }
.tx-screen .global-report-entry { border-radius: 14px; background: linear-gradient(145deg,#db2037,#aa1024); }
.theme-tencent .news-detail-nav button, .theme-tencent .news-article, .theme-tencent .news-insight, .theme-tencent .news-article footer button { border-radius: 12px; }

/* Concept 4: PC responsive reuse */
.theme-pc { --red: #a61934; --red-dark: #761126; --red-soft: #fbe9ed; background: radial-gradient(circle at 14% 8%,rgba(22,87,75,.08),transparent 28%),#f0f3f2; }
.pc-screen { background: #f1f4f3; }
.pc-hero { min-height: 430px; padding-bottom: 24px; background: url("assets/pc-hero.png") 57% center/cover; }
.pc-hero::after { content: ""; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,rgba(22,12,16,.88),rgba(49,12,19,.28)); pointer-events: none; }
.pc-hero-video { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 57% center; }
.pc-mini-top { height: 54px; padding: 0 18px; }
.pc-mini-top > strong { color: #fff; font-size: 18px; font-weight: 800; letter-spacing: .2px; }
.pc-hero .hero-copy { padding: 52px 20px 0; }
.pc-hero .hero-copy small { color: rgba(255,255,255,.8); font-size: 13px; letter-spacing: 1px; }
.pc-hero .hero-copy h1 { margin: 14px 0 12px; font-size: 28px; line-height: 1.38; }
.pc-hero .hero-copy p { max-width: 335px; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.65; }
.pc-search { margin-top: 30px; margin-bottom: 22px; }
.pc-search em { min-width: 145px; color: #7e828a; font-size: 15px; }
.pc-overview { position: relative; overflow: hidden; margin: 16px 14px 20px; padding: 12px; border: 1px solid #2e3c42; border-radius: 13px; background: radial-gradient(circle at 92% 0,rgba(195,42,68,.25),transparent 36%),linear-gradient(145deg,#1e282d,#10181d); box-shadow: 0 14px 30px rgba(20,31,35,.2); }
.pc-overview::before { content: ""; position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px); background-size: 22px 22px; pointer-events: none; }
.pc-overview-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(2,1fr); gap: 9px; }
.pc-overview-grid button { position: relative; min-height: 116px; overflow: hidden; padding: 13px; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); color: #fff; text-align: left; box-shadow: inset 0 1px rgba(255,255,255,.06); animation: pcMetricIn .48s both; }
.pc-overview-grid button:nth-child(2) { animation-delay: .08s; }
.pc-overview-grid button:nth-child(3) { animation-delay: .16s; }
.pc-overview-grid button:nth-child(4) { animation-delay: .24s; }
.pc-overview-grid button::after { content: ""; position: absolute; right: -24px; top: -28px; width: 74px; height: 74px; border: 1px solid rgba(220,69,93,.22); border-radius: 50%; box-shadow: 0 0 24px rgba(204,45,71,.11); }
.pc-metric-head { display: flex; align-items: center; gap: 7px; }
.pc-metric-head > i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 7px; background: rgba(202,48,73,.22); color: #ff8da0; font-style: normal; }
.pc-metric-head .ui-icon { width: 16px; height: 16px; }
.pc-metric-head small { color: rgba(255,255,255,.68); font-size: 13px; }
.pc-overview-grid b { display: flex; align-items: baseline; margin-top: 11px; color: #fff; line-height: 1; }
.pc-overview-grid b strong { font-size: 30px; font-weight: 750; letter-spacing: -1px; }
.pc-overview-grid b em { margin-left: 2px; color: #ff7188; font-size: 15px; font-style: normal; }
.pc-overview-grid b u { margin-left: 4px; color: rgba(255,255,255,.5); font-size: 10px; font-weight: 500; text-decoration: none; }
.pc-metric-track { position: absolute; left: 13px; right: 13px; bottom: 11px; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(255,255,255,.1); }
.pc-metric-track > i { width: var(--metric-width); height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg,#d42d49,#ff8ba0); transform-origin: left; animation: pcTrackGrow 1s ease-out both; }
@keyframes pcMetricIn { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes pcTrackGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pc-stats { position: relative; z-index: 4; display: grid; grid-template-columns: repeat(4,1fr); margin: 0 18px; border: 1px solid rgba(255,255,255,.3); border-radius: 6px; background: rgba(9,18,19,.58); backdrop-filter: blur(10px); }
.pc-stats span { padding: 13px 3px 12px; color: rgba(255,255,255,.74); font-size: 9px; text-align: center; }
.pc-stats span + span { border-left: 1px solid rgba(255,255,255,.18); }
.pc-stats b { display: block; margin-bottom: 4px; color: #fff; font-size: 18px; }
.pc-apps { margin-top: 0; padding: 16px; border: 1px solid #e1e5e4; border-radius: 12px; background: linear-gradient(150deg,#fff,#f7f9f8); box-shadow: 0 10px 24px rgba(28,43,42,.07); }
.pc-apps-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.pc-app-tabs { display: grid; grid-template-columns: repeat(2,1fr); padding: 3px; border-radius: 10px; background: #ecefed; }
.pc-app-tabs button { min-width: 86px; height: 36px; border: 0; border-radius: 8px; background: transparent; color: #7c8482; font-size: 16px; }
.pc-app-tabs button.active { background: #fff; color: #222a29; font-weight: 800; box-shadow: 0 3px 9px rgba(28,42,40,.1); }
.pc-app-manage { border: 0; background: transparent; color: #8a9190; font-size: 13px; }
.pc-app-manage i { margin-left: 2px; color: #a61934; font-size: 17px; font-style: normal; vertical-align: -1px; }
.pc-store-filters { display: flex; gap: 8px; margin: 0 -2px 8px; overflow-x: auto; padding: 0 2px 8px; scrollbar-width: none; }
.pc-store-filters button { flex: 0 0 auto; height: 31px; padding: 0 13px; border: 1px solid #dfe4e2; border-radius: 16px; background: #fff; color: #68716f; font-size: 12px; }
.pc-store-filters button.active { border-color: #ecc3ca; background: #fbe9ed; color: #a61934; font-weight: 700; }
.pc-store-list { border-top: 1px solid #e8ebea; }
.pc-store-list > button { width: 100%; min-width: 0; min-height: 91px; display: grid; grid-template-columns: 22px 58px minmax(0,1fr) 52px; align-items: center; gap: 10px; padding: 11px 0; border: 0; border-bottom: 1px solid #e8ebea; background: transparent; text-align: left; }
.pc-store-list > button:last-child { border-bottom: 0; }
.pc-store-list > button:active { opacity: .72; }
.pc-store-rank { color: #8b9290; font-size: 16px; font-weight: 650; text-align: center; }
.pc-store-list > button:nth-child(-n+3) .pc-store-rank { color: #a61934; font-weight: 850; }
.pc-store-list.is-favorite .pc-store-rank { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 7px; background: #fbe9ed; color: #a61934; font-size: 10px; }
.pc-store-list .app-icon { position: relative; width: 58px; height: 58px; margin: 0; border-radius: 14px; color: #fff; background: linear-gradient(145deg,#d84a61,#9f1933); box-shadow: 0 7px 15px rgba(129,20,42,.17),inset 0 0 0 1px rgba(255,255,255,.22); }
.pc-store-list .app-icon > i { position: relative; z-index: 2; width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.14); font-style: normal; }
.pc-store-list .app-icon > i .ui-icon { width: 25px; height: 25px; stroke-width: 2; }
.pc-store-list .app-icon > em { position: absolute; z-index: 3; right: 6px; bottom: 6px; width: 6px; height: 6px; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: #fff; }
.pc-app-copy { min-width: 0; }
.pc-store-list .pc-app-copy b { display: block; overflow: hidden; color: #262c2b; font-size: 15px; font-weight: 750; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.pc-store-list .pc-app-copy small { display: block; margin-top: 3px; overflow: hidden; color: #747d7b; font-size: 11px; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
.pc-store-list .pc-app-copy em { display: block; color: #a0a6a5; font-size: 10px; font-style: normal; line-height: 15px; }
.pc-store-action { min-width: 50px; height: 29px; display: grid; place-items: center; border-radius: 16px; background: #f2e5e8; color: #a61934; font-size: 12px; font-weight: 800; }
.pc-store-list.is-favorite .pc-store-action { background: #e8f1ef; color: #276d64; }
.pc-store-list > button:nth-child(2) .app-icon { background: linear-gradient(145deg,#e78b58,#b95025); }
.pc-store-list > button:nth-child(3) .app-icon { background: linear-gradient(145deg,#718ac9,#4059a0); }
.pc-store-list > button:nth-child(4) .app-icon { background: linear-gradient(145deg,#b9668b,#86405f); }
.pc-store-list > button:nth-child(5) .app-icon { background: linear-gradient(145deg,#5e9b8c,#327266); }
.pc-screen .content-section { border-radius: 10px; }
.scene-grid.photo-rail { display: flex; gap: 9px; overflow-x: auto; scrollbar-width: none; }
.scene-grid.photo-rail .scene-item { flex: 0 0 86%; min-height: 210px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; color: #fff; background: linear-gradient(rgba(20,7,10,.04),rgba(20,7,10,.88)), var(--scene) center/cover; }
.scene-grid.photo-rail .scene-number { position: absolute; top: 12px; right: 13px; color: rgba(255,255,255,.65); }
.scene-grid.photo-rail .scene-icon { width: 34px; height: 34px; margin-bottom: 11px; border: 1px solid rgba(255,255,255,.35); border-radius: 7px; background: rgba(164,25,51,.74); }
.scene-grid.photo-rail .scene-icon .ui-icon { width: 19px; height: 19px; }
.scene-grid.photo-rail b { font-size: 18px; }
.scene-grid.photo-rail small { margin-top: 7px; color: rgba(255,255,255,.8); font-size: 13px; }
.pc-products .product-list { display: grid; gap: 11px; overflow: visible; border: 0; border-radius: 0; background: transparent; }
.pc-products .product-list button { min-height: 96px; grid-template-columns: 1fr 20px; padding: 16px 16px 16px 20px; border: 1px solid #e5e8e8; border-radius: 11px; box-shadow: 0 7px 18px rgba(30,46,44,.05); }
.pc-products .product-list button:last-child { border-bottom: 1px solid #e5e8e8; }
.pc-products .product-copy b { font-size: 15px; }
.pc-products .product-copy small { color: #ad1f38; font-size: 14px; font-weight: 800; }
.pc-products .product-copy em { color: #7f848d; }
.news-pc .news-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.news-pc .news-list button { position: relative; min-height: 138px; display: flex; flex-direction: column; padding: 14px; overflow: hidden; border: 1px solid #e2e6e4; border-radius: 9px; background: linear-gradient(145deg,#fff,#f7faf9); }
.news-pc .news-list button::after { content: ""; position: absolute; right: -20px; bottom: -22px; width: 70px; height: 70px; border: 1px solid rgba(166,25,52,.12); border-radius: 50%; }
.news-pc .news-order { margin-bottom: 18px; color: #a61934; font-size: 16px; }
.news-pc .news-copy { flex: 1; }
.news-pc .news-copy b { display: -webkit-box; margin: 5px 0 9px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.news-pc .news-list button > i { position: absolute; right: 12px; top: 12px; }
.pc-screen .demand-block { border-radius: 7px; background: linear-gradient(105deg,rgba(13,47,43,.97),rgba(24,85,78,.78)),url("assets/scenes/scene-04.jpg") center/cover; }
.pc-screen .demand-block button.primary { color: #15504a; }
.pc-screen .partner-list span { border-radius: 5px; }
.pc-partners { padding-bottom: 20px; }
.pc-partner-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.pc-partner-grid button { min-width: 0; min-height: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 12px 6px; border: 1px solid #e5e8eb; border-radius: 6px; background: #fff; box-shadow: 0 7px 17px rgba(31,45,43,.06); }
.pc-partner-grid button b { width: 100%; overflow: hidden; color: #444a50; font-size: 12px; font-weight: 600; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.brand-symbol { width: 44px; height: 34px; display: grid; place-items: center; border-radius: 7px 2px 7px 2px; background: #b51f37; color: #fff; font-family: SimHei,"Microsoft YaHei",sans-serif; font-size: 16px; font-weight: 900; transform: skew(-7deg); }
.brand-symbol.port { border-radius: 50% 50% 8px 8px; background: #2772b9; }
.brand-symbol.chain { border-radius: 50%; background: #23805e; }
.brand-symbol.shudao { border-radius: 2px; background: #c53b2f; }
.brand-symbol.harbor { border-radius: 4px 13px 4px 13px; background: #13788a; }
.brand-symbol.institute { border-radius: 50% 4px 50% 4px; background: #6a4b8e; }
.pc-nav { padding-left: 58px; padding-right: 58px; }
.pc-nav button { position: relative; border-radius: 12px; }
.pc-nav button.active { color: #a61934; }
.pc-nav button.active::before { content: ""; position: absolute; left: 14px; right: 14px; top: -7px; height: 3px; border-radius: 0 0 3px 3px; background: #a61934; }
.pc-nav button.active .ui-icon { width: 38px; height: 30px; padding: 6px 10px; border-radius: 12px; background: linear-gradient(145deg,#c92f49,#97162f); color: #fff; box-shadow: 0 5px 12px rgba(136,20,42,.2); }
.pc-screen .global-report-entry { border-radius: 9px; background: linear-gradient(135deg,#b3233e,#7f1429); }

/* Shared data news detail */
.news-detail-scroll { inset: 0; background: #f4f2f1; }
.news-detail-nav { height: 50px; display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; padding: 0 12px; border-bottom: 1px solid #e4dfdc; background: rgba(255,255,255,.96); text-align: center; }
.news-detail-nav button { width: 38px; height: 38px; border: 0; border-radius: 12px; background: #f5e8ea; color: var(--red); font-size: 30px; line-height: 1; }
.news-detail-nav > b { color: #25292d; font-size: 18px; }
.news-article { margin: 14px; padding: 22px 18px; border: 1px solid #e5e0dd; border-radius: 14px; background: #fff; box-shadow: 0 9px 24px rgba(43,30,31,.06); }
.news-article-kicker { display: flex; align-items: center; gap: 8px; }
.news-article-kicker span { padding: 4px 8px; border-radius: 4px; background: var(--red); color: #fff; font-size: 12px; font-weight: 700; }
.news-article-kicker em { color: #9a9290; font-size: 11px; font-style: normal; }
.news-article h1 { margin: 16px 0 12px; color: #202428; font-size: 28px; line-height: 1.35; letter-spacing: -.5px; }
.news-article-meta { display: flex; align-items: center; gap: 10px; padding-bottom: 16px; border-bottom: 1px solid #eee9e6; color: #8b8582; font-size: 11px; }
.news-article-summary { margin: 18px 0; padding: 14px; border-left: 4px solid var(--red); background: var(--red-soft); color: #4d4e52; font-size: 16px; font-weight: 650; line-height: 1.75; }
.news-article-body p { margin: 0 0 17px; color: #45484d; font-size: 16px; line-height: 1.9; text-align: justify; }
.news-insight { margin: 22px 0; padding: 16px; border: 1px solid color-mix(in srgb,var(--red) 24%,#e8e1dd); border-radius: 9px; background: linear-gradient(145deg,var(--red-soft),#fff); }
.news-insight small { display: block; margin-bottom: 8px; color: var(--red); font-size: 11px; font-weight: 800; letter-spacing: 1.2px; }
.news-insight b { color: #34363a; font-size: 14px; line-height: 1.7; }
.news-article footer { display: flex; flex-direction: column; align-items: center; gap: 13px; padding-top: 8px; color: #999391; font-size: 11px; }
.news-article footer button { width: 100%; height: 44px; border: 1px solid var(--red); border-radius: 8px; background: #fff; color: var(--red); font-size: 15px; font-weight: 700; }
.theme-gov .news-detail-nav, .theme-gov .news-article, .theme-gov .news-detail-nav button, .theme-gov .news-insight, .theme-gov .news-article footer button { border-radius: 2px; }
.theme-gov .news-article h1, .theme-gov .news-detail-nav > b { font-family: SimSun,"Songti SC",serif; }
.theme-city .news-detail-nav button, .theme-city .news-article, .theme-city .news-insight, .theme-city .news-article footer button { border-radius: 16px; }
.theme-pc .news-detail-nav button, .theme-pc .news-article, .theme-pc .news-insight, .theme-pc .news-article footer button { border-radius: 8px; }

/* Immersive government-red swipe gallery */
.theme-swipe { --red: #df001b; --red-dark: #a60014; --red-soft: #ffe8eb; background: radial-gradient(circle at 16% 4%,rgba(223,0,27,.2),transparent 30%),#f4eeee; }
.swipe-screen { background: #fbfaf8; color: #fff; }
.swipe-screen .page-scroll { background: radial-gradient(circle at 90% 3%,rgba(255,213,190,.32),transparent 20%),linear-gradient(180deg,#df001b 0%,#e72a3e 14%,#ee7480 27%,#f5b6b9 39%,#fbe1df 49%,#fff 58%,#fff 100%); }
.swipe-head { position: relative; z-index: 30; height: 96px; background: linear-gradient(180deg,rgba(52,24,34,.46),rgba(94,44,57,.08),transparent); }
.swipe-head > div:last-child { height: 52px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px 0 19px; }
.swipe-head .pc-portal-logo { color: #fff; }
.swipe-head .pc-portal-logo svg { width: 27px; height: 27px; }
.swipe-head .pc-portal-logo b { color: #fff; font-size: 18px; }
.swipe-head .mini-capsule { border-color: rgba(255,231,225,.34); background: rgba(51,26,34,.32); }
.swipe-panel { min-height: calc(100% - 96px); padding-bottom: 24px; }
.swipe-panel[hidden] { display: none !important; }
.swipe-scene-panel { height: calc(100% - 96px); min-height: 650px; display: flex; flex-direction: column; padding: 1px 13px 8px; overflow: hidden; }
.swipe-scene-heading { flex: 0 0 auto; padding: 0 5px 16px; }
.swipe-scene-heading > span, .swipe-section-hero > small { color: #efc7c2; font-size: 10px; font-weight: 800; letter-spacing: 1.8px; }
.swipe-scene-heading h1 { margin: 5px 0 4px; font-size: 25px; line-height: 1.2; letter-spacing: .3px; }
.swipe-scene-heading p { margin: 0; color: rgba(255,239,235,.7); font-size: 12px; letter-spacing: 1.5px; }
.swipe-card-stack { position: relative; flex: 1 1 auto; min-height: 462px; margin: 0 0 0 3px; perspective: 1100px; }
.swipe-scene-card { position: absolute; inset: 0 38px 20px 0; overflow: hidden; border: 1px solid rgba(245,209,200,.34); border-radius: 23px; background: var(--swipe-scene) center/cover; box-shadow: 0 18px 38px rgba(61,28,38,.3); color: #fff; transform-origin: 8% 94%; touch-action: none; user-select: none; transition: transform .32s cubic-bezier(.2,.78,.26,1),opacity .28s ease; }
.swipe-scene-card[data-stack-position="0"] { z-index: 8; opacity: 1; transform: translateY(0) scale(1); pointer-events: auto; }
.swipe-scene-card[data-stack-position="1"] { z-index: 7; opacity: .9; transform: translate(21px,10px) rotate(4deg) scale(.97); filter: saturate(.84) brightness(.86); }
.swipe-scene-card[data-stack-position="2"] { z-index: 6; opacity: .74; transform: translate(39px,19px) rotate(8deg) scale(.94); filter: saturate(.7) brightness(.72); }
.swipe-scene-card[data-stack-position="3"], .swipe-scene-card[data-stack-position="4"], .swipe-scene-card[data-stack-position="5"] { z-index: 4; opacity: 0; transform: translate(48px,24px) rotate(11deg) scale(.91); pointer-events: none; }
.swipe-scene-card.is-dragging { transition: none; }
.swipe-scene-card.is-leaving-left { opacity: 0; transform: translate(-125%,18px) rotate(-16deg) !important; }
.swipe-scene-card.is-leaving-right { opacity: 0; transform: translate(125%,18px) rotate(16deg) !important; }
.swipe-card-shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(77,42,52,.18) 8%,rgba(79,37,49,.2) 42%,rgba(42,24,31,.94) 100%); }
.swipe-card-top { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 20px; }
.swipe-card-top > span { color: rgba(255,255,255,.75); font-size: 11px; font-weight: 750; letter-spacing: 1px; }
.swipe-card-top > i { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(255,228,220,.38); border-radius: 14px; background: rgba(84,42,53,.52); font-style: normal; backdrop-filter: blur(10px); }
.swipe-card-top .ui-icon { width: 25px; height: 25px; }
.swipe-card-copy { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 23px 21px 22px; }
.swipe-card-copy > small { color: #edb6b4; font-size: 10px; font-weight: 700; letter-spacing: 1px; }
.swipe-card-copy h2 { margin: 7px 0 8px; font-size: 28px; letter-spacing: -.5px; }
.swipe-card-copy p { display: -webkit-box; margin: 0 0 18px; overflow: hidden; color: rgba(255,255,255,.78); font-size: 13px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.swipe-card-copy button { height: 38px; padding: 0 14px; border: 1px solid rgba(255,229,222,.4); border-radius: 19px; background: rgba(113,53,67,.5); color: #fff; font-size: 12px; font-weight: 700; backdrop-filter: blur(9px); }
.swipe-card-copy button span { margin-left: 9px; }
.swipe-gesture-hint { flex: 0 0 43px; display: flex; align-items: center; justify-content: center; gap: 12px; color: rgba(255,255,255,.7); font-size: 11px; letter-spacing: .5px; }
.swipe-gesture-hint span { color: #fff; font-size: 15px; }
.swipe-section-hero { padding: 22px 20px 20px; }
.swipe-section-hero h1 { margin: 7px 0 6px; font-size: 29px; }
.swipe-section-hero p { margin: 0; color: rgba(255,255,255,.68); font-size: 13px; }
.swipe-zone { margin: 0 14px 18px; padding: 20px 16px; border: 1px solid rgba(255,255,255,.76); border-radius: 17px; background: rgba(255,255,255,.84); box-shadow: 0 15px 32px rgba(80,35,47,.1); color: #2f2930; backdrop-filter: blur(14px); }
.swipe-zone .section-title h2 { color: #2f2930; }
.swipe-zone .section-title button, .swipe-zone .switch-title > span { color: #a15c69; }
.swipe-zone .switch-title button { color: #9c9295; }
.swipe-zone .switch-title button.active { color: #342b31; }
.swipe-zone .switch-title button.active::after { background: #df001b; }
.swipe-apps .app-grid { row-gap: 20px; }
.swipe-apps [data-app-panel="favorite"] .app-grid { grid-template-columns: repeat(3,1fr); }
.swipe-apps .app-icon, .swipe-apps .app-grid button:nth-child(n) .app-icon { border: 1px solid #eadadd; background: #f6e9eb; color: #b44258; box-shadow: inset 0 1px #fff; }
.swipe-apps .app-grid button:nth-child(2n) .app-icon { background: #f3e7df; color: #a25e47; }
.swipe-apps .app-grid b { color: #3e373c; font-size: 12px; }
.swipe-products .tx-market-list > button { border-color: #ede5e5; background: rgba(255,255,255,.76); box-shadow: 0 6px 18px rgba(91,48,57,.05); }
.swipe-products .tx-market-list > button > b { color: #302a2f; }
.swipe-products .tx-market-list > button > p { color: #82777b; }
.swipe-products .tx-market-list > button > span { border-color: #eee7e7; }
.swipe-products .tx-market-list strong { color: #ef9d9e; }
.swipe-products .tx-market-list em { background: linear-gradient(135deg,#ec1630,#c90019); }
.swipe-news-list { display: grid; }
.swipe-news-list > button { min-height: 104px; display: grid; grid-template-columns: minmax(0,1fr) 112px; align-items: stretch; gap: 13px; padding: 12px 0; border: 0; border-bottom: 1px solid #ece5e5; background: transparent; text-align: left; }
.swipe-news-list > button:last-child { border-bottom: 0; }
.swipe-news-list > button > span { min-width: 0; display: flex; flex-direction: column; justify-content: space-between; padding: 3px 0; }
.swipe-news-list small { display: block; color: #e2a29f; font-size: 10px; }
.swipe-news-list b { display: block; margin: 5px 0; overflow: hidden; color: #342d32; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.swipe-news-list em { color: #a49b9e; font-size: 10px; font-style: normal; }
.swipe-news-list > button > i { min-height: 80px; border-radius: 9px; background: linear-gradient(rgba(90,20,32,.08),rgba(90,20,32,.18)),var(--swipe-news-cover) center/cover; box-shadow: inset 0 0 0 1px rgba(255,255,255,.34); }
.swipe-partners .pc-partner-grid button { border-color: #ede4e5; background: rgba(255,255,255,.8); box-shadow: none; }
.swipe-partners .pc-partner-grid button b { color: #564c51; }
.swipe-demand-search { margin: 0 14px 18px; border: 1px solid rgba(255,255,255,.78); background: rgba(255,255,255,.88); color: #352d32; }
.swipe-demand-search > span { color: #8a7e82; }
.swipe-demand-search > b { background: linear-gradient(135deg,#ec1630,#c90019); }
.swipe-demand-filters { display: flex; gap: 9px; margin: -5px 14px 18px; overflow-x: auto; scrollbar-width: none; }
.swipe-demand-filters::-webkit-scrollbar { display: none; }
.swipe-demand-filters button { flex: 0 0 auto; height: 34px; padding: 0 14px; border: 1px solid rgba(255,255,255,.82); border-radius: 17px; background: rgba(255,255,255,.72); color: #8b7d81; font-size: 12px; }
.swipe-demand-filters button.active { border-color: #df001b; background: #df001b; color: #fff; box-shadow: 0 6px 14px rgba(223,0,27,.16); }
.swipe-demands .tx-demand-list button { min-height: 254px; padding: 18px 18px 16px; border-color: #ebe2e3; background: rgba(255,255,255,.82); }
.swipe-demands .tx-demand-list button > b { margin-top: 14px; font-size: 19px; }
.swipe-demands .tx-demand-list button > p { margin: 8px 0 13px; line-height: 1.65; }
.swipe-demands .tx-demand-company { padding: 12px 0; }
.swipe-demands .tx-demand-contact { margin-top: 13px; }
.swipe-demands .tx-demand-list button > b, .swipe-demands .tx-demand-contact strong { color: #342d32; }
.swipe-demands .tx-demand-list button > p, .swipe-demands .tx-demand-company > em, .swipe-demands .tx-demand-contact small { color: #82777b; }
.swipe-demands .tx-demand-tag { color: #b44358; }
.swipe-demands .tx-demand-company { border-color: #ede5e5; }
.swipe-demands .tx-demand-company > i { background: #a94e60; }
.swipe-demands .tx-demand-eye { border-color: #e8c9cf; background: #fff6f7; color: #b44358; }
.swipe-profile { display: flex; flex-direction: column; align-items: center; padding: 56px 20px 34px; text-align: center; }
.swipe-profile > span { width: 78px; height: 78px; display: grid; place-items: center; margin-bottom: 17px; border: 1px solid rgba(255,255,255,.3); border-radius: 26px; background: rgba(255,255,255,.12); }
.swipe-profile .ui-icon { width: 38px; height: 38px; }
.swipe-profile small { color: #e2aaa7; font-size: 11px; }
.swipe-profile h1 { margin: 7px 0 5px; font-size: 27px; }
.swipe-profile p { margin: 0; color: rgba(255,255,255,.57); font-size: 12px; }
.swipe-mine-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; }
.swipe-mine-grid button { min-height: 112px; border: 1px solid #eee5e6; border-radius: 13px; background: rgba(255,255,255,.82); color: #342d32; }
.swipe-mine-grid button b { display: block; color: #dfa09f; font-size: 28px; }
.swipe-mine-grid button span { display: block; margin-top: 7px; color: #776d71; font-size: 12px; }
.swipe-bottom-nav { grid-template-columns: repeat(4,1fr); padding-left: 12px; padding-right: 12px; border-top-color: #eee6e5; background: rgba(255,255,255,.96); }
.swipe-bottom-nav button { color: #9a9194; font-size: 11px; }
.swipe-bottom-nav button .ui-icon { color: #ad9fa2; }
.swipe-bottom-nav button.active { color: #df001b; }
.swipe-bottom-nav button.active .ui-icon { width: 39px; padding: 5px 10px; border-radius: 13px; background: #df001b; color: #fff; box-shadow: 0 5px 13px rgba(223,0,27,.22); }
.swipe-screen .global-report-entry { width: 60px; height: 60px; bottom: 82px; border-color: rgba(255,255,255,.42); border-radius: 15px; background: linear-gradient(145deg,#ed1631,#b70016); box-shadow: 0 10px 24px rgba(116,0,14,.27); }
.swipe-screen .global-report-entry > span { width: 28px; height: 28px; }
.theme-swipe .news-detail-nav, .theme-swipe .news-article { border-color: rgba(245,217,210,.14); background: #59303c; color: #fff; }
.theme-swipe .news-article h1, .theme-swipe .news-article-body p, .theme-swipe .news-detail-nav > b { color: #fff; }

/* Global mobile typography and spacing refinement */
:root {
  --font-ui: "PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC","Source Han Sans SC",sans-serif;
  --page-gutter: 12px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
}
html { text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body, button, input, textarea, select {
  font-family: var(--font-ui);
  font-kerning: normal;
  font-variant-numeric: tabular-nums;
  text-rendering: optimizeLegibility;
}
.prototype-page { font-size: 14px; line-height: 1.5; }
.screen { letter-spacing: 0; }
.screen h1, .screen h2, .screen h3, .screen b, .screen strong { text-wrap: pretty; }
.hero-copy h1,
.swipe-scene-heading h1,
.swipe-section-hero h1 {
  font-size: 28px;
  font-weight: 750;
  line-height: 1.28;
  letter-spacing: -.45px;
}
.tx-pc-hero .hero-copy h1 { font-size: 26px; font-weight: 750; line-height: 1.3; }
.hero-copy p, .swipe-section-hero p { font-size: 14px; line-height: 1.65; }
.hero-copy > small,
.swipe-scene-heading > span,
.swipe-section-hero > small {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .6px;
}
.section-title { min-height: 32px; margin-bottom: 18px; }
.section-title h2 {
  font-size: 22px;
  font-weight: 720;
  line-height: 1.35;
  letter-spacing: -.25px;
}
.tx-block .section-title h2,
.swipe-zone .section-title h2 {
  font-size: 22px;
  font-weight: 720;
  line-height: 1.35;
}
.section-title button { min-height: 32px; font-size: 13px; line-height: 1.4; }
.switch-title button { font-weight: 700; line-height: 1.4; }
.app-grid b { margin-top: 7px; font-size: 13px; font-weight: 500; line-height: 1.45; }
.scene-item b,
.product-copy b,
.news-copy b,
.tx-market-list > button > b,
.tx-news-list b,
.swipe-news-list b { font-weight: 650; }
.scene-item small,
.product-copy em,
.news-copy em,
.tx-market-list > button > p,
.tx-news-list time,
.swipe-news-list em { line-height: 1.55; }
.bottom-nav button { font-size: 12px; line-height: 1.25; }
.bottom-nav .ui-icon { margin-bottom: 3px; }
.global-report-entry b { font-size: 12px; font-weight: 700; }

.surface {
  margin-right: var(--page-gutter);
  margin-bottom: var(--space-6);
  margin-left: var(--page-gutter);
  padding: var(--space-5) var(--space-4);
}
.content-section {
  margin-right: var(--page-gutter);
  margin-bottom: var(--space-6);
  margin-left: var(--page-gutter);
  padding: var(--space-5) var(--space-4);
}
.demand-block {
  margin-right: var(--page-gutter);
  margin-bottom: var(--space-6);
  margin-left: var(--page-gutter);
  padding: 22px 18px;
}
.app-grid { gap: 20px 10px; }
.scene-grid { gap: 12px; }
.product-list button { padding-top: 16px; padding-bottom: 16px; }
.pc-partner-grid { gap: 12px; }

.collab-apps { padding: 18px 16px 20px; }
.collab-apps .switch-title { margin-bottom: 22px; }
.collab-scenes, .collab-products, .collab-partners { padding-top: 22px; padding-bottom: 22px; }
.collab-products .product-list { gap: 12px; }
.collab-partners .pc-partner-grid { gap: 12px; }

.tx-pc-hero { margin-right: var(--page-gutter); margin-left: var(--page-gutter); }
.tx-pc-overview { margin-right: var(--page-gutter); margin-bottom: 16px; margin-left: var(--page-gutter); }
.tx-block {
  margin-right: var(--page-gutter);
  margin-bottom: 24px;
  margin-left: var(--page-gutter);
  padding: 22px 18px;
}
.tx-block .section-title { margin-bottom: 20px; }
.tx-kong-apps .app-grid { gap: 22px 9px; }
.tx-market-list { gap: 14px; }
.tx-market-list > button { padding: 20px 18px 16px; }
.tx-news-list > button { padding-top: 14px; padding-bottom: 14px; }
.tx-sub-banner { margin: 16px var(--page-gutter); padding: 26px 22px; }
.tx-demand-search { margin-right: var(--page-gutter); margin-left: var(--page-gutter); }
.tx-demand-list { gap: 20px; }

.swipe-section-hero { padding: 24px 20px 22px; }
.swipe-zone {
  margin-right: var(--page-gutter);
  margin-bottom: 22px;
  margin-left: var(--page-gutter);
  padding: 22px 18px;
}
.swipe-zone .section-title { margin-bottom: 20px; }
.swipe-apps .app-grid { gap: 22px 10px; }
.swipe-products .tx-market-list { gap: 14px; }
.swipe-news-list > button { padding-top: 14px; padding-bottom: 14px; }
.swipe-demand-search { margin-right: var(--page-gutter); margin-bottom: 20px; margin-left: var(--page-gutter); }
.swipe-demand-filters { margin-right: var(--page-gutter); margin-bottom: 20px; margin-left: var(--page-gutter); }
.swipe-demands .tx-demand-list { gap: 18px; }
.swipe-mine-grid { gap: 12px; }
.swipe-scene-panel { padding-right: 10px; padding-left: 10px; }

.news-detail-nav { padding-right: 18px; padding-left: 18px; }
.news-article { margin: var(--page-gutter); padding: 24px 20px; }
.news-article h1 { font-size: 28px; line-height: 1.4; }
.news-article-body p { font-size: 16px; line-height: 1.9; }

/* Secondary-copy adjustment: preserve all primary and section title sizes */
.concept-card p { font-size: 12px; }
.concept-note p { font-size: 12px; }
.city-hero .hero-copy p { font-size: 12px; line-height: 1.65; }
.demand-block p { font-size: 11px; line-height: 1.6; }
.tx-sub-banner p { font-size: 11px; line-height: 1.65; }
.tx-scene-intro p { font-size: 12px; line-height: 1.7; }
.swipe-scene-heading p { font-size: 10px; line-height: 1.6; }
.swipe-section-hero p { font-size: 12px; line-height: 1.65; }
.swipe-profile p { font-size: 10px; line-height: 1.6; }

/* Scheme 5: compact Tencent-style home refinements */
.tx-screen .tx-pc-hero {
  min-height: 306px;
}
.tx-screen .tx-pc-hero .hero-copy {
  padding: 28px 18px 0;
}
.tx-screen .tx-pc-hero .hero-copy h1 {
  margin: 10px 0 7px;
  font-size: 24px;
  line-height: 1.24;
}
.tx-screen .tx-pc-hero .hero-copy p {
  max-width: 96%;
  display: -webkit-box;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.55;
  text-overflow: clip;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.tx-screen .tx-pc-hero .pc-search {
  position: absolute;
  right: 16px;
  bottom: 20px;
  left: 16px;
  width: auto;
  height: 43px;
  margin: 0;
}
.tx-screen .tx-pc-hero .pc-search > b {
  height: 35px;
}
.tx-pc-overview [data-count] {
  display: inline-block;
  min-width: 1.2em;
  transform-origin: center bottom;
  animation: txCountRoll 1s cubic-bezier(.2,.75,.2,1) 120ms both;
}
.tx-pc-overview [data-count].is-counting {
  color: #fff;
  text-shadow: 0 0 12px rgba(255,113,136,.28);
}
@keyframes txCountRoll {
  from { opacity: .25; filter: blur(2px); transform: translateY(11px) scale(.94); }
  to { opacity: 1; filter: none; transform: none; }
}
.tx-screen .tx-kong-apps {
  padding: 16px 14px 17px;
}
.tx-screen .tx-kong-apps .switch-title {
  min-height: 30px;
  margin-bottom: 13px;
}
.tx-screen .tx-kong-apps .switch-title button {
  padding-bottom: 6px;
  font-size: 17px;
}
.tx-screen .tx-kong-apps .app-grid {
  gap: 14px 7px;
}
.tx-screen .tx-kong-apps .app-grid button {
  min-width: 0;
}
.tx-screen .tx-kong-apps .app-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 5px;
  border-radius: 14px;
}
.tx-screen .tx-kong-apps .app-icon .ui-icon {
  width: 23px;
  height: 23px;
}
.tx-screen .tx-kong-apps .app-grid b {
  width: 100%;
  min-height: 18px;
  display: block;
  margin-top: 0;
  overflow: hidden;
  font-size: 11px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tx-screen .tx-scene-list,
.tx-screen .tx-market,
.tx-screen .tx-news,
.tx-screen .tx-news-page,
.tx-screen .tx-demands,
.tx-screen .tx-partner-matrix {
  margin-right: 8px;
  margin-left: 8px;
  padding-right: 10px;
  padding-left: 10px;
}
.tx-screen .tx-scene-list {
  padding-top: 10px;
  padding-bottom: 6px;
}
.tx-screen .tx-scene-intro {
  padding: 2px 8px 14px;
}
.tx-screen .tx-scene-intro h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
  color: #b5122a;
  font-size: 20px;
  line-height: 1.35;
  letter-spacing: 0;
}
.tx-screen .tx-scene-intro h2::before {
  width: 3px;
  height: 18px;
  flex: 0 0 auto;
  border-radius: 3px;
  background: #df1733;
  content: "";
}
.tx-screen .tx-scene-intro p {
  margin: 0;
}
.tx-demand-filters {
  display: flex;
  gap: 8px;
  margin: 0 var(--page-gutter) 18px;
  padding: 1px 0 3px;
  overflow-x: auto;
  scrollbar-width: none;
}
.tx-demand-filters::-webkit-scrollbar {
  display: none;
}
.tx-demand-filters button {
  flex: 0 0 auto;
  height: 34px;
  padding: 0 13px;
  border: 1px solid #e5e8ec;
  border-radius: 17px;
  background: #fff;
  color: #68707a;
  font-size: 12px;
  white-space: nowrap;
}
.tx-demand-filters button.active {
  border-color: #d71931;
  background: #d71931;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 5px 12px rgba(215,25,49,.16);
}
.tx-screen .tx-market-list {
  gap: 12px;
}
.tx-screen .tx-market-list > button {
  position: relative;
  min-height: 148px;
  overflow: hidden;
  padding: 18px 16px 14px;
  border-color: #f0dfe2;
  border-radius: 14px;
  background: linear-gradient(135deg,#fff 0%,#fff 72%,#fff7f8 100%);
  box-shadow: 0 8px 22px rgba(42,34,37,.06);
}
.tx-screen .tx-market-list > button::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: 3px;
  height: 26px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(#ed2742,#bd1028);
}
.tx-screen .tx-market-list > button::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -35px;
  width: 86px;
  height: 86px;
  border: 1px solid rgba(215,25,49,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 16px rgba(215,25,49,.025);
  pointer-events: none;
}
.tx-screen .tx-market-list > button > b {
  padding-left: 1px;
  font-size: 17px;
}
.tx-screen .tx-market-list > button > p {
  margin: 8px 0 11px;
  font-size: 12px;
  line-height: 1.6;
}
.tx-screen .tx-market-list > button > span {
  position: relative;
  z-index: 1;
  padding-top: 11px;
}
.tx-screen .tx-market-list strong {
  font-size: 18px;
  letter-spacing: -.35px;
}
.tx-screen .tx-market-list em {
  padding: 7px 14px;
  box-shadow: 0 5px 12px rgba(215,25,49,.16);
}
.tx-screen .global-report-entry {
  border: 1px solid #f1d9dd;
  background: rgba(255,255,255,.98);
  color: #c9142d;
  box-shadow: 0 12px 28px rgba(70,36,43,.18), 0 3px 8px rgba(70,36,43,.08);
}
.tx-screen .global-report-entry > span {
  width: 34px;
  height: 34px;
  border-color: #f4d7dc;
  border-radius: 11px;
  background: linear-gradient(145deg,#fff5f6,#ffe8ec);
  color: #d71931;
}
.tx-screen .global-report-entry .ui-icon {
  width: 21px;
  height: 21px;
  stroke-width: 1.8;
}
.tx-screen .global-report-entry b {
  color: #b70f27;
}

/* Global mobile typography recalibration */
.section-title {
  min-height: 30px;
}
.section-title h2,
.tx-block .section-title h2,
.swipe-zone .section-title h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -.15px;
}
.section-title button {
  min-height: 30px;
  font-size: 12px;
}
.switch-title button,
.tx-apps .switch-title button,
.tx-screen .tx-kong-apps .switch-title button {
  font-size: 17px;
  font-weight: 650;
}
.news-copy b,
.tx-news-list b,
.swipe-news-list b {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42;
}
.news-copy small,
.tx-news-list time,
.swipe-news-list em {
  font-size: 11px;
}
.product-copy b,
.tx-market-list > button > b,
.tx-screen .tx-market-list > button > b {
  font-size: 16px;
  font-weight: 650;
}
.scene-item b {
  font-size: 14px;
  font-weight: 650;
}
.scene-grid.tx-scene-cards .scene-item b {
  font-size: 19px;
}
.tx-demand-list button > b {
  font-size: 18px;
  font-weight: 650;
}
.tx-partner-head h2 {
  font-size: 20px;
}

/* Scheme 1: compact application zone and bottom-aligned product pricing */
.collab-apps {
  padding: 14px 14px 16px;
}
.collab-apps .switch-title {
  min-height: 31px;
  margin-bottom: 14px;
  padding-bottom: 0;
}
.collab-apps .switch-title > div {
  gap: 22px;
}
.collab-apps .switch-title button {
  padding-bottom: 7px;
  font-size: 17px;
}
.collab-apps .app-grid {
  gap: 14px 8px;
}
.collab-apps .app-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 5px;
  border-radius: 13px;
}
.collab-apps .app-icon .ui-icon {
  width: 23px;
  height: 23px;
}
.collab-apps .app-grid b {
  width: 100%;
  max-width: 100%;
  min-height: 18px;
  display: block;
  margin-top: 0;
  overflow: hidden;
  font-size: 11px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collab-products .product-list button {
  min-height: 112px;
}
.collab-products .product-copy {
  min-width: 0;
  min-height: 80px;
  display: flex;
  flex-direction: column;
}
.collab-products .product-copy b {
  order: 1;
}
.collab-products .product-copy em {
  order: 2;
}
.collab-products .product-copy small {
  order: 3;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid #edf0f2;
  font-size: 13px;
}
.collab-partners .section-title {
  justify-content: flex-start;
}

/* Scheme 2: stronger government-red accents on the clean white base */
.tx-screen .tx-block {
  border-color: #eee5e7;
  box-shadow: 0 6px 18px rgba(145,16,38,.045);
}
.tx-screen .section-title h2 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #b5122a;
}
.tx-screen .section-title h2::before {
  content: "";
  width: 3px;
  height: 18px;
  flex: 0 0 auto;
  border-radius: 3px;
  background: linear-gradient(#e3223d,#a90d23);
}
.tx-screen .section-title button {
  color: #b5122a;
}
.tx-screen .switch-title button.active,
.tx-screen .tx-kong-apps .switch-title button.active {
  color: #b5122a;
}
.tx-screen .tx-news-page-head h2 {
  padding-left: 10px;
  border-left: 3px solid #c8152d;
  color: #b5122a;
}
.tx-screen .tx-partner-head h2 {
  color: #b5122a;
}
.tx-screen .tx-partner-head h2::after {
  content: "";
  width: 28px;
  height: 3px;
  display: block;
  margin: 8px auto 0;
  border-radius: 3px;
  background: #c8152d;
}
.tx-screen .tx-service-grid button > b {
  color: #9f1022;
}
.tx-screen .tx-service-grid button > i {
  color: #c8152d;
}

/* Scheme 2: borderless, full-width news index */
body.theme-tencent:not(.theme-gov-innovation) [data-home-panel="news"] {
  min-height: 100%;
  background: #fff;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-news-page {
  margin: 8px 0 20px;
  padding: 0 8px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-news-filters {
  gap: 8px;
  margin: 0 2px 8px;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-news-filters button {
  min-width: 58px;
  height: 34px;
  padding: 0 14px;
  border-color: #eef0f2;
  border-radius: 7px;
  font-size: 13px;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-news-filters button.active::after {
  right: 14px;
  left: 14px;
  height: 2px;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-news-feed {
  width: 100%;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-news-feed button {
  min-height: 128px;
  gap: 14px;
  padding: 12px 4px;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-product-type {
  width: max-content;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  margin: 0 0 8px;
  padding: 0 9px;
  border-radius: 4px;
  background: #fff0f2;
  color: #c3132d;
  font-size: 10px;
  font-weight: 750;
  line-height: 22px;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-partner-title {
  justify-content: flex-start;
  margin-bottom: 8px;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-partner-summary {
  margin: 0 0 16px;
  overflow: hidden;
  color: #949aa1;
  font-size: 11px;
  line-height: 1.55;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-partner-matrix .pc-partner-grid button {
  min-height: 72px;
  padding: 10px 6px;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-partner-matrix .brand-symbol {
  width: 58px;
  height: 40px;
  font-size: 18px;
}

/* Schemes 2 and 3: technology-blue enterprise palette */
.theme-tencent {
  --red: #1769e0;
  --red-dark: #0a438f;
  --red-soft: #eaf3ff;
}
.theme-tencent .tx-home-tabs button.active,
.theme-tencent .switch-title button.active,
.theme-tencent .tx-kong-apps .switch-title button.active,
.theme-tencent .section-title h2,
.theme-tencent .section-title button,
.theme-tencent .tx-scene-intro h2,
.theme-tencent .tx-news-page-head h2,
.theme-tencent .tx-partner-head h2,
.theme-tencent .tx-service-grid button > b,
.theme-tencent .tx-service-grid button > i {
  color: #1769e0;
}
.theme-tencent .tx-news-page-head h2 {
  border-left-color: #1769e0;
}
.theme-tencent .tx-home-tabs button.active::after,
.theme-tencent .section-title h2::before,
.theme-tencent .tx-scene-intro h2::before,
.theme-tencent .tx-news-filters button.active::after,
.theme-tencent .tx-partner-head h2::after {
  background: #1769e0;
}
.theme-tencent .tx-apps .app-icon,
.theme-tencent .tx-apps .app-grid button:nth-child(n) .app-icon,
.theme-tencent .tx-bottom-nav button.active .ui-icon,
.theme-tencent .tx-metric-grid button > i,
.theme-tencent .tx-service-grid button > span {
  border-color: #d6e7ff;
  background: #eaf3ff;
  color: #1769e0;
  box-shadow: inset 0 0 0 1px #d6e7ff;
}
.theme-tencent .tx-search > b,
.theme-tencent .tx-market-list em,
.theme-tencent .tx-demand-filters button.active {
  border-color: #1769e0;
  background: #1769e0;
}
.theme-tencent .tx-market-list strong,
.theme-tencent .tx-metric-grid em,
.theme-tencent .tx-news-filters button.active,
.theme-tencent .tx-product-type {
  color: #1769e0;
}
.theme-tencent .tx-market-list > button {
  border-color: #dfeafb;
  background: linear-gradient(135deg,#fff 0%,#fff 72%,#f5f9ff 100%);
}
.theme-tencent .tx-market-list > button::before {
  background: linear-gradient(#3284f3,#1054ba);
}
.theme-tencent .tx-market-list > button::after {
  border-color: rgba(23,105,224,.1);
  box-shadow: 0 0 0 16px rgba(23,105,224,.03);
}
.theme-tencent .demand-block {
  background: linear-gradient(105deg,rgba(5,48,112,.96),rgba(35,124,235,.82)),url("assets/scenes/scene-05.jpg") center/cover;
}
.theme-tencent .demand-block button.primary {
  color: #0d57bc;
}
.theme-tencent .tx-product-type,
body.theme-tencent:not(.theme-swipe) .tx-product-type {
  background: #eaf3ff;
  color: #1769e0;
}
.theme-tencent .global-report-entry,
.theme-tencent .tx-screen .global-report-entry {
  border-color: #d7e7fb;
  background: rgba(255,255,255,.98);
  color: #1769e0;
  box-shadow: 0 12px 28px rgba(24,76,143,.18),0 3px 8px rgba(24,76,143,.08);
}
.theme-tencent .pc-metric-head > i {
  background: rgba(45,132,247,.2);
  color: #7bb6ff;
}
.theme-tencent .pc-metric-track > i {
  background: linear-gradient(90deg,#388cff,#74c8ff);
}
.theme-tencent .tx-pc-overview [data-count].is-counting {
  text-shadow: 0 0 12px rgba(80,155,255,.34);
}
.theme-tencent .brand-symbol.traffic {
  background: #1769e0;
}
.theme-tencent .brand-symbol.shudao {
  background: #1558ad;
}

/* Scheme 1: blue application palette */
.theme-collab .switch-title button.active,
.theme-collab .section-title button,
.theme-collab .product-copy small,
.theme-collab .news-copy small,
.theme-collab .news-order {
  color: #246bfd;
}
.theme-collab .switch-title button.active::after,
.theme-collab .product-list button::before {
  background: #246bfd;
}
.theme-collab .app-icon,
.theme-collab .app-grid button:nth-child(n) .app-icon {
  border: 1px solid #dbe8ff;
  background: linear-gradient(145deg,#f8fbff,#e7f0ff);
  color: #246bfd;
  box-shadow: 0 5px 12px rgba(36,107,253,.12),inset 0 0 0 1px rgba(255,255,255,.86);
}
.theme-collab .app-grid button:nth-child(2n) .app-icon {
  background: linear-gradient(145deg,#f5f9ff,#dceaff);
  color: #1459d9;
}
.theme-collab .app-grid button:nth-child(3n) .app-icon {
  background: linear-gradient(145deg,#f4fbff,#dff3ff);
  color: #1686cf;
}
.theme-collab .global-report-entry {
  border-color: #d8e6fb;
  background: rgba(255,255,255,.98);
  color: #246bfd;
  box-shadow: 0 12px 28px rgba(28,79,154,.2),0 3px 8px rgba(28,79,154,.08);
}
.theme-collab .global-report-entry > span {
  border-color: #d9e7ff;
  background: #edf4ff;
}
.theme-collab .bottom-nav button.active .ui-icon {
  background: #eaf2ff;
}
.theme-collab .demand-block {
  background: linear-gradient(105deg,rgba(7,48,116,.97),rgba(36,107,253,.8)),url("assets/scenes/scene-05.jpg") center/cover;
}
.theme-collab .demand-block button.primary {
  color: #1758c7;
}

/* Schemes 1-3: mobile service-system module */
.service-system {
  overflow: hidden;
}
.service-system-head {
  margin-bottom: 15px;
}
.service-system-head > div {
  min-width: 0;
}
.service-system-head h2 {
  margin: 0;
  color: var(--red);
  font-size: 20px;
  line-height: 1.25;
}
.service-system-head p {
  margin: 7px 0 0;
  color: #7c8490;
  font-size: 11px;
  line-height: 1.55;
  white-space: normal;
}
.service-system-head > small {
  display: block;
  margin-top: 9px;
  color: var(--red);
  font-size: 10px;
  font-weight: 750;
  line-height: 1.4;
}
.service-system-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
.service-system-grid > button {
  position: relative;
  min-width: 0;
  min-height: 180px;
  overflow: hidden;
  border: 1px solid #dfe7f2;
  border-radius: 12px;
  padding: 13px;
  background: linear-gradient(145deg,#fff 0%,#fff 72%,#f1f6ff 100%);
  color: #172c3a;
  text-align: left;
  box-shadow: 0 7px 18px rgba(24,66,119,.06);
}
.service-system-grid > button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 3px;
  border-radius: 0 3px 3px 0;
  background: linear-gradient(90deg,var(--red),#57a8ff);
}
.service-system-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
}
.service-system-card-head > i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #d7e6ff;
  border-radius: 11px;
  background: #edf4ff;
  color: var(--red);
  font-style: normal;
}
.service-system-card-head .ui-icon {
  width: 21px;
  height: 21px;
}
.service-system-card-head > em {
  color: #d9e4f3;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}
.service-system-grid b {
  display: block;
  font-size: 15px;
  line-height: 1.35;
  white-space: normal;
}
.service-system-grid p {
  margin: 8px 0 11px;
  color: #7d8793;
  font-size: 11px;
  line-height: 1.55;
}
.service-system-grid > button > small {
  display: inline-flex;
  max-width: 100%;
  border: 1px solid #d9e7fb;
  border-radius: 5px;
  padding: 4px 7px;
  background: #f4f8ff;
  color: #185dc5;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.35;
  white-space: normal;
}
.service-system-collab .service-system-head h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.service-system-collab .service-system-head h2::before,
.service-system-enterprise .service-system-head h2::before,
.service-system-innovation .service-system-head h2::before {
  content: "";
  width: 3px;
  height: 19px;
  flex: 0 0 auto;
  border-radius: 3px;
  background: var(--red);
}
.service-system-enterprise,
.service-system-innovation {
  padding-top: 20px;
  padding-bottom: 20px;
}
.service-system-enterprise .service-system-head > small {
  color: #3978ca;
}
.service-system-innovation {
  border-color: #dbe8fa;
  background: linear-gradient(160deg,#fff 0%,#f5f9ff 100%);
}
.service-system-innovation .service-system-grid > button {
  border-color: #cfe0f7;
  background: rgba(255,255,255,.92);
}
.service-system-innovation .service-system-card-head > em {
  color: #cbdcf3;
}

/* Schemes 2 and 3: full-bleed enterprise headers */
.tx-screen.is-home-view .tx-page-head {
  position: absolute;
  z-index: 15;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 0;
  background: linear-gradient(180deg,rgba(5,24,55,.58),transparent);
  color: #fff;
}
.tx-screen.is-home-view .status-bar {
  color: #fff;
}
.tx-screen.is-home-view .tx-home-tabs button {
  color: rgba(255,255,255,.72);
}
.tx-screen.is-home-view .tx-home-tabs button.active {
  color: #fff;
}
.tx-screen.is-home-view .tx-home-tabs button.active::after {
  background: #5ed6ff;
  box-shadow: 0 0 0 2px rgba(9,35,77,.72),0 0 10px rgba(94,214,255,.75);
}
.tx-screen.is-home-view .mini-capsule.is-dark {
  border-color: rgba(255,255,255,.38);
  background: rgba(7,28,63,.32);
  color: #fff;
}
.tx-screen.is-home-view .mini-capsule.is-dark > b {
  background: rgba(255,255,255,.35);
}
.tx-screen.is-home-view .tx-pc-hero {
  min-height: 452px;
  margin: 0 0 18px;
  border-radius: 0 0 24px 24px;
}
.tx-screen.is-home-view .tx-pc-hero .hero-copy {
  padding: 124px 20px 0;
}
.tx-screen.is-home-view .tx-pc-hero .pc-search {
  right: 18px;
  bottom: 20px;
  left: 18px;
}

/* Scheme 2: calm enterprise navy with teal data accents */
body.theme-tencent:not(.theme-gov-innovation) {
  --red: #175cd3;
  --red-dark: #0b3b78;
  --red-soft: #eaf2ff;
  background: radial-gradient(circle at 14% 8%,rgba(23,92,211,.1),transparent 31%),#eef2f7;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-screen {
  background: #f3f6fa;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-block {
  border-color: #dfe7f1;
  box-shadow: 0 7px 20px rgba(24,65,111,.065);
}
body.theme-tencent:not(.theme-gov-innovation) .concept-note small {
  color: #175cd3;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-pc-hero::after {
  background: linear-gradient(108deg,rgba(5,28,66,.72),rgba(12,68,116,.44),rgba(12,112,122,.16));
}

/* Scheme 2: neutral homepage title hierarchy */
body.theme-tencent:not(.theme-gov-innovation) .tx-home-panel[data-home-panel="shulian"] .section-title h2,
body.theme-tencent:not(.theme-gov-innovation) .tx-home-panel[data-home-panel="shulian"] .service-system-head h2 {
  color: #333;
}

/* Scheme 3: Sichuan digital-twin data stage */
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero {
  min-height: 650px;
}
body.theme-tencent.theme-gov-innovation .tx-pc-hero::after {
  background: linear-gradient(120deg,rgba(3,19,49,.78),rgba(13,47,102,.54),rgba(18,92,126,.3));
}
body.theme-tencent.theme-gov-innovation .innovation-data-space {
  top: 106px;
  right: 0;
  left: 0;
  height: 452px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 48% 58%,rgba(36,210,238,.2),transparent 25%),
    linear-gradient(180deg,rgba(5,31,74,.08),rgba(4,26,61,.24));
  box-shadow: none;
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::before {
  inset: -5% -18% -30%;
  opacity: .3;
  background-size: 28px 28px;
  transform: perspective(460px) rotateX(64deg) translateY(132px);
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::after {
  background: radial-gradient(circle at 50% 58%,transparent 24%,rgba(2,13,36,.18) 76%,rgba(2,13,36,.42) 100%);
}
.innovation-slogan {
  position: absolute;
  z-index: 7;
  top: 16px;
  left: 20px;
  display: grid;
  pointer-events: none;
  text-shadow: 0 4px 18px rgba(0,9,34,.42);
}
.innovation-slogan small {
  margin-bottom: 7px;
  color: rgba(229,245,255,.78);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
}
.innovation-slogan strong {
  color: #fff;
  font-size: 22px;
  font-weight: 760;
  line-height: 1.28;
  letter-spacing: -.35px;
}
.sichuan-digital-twin {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 55%;
  width: 252px;
  height: 214px;
  transform: translate(-50%,-50%) perspective(520px) rotateX(54deg) rotateZ(-6deg);
  filter: drop-shadow(0 18px 28px rgba(0,12,42,.38));
  pointer-events: none;
}
.sichuan-map-shape {
  position: absolute;
  inset: 8px;
  opacity: .86;
  border: 1px solid rgba(91,217,255,.76);
  background:
    linear-gradient(135deg,rgba(41,188,255,.3),rgba(20,79,195,.12)),
    repeating-linear-gradient(42deg,rgba(91,217,255,.2) 0 1px,transparent 1px 13px);
  clip-path: polygon(10% 27%,24% 17%,36% 20%,43% 8%,55% 15%,67% 10%,75% 23%,92% 30%,88% 46%,95% 57%,81% 67%,74% 85%,58% 81%,46% 94%,31% 83%,19% 85%,12% 69%,3% 56%,11% 43%);
  box-shadow: inset 0 0 35px rgba(58,194,255,.22),0 0 24px rgba(45,190,255,.28);
}
.sichuan-map-ring {
  position: absolute;
  left: 50%;
  top: 52%;
  border: 1px solid rgba(89,214,255,.38);
  border-radius: 50%;
  transform: translate(-50%,-50%);
  animation: twinRingPulse 3.2s ease-out infinite;
}
.sichuan-map-ring.ring-one { width: 92px; height: 52px; }
.sichuan-map-ring.ring-two { width: 148px; height: 82px; animation-delay: 1.25s; }
.sichuan-map-node {
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 50%;
  background: #46dfff;
  box-shadow: 0 0 0 6px rgba(70,223,255,.1),0 0 15px #33c9ff;
}
.sichuan-map-node.node-one { left: 48%; top: 45%; }
.sichuan-map-node.node-two { left: 68%; top: 39%; }
.sichuan-map-node.node-three { left: 36%; top: 68%; }
@keyframes twinRingPulse {
  0% { opacity: .8; transform: translate(-50%,-50%) scale(.65); }
  100% { opacity: 0; transform: translate(-50%,-50%) scale(1.45); }
}
body.theme-tencent.theme-gov-innovation .data-orbit-card {
  width: 92px;
  min-height: 34px;
  padding: 6px 9px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 7px 18px rgba(0,14,42,.22),inset 0 1px rgba(255,255,255,.1);
  transition: width .28s ease,min-height .28s ease,border-radius .28s ease,padding .28s ease,box-shadow .28s ease,background .28s ease;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card .ui-icon {
  width: 13px;
  height: 13px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card small {
  max-width: 48px;
  font-size: 8px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card b {
  position: absolute;
  right: 9px;
  top: 8px;
  margin: 0;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card strong {
  font-size: 12px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card u {
  display: none;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible {
  z-index: 5;
  width: 126px;
  min-height: 72px;
  padding: 10px 11px;
  border-radius: 13px;
  outline: 0;
  background: linear-gradient(145deg,rgba(36,112,208,.94),rgba(10,57,127,.88));
  box-shadow: 0 14px 34px rgba(0,25,69,.36),0 0 24px rgba(68,195,255,.2),inset 0 1px rgba(255,255,255,.18);
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus b,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible b {
  position: static;
  margin-top: 9px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus strong,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible strong {
  font-size: 24px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus u,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible u {
  display: inline;
}
body.theme-tencent.theme-gov-innovation .flow-node-scene { left: 16px; top: 224px; }
body.theme-tencent.theme-gov-innovation .flow-node-app { left: 132px; top: 168px; }
body.theme-tencent.theme-gov-innovation .flow-node-report { right: 13px; top: 238px; }
body.theme-tencent.theme-gov-innovation .flow-node-partner { left: 119px; top: 324px; }
body.theme-tencent:not(.theme-gov-innovation) .tx-pc-overview {
  border-color: #244d68;
  background: radial-gradient(circle at 96% 0,rgba(31,182,170,.22),transparent 40%),linear-gradient(145deg,#17334a,#0b1f31);
  box-shadow: 0 14px 30px rgba(13,40,63,.2);
}
body.theme-tencent:not(.theme-gov-innovation) .pc-overview-grid button {
  transition: transform .2s ease,border-color .2s ease,background .2s ease;
}
body.theme-tencent:not(.theme-gov-innovation) .pc-overview-grid button::after {
  border-color: rgba(50,202,190,.2);
  box-shadow: 0 0 24px rgba(50,202,190,.1);
}
body.theme-tencent:not(.theme-gov-innovation) .pc-overview-grid button:active {
  transform: scale(.97);
  border-color: rgba(88,220,210,.45);
  background: linear-gradient(145deg,rgba(33,163,155,.18),rgba(255,255,255,.035));
}
body.theme-tencent:not(.theme-gov-innovation) .pc-overview-grid button:nth-child(2n) .pc-metric-head > i {
  background: rgba(36,185,174,.2);
  color: #63ded4;
}
body.theme-tencent:not(.theme-gov-innovation) .pc-overview-grid button:nth-child(2n) .pc-metric-track > i {
  background: linear-gradient(90deg,#26a69a,#71e1d8);
}
body.theme-tencent:not(.theme-gov-innovation) .tx-apps .app-grid button:nth-child(4n+1) .app-icon {
  border-color: #d5e4ff;
  background: #eaf2ff;
  color: #175cd3;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-apps .app-grid button:nth-child(4n+2) .app-icon {
  border-color: #d1eeeb;
  background: #e9f8f6;
  color: #0e9384;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-apps .app-grid button:nth-child(4n+3) .app-icon {
  border-color: #dcdffc;
  background: #f0f1ff;
  color: #5d6adf;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-apps .app-grid button:nth-child(4n) .app-icon {
  border-color: #d7ebf7;
  background: #ecf8fd;
  color: #1684ad;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-market .section-title h2,
body.theme-tencent:not(.theme-gov-innovation) .tx-market-list strong {
  color: #0e7c73;
}
body.theme-tencent:not(.theme-gov-innovation) .tx-market .section-title h2::before,
body.theme-tencent:not(.theme-gov-innovation) .tx-market-list > button::before {
  background: linear-gradient(#22a99d,#0b766e);
}
body.theme-tencent:not(.theme-gov-innovation) .demand-block {
  background: linear-gradient(108deg,rgba(18,57,119,.97),rgba(16,138,137,.78)),url("assets/scenes/scene-05.jpg") center/cover;
}
body.theme-tencent:not(.theme-gov-innovation) .service-system-enterprise .service-system-grid > button::before {
  background: linear-gradient(90deg,#175cd3,#25a89d);
}
body.theme-tencent:not(.theme-gov-innovation) .service-system-enterprise .service-system-grid > button:nth-child(2n) .service-system-card-head > i {
  border-color: #d1eeeb;
  background: #e9f8f6;
  color: #0e9384;
}

/* Scheme 3: deep-space blue visualization and glass data modules */
body.theme-tencent.theme-gov-innovation {
  --red: #2f6bff;
  --red-dark: #102a61;
  --red-soft: #eaf2ff;
  background: radial-gradient(circle at 18% 6%,rgba(49,112,255,.13),transparent 30%),#eaf0f7;
}
body.theme-tencent.theme-gov-innovation .tx-screen {
  background: #eff4fa;
}
body.theme-tencent.theme-gov-innovation .tx-block {
  border-color: #d9e4f2;
  box-shadow: 0 8px 22px rgba(25,61,110,.07);
}
body.theme-tencent.theme-gov-innovation .concept-note small {
  color: #2f6bff;
}
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero {
  min-height: 560px;
}
body.theme-tencent.theme-gov-innovation .tx-pc-hero::after {
  background: linear-gradient(120deg,rgba(3,19,49,.97),rgba(13,47,102,.84),rgba(18,92,126,.52));
}
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero .hero-copy {
  padding-top: 118px;
}
body.theme-tencent.theme-gov-innovation .tx-pc-hero .hero-copy h1 {
  text-shadow: 0 4px 18px rgba(0,9,34,.38);
}
body.theme-tencent.theme-gov-innovation .tx-pc-hero .hero-copy p {
  max-width: 88%;
  -webkit-line-clamp: 1;
}
.innovation-data-space {
  position: absolute;
  z-index: 3;
  top: 236px;
  right: 12px;
  left: 12px;
  height: 246px;
  overflow: hidden;
  border: 1px solid rgba(115,190,255,.2);
  border-radius: 18px;
  background: radial-gradient(circle at 50% 52%,rgba(40,181,213,.18),transparent 30%),linear-gradient(145deg,rgba(12,36,80,.38),rgba(8,22,54,.16));
  box-shadow: inset 0 1px rgba(255,255,255,.12);
  touch-action: none;
  cursor: grab;
}
.innovation-data-space.is-dragging {
  cursor: grabbing;
}
.innovation-data-space::before,
.innovation-data-space::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.innovation-data-space::before {
  inset: -30% -10%;
  opacity: .24;
  background-image: linear-gradient(rgba(75,184,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(75,184,255,.2) 1px,transparent 1px);
  background-size: 24px 24px;
  transform: perspective(420px) rotateX(58deg) translateY(42px);
}
.innovation-data-space::after {
  inset: 0;
  background: radial-gradient(circle at center,transparent 25%,rgba(2,13,36,.24) 100%);
}
.innovation-data-plane {
  --pan-x: 0px;
  --pan-y: 0px;
  position: absolute;
  z-index: 2;
  inset: 0;
  transform: perspective(680px) rotateX(7deg) rotateY(-3deg) translate3d(var(--pan-x),var(--pan-y),0);
  transition: transform .18s ease-out;
}
.innovation-data-space.is-dragging .innovation-data-plane {
  transition: none;
}
.data-flow-core {
  position: absolute;
  left: 50%;
  top: 48%;
  width: 92px;
  height: 92px;
  transform: translate(-50%,-50%);
  border: 1px solid rgba(92,207,255,.38);
  border-radius: 50%;
  background: radial-gradient(circle,rgba(65,207,255,.34),rgba(24,96,203,.08) 52%,transparent 55%);
  box-shadow: 0 0 34px rgba(48,187,255,.24),inset 0 0 24px rgba(83,214,255,.22);
  animation: dataCorePulse 2.8s ease-in-out infinite;
}
.data-flow-core::before,
.data-flow-core::after {
  content: "";
  position: absolute;
  inset: -28px;
  border: 1px dashed rgba(94,206,255,.2);
  border-radius: 50%;
  animation: dataOrbitSpin 12s linear infinite;
}
.data-flow-core::after {
  inset: -58px;
  animation-direction: reverse;
  animation-duration: 18s;
}
.data-orbit-card {
  --focus-scale: 1;
  position: absolute;
  width: 112px;
  min-height: 70px;
  border: 1px solid rgba(120,197,255,.26);
  border-radius: 12px;
  padding: 9px 10px;
  background: linear-gradient(145deg,rgba(23,64,122,.8),rgba(8,29,68,.72));
  color: #fff;
  text-align: left;
  box-shadow: 0 10px 24px rgba(0,14,42,.24),inset 0 1px rgba(255,255,255,.1);
  backdrop-filter: blur(8px);
  transition: border-color .24s ease,box-shadow .24s ease;
}
.data-orbit-card > span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.data-orbit-card .ui-icon {
  width: 15px;
  height: 15px;
  color: #66d8ff;
}
.data-orbit-card small {
  overflow: hidden;
  color: rgba(231,246,255,.72);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-orbit-card b {
  display: flex;
  align-items: baseline;
  margin-top: 7px;
  line-height: 1;
}
.data-orbit-card strong {
  font-size: 24px;
  letter-spacing: -.6px;
  animation: txCountRoll 1s cubic-bezier(.2,.75,.2,1) 120ms both;
}
.data-orbit-card em {
  margin-left: 2px;
  color: #55d5ff;
  font-size: 12px;
  font-style: normal;
}
.data-orbit-card u {
  margin-left: 4px;
  color: rgba(229,244,255,.55);
  font-size: 8px;
  text-decoration: none;
}
.data-orbit-card.is-focus {
  --focus-scale: 1.09;
  z-index: 5;
  border-color: rgba(100,222,255,.72);
  background: linear-gradient(145deg,rgba(36,112,208,.94),rgba(10,57,127,.88));
  box-shadow: 0 14px 34px rgba(0,25,69,.36),0 0 24px rgba(68,195,255,.2),inset 0 1px rgba(255,255,255,.18);
}
.flow-node-scene { left: 13px; top: 80px; animation: dataFloatA 5.4s ease-in-out infinite; }
.flow-node-app { left: 113px; top: 15px; animation: dataFloatB 6.1s ease-in-out infinite; }
.flow-node-report { right: 11px; top: 88px; animation: dataFloatC 5.8s ease-in-out infinite; }
.flow-node-partner { left: 103px; top: 151px; animation: dataFloatD 6.7s ease-in-out infinite; }
.innovation-data-space.is-dragging .data-orbit-card {
  animation-play-state: paused;
}
.innovation-drag-hint {
  position: absolute;
  z-index: 6;
  right: 10px;
  bottom: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgba(220,243,255,.56);
  font-size: 8px;
  pointer-events: none;
}
.innovation-drag-hint .ui-icon {
  width: 12px;
  height: 12px;
}
@keyframes dataCorePulse {
  0%,100% { opacity: .72; transform: translate(-50%,-50%) scale(.9); }
  50% { opacity: 1; transform: translate(-50%,-50%) scale(1.08); }
}
@keyframes dataOrbitSpin { to { transform: rotate(360deg); } }
@keyframes dataFloatA {
  0%,100% { transform: translate3d(0,0,0) rotate(-1deg) scale(var(--focus-scale)); }
  36% { transform: translate3d(8px,-7px,8px) rotate(1deg) scale(var(--focus-scale)); }
  72% { transform: translate3d(-4px,5px,0) rotate(-.5deg) scale(var(--focus-scale)); }
}
@keyframes dataFloatB {
  0%,100% { transform: translate3d(0,0,0) rotate(.5deg) scale(var(--focus-scale)); }
  42% { transform: translate3d(-7px,6px,10px) rotate(-1deg) scale(var(--focus-scale)); }
  78% { transform: translate3d(5px,-3px,0) rotate(.8deg) scale(var(--focus-scale)); }
}
@keyframes dataFloatC {
  0%,100% { transform: translate3d(0,0,0) rotate(1deg) scale(var(--focus-scale)); }
  31% { transform: translate3d(-9px,-5px,6px) rotate(-.7deg) scale(var(--focus-scale)); }
  69% { transform: translate3d(3px,7px,0) rotate(.4deg) scale(var(--focus-scale)); }
}
@keyframes dataFloatD {
  0%,100% { transform: translate3d(0,0,0) rotate(-.4deg) scale(var(--focus-scale)); }
  45% { transform: translate3d(7px,-5px,9px) rotate(.8deg) scale(var(--focus-scale)); }
  82% { transform: translate3d(-5px,3px,0) rotate(-.6deg) scale(var(--focus-scale)); }
}
body.theme-tencent.theme-gov-innovation .tx-apps .app-grid button:nth-child(3n+1) .app-icon {
  border-color: #d8e4ff;
  background: #edf3ff;
  color: #2f6bff;
}
body.theme-tencent.theme-gov-innovation .tx-apps .app-grid button:nth-child(3n+2) .app-icon {
  border-color: #d4eef5;
  background: #eaf9fc;
  color: #1597b6;
}
body.theme-tencent.theme-gov-innovation .tx-apps .app-grid button:nth-child(3n) .app-icon {
  border-color: #e1defd;
  background: #f2f0ff;
  color: #675bd8;
}
body.theme-tencent.theme-gov-innovation .tx-market-list > button {
  border-color: #d9e5f5;
  background: linear-gradient(135deg,#fff 0%,#fff 70%,#edf4ff 100%);
}
body.theme-tencent.theme-gov-innovation .demand-block {
  background: linear-gradient(108deg,rgba(22,42,105,.97),rgba(24,126,151,.8)),url("assets/scenes/scene-05.jpg") center/cover;
}
body.theme-tencent.theme-gov-innovation .service-system-innovation {
  border-color: #d7e3f4;
  background: linear-gradient(155deg,#fff,#eef5ff);
}

/* Scheme 3: reuse Scheme 2's compact, borderless news index */
body.theme-tencent.theme-gov-innovation [data-home-panel="news"] {
  min-height: 100%;
  background: #fff;
}
body.theme-tencent.theme-gov-innovation .tx-news-page {
  margin: 8px 0 20px;
  padding: 0 8px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.theme-tencent.theme-gov-innovation .tx-news-filters {
  gap: 8px;
  margin: 0 2px 8px;
}
body.theme-tencent.theme-gov-innovation .tx-news-filters button {
  min-width: 58px;
  height: 34px;
  padding: 0 14px;
  border-color: #e4ebf5;
  border-radius: 7px;
  background: #f7faff;
  font-size: 13px;
}
body.theme-tencent.theme-gov-innovation .tx-news-filters button.active {
  background: #eef4ff;
  color: #2f6bff;
}
body.theme-tencent.theme-gov-innovation .tx-news-filters button.active::after {
  right: 14px;
  left: 14px;
  height: 2px;
  background: #2f6bff;
}
body.theme-tencent.theme-gov-innovation .tx-news-feed {
  width: 100%;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.theme-tencent.theme-gov-innovation .tx-news-feed button {
  min-height: 128px;
  gap: 14px;
  padding: 12px 4px;
}
body.theme-tencent.theme-gov-innovation .tx-news-feed button > i {
  border: 1px solid #dce6f2;
}

/* Final Scheme 3 stage overrides */
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero {
  min-height: 650px;
}
body.theme-tencent.theme-gov-innovation .tx-pc-hero::after {
  background: linear-gradient(120deg,rgba(3,19,49,.78),rgba(13,47,102,.54),rgba(18,92,126,.3));
}
body.theme-tencent.theme-gov-innovation .innovation-data-space {
  top: 106px;
  right: 0;
  left: 0;
  height: 452px;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(circle at 48% 58%,rgba(36,210,238,.2),transparent 25%),
    linear-gradient(180deg,rgba(5,31,74,.08),rgba(4,26,61,.24));
  box-shadow: none;
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::before {
  inset: -5% -18% -30%;
  opacity: .3;
  background-size: 28px 28px;
  transform: perspective(460px) rotateX(64deg) translateY(132px);
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::after {
  background: radial-gradient(circle at 50% 58%,transparent 24%,rgba(2,13,36,.18) 76%,rgba(2,13,36,.42) 100%);
}
body.theme-tencent.theme-gov-innovation .data-orbit-card {
  width: 92px;
  min-height: 34px;
  padding: 6px 9px;
  border: 0;
  border-radius: 18px;
  box-shadow: 0 7px 18px rgba(0,14,42,.22),inset 0 1px rgba(255,255,255,.1);
  transition: width .28s ease,min-height .28s ease,border-radius .28s ease,padding .28s ease,box-shadow .28s ease,background .28s ease;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card .ui-icon {
  width: 13px;
  height: 13px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card small {
  max-width: 48px;
  font-size: 8px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card b {
  position: absolute;
  right: 9px;
  top: 8px;
  margin: 0;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card strong {
  font-size: 12px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card u {
  display: none;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible {
  z-index: 5;
  width: 126px;
  min-height: 72px;
  padding: 10px 11px;
  border: 0;
  border-radius: 13px;
  outline: 0;
  background: linear-gradient(145deg,rgba(36,112,208,.94),rgba(10,57,127,.88));
  box-shadow: 0 14px 34px rgba(0,25,69,.36),0 0 24px rgba(68,195,255,.2),inset 0 1px rgba(255,255,255,.18);
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus b,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible b {
  position: static;
  margin-top: 9px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus strong,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible strong {
  font-size: 24px;
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus u,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible u {
  display: inline;
}
body.theme-tencent.theme-gov-innovation .flow-node-scene { left: 16px; top: 224px; }
body.theme-tencent.theme-gov-innovation .flow-node-app { left: 132px; top: 168px; }
body.theme-tencent.theme-gov-innovation .flow-node-report { right: 13px; top: 238px; }
body.theme-tencent.theme-gov-innovation .flow-node-partner { left: 119px; top: 324px; }

/* Scheme 1: softer, low-saturation blue typography */
body.theme-collab {
  --red: #46749f;
  --red-dark: #2f5579;
  --red-soft: #edf4f9;
  background: radial-gradient(circle at 14% 8%,rgba(70,116,159,.1),transparent 30%),#eff3f8;
}
.theme-collab .collab-section-head small,
.theme-collab .collab-apps .switch-title > span,
.theme-collab .switch-title button.active,
.theme-collab .section-title button,
.theme-collab .product-copy small,
.theme-collab .news-copy small,
.theme-collab .news-order,
.theme-collab .service-system-head h2,
.theme-collab .service-system-head > small,
.theme-collab .global-report-entry,
.theme-collab .bottom-nav button.active {
  color: #46749f;
}
.theme-collab .switch-title button.active::after,
.theme-collab .product-list button::before {
  background: #5b84aa;
}
.theme-collab .demand-block button.primary {
  color: #365f85;
}

@media (max-width: 1100px) {
  .concept-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 900px) {
  .concept-index { padding: 36px 18px; }
  .concept-header { align-items: flex-start; flex-direction: column; gap: 18px; }
  .concept-grid { grid-template-columns: 1fr; }
  .concept-card { min-height: 430px; }
  .preview-layout { display: block; padding: 0; }
  .back-link, .concept-note { display: none; }
  .device { width: 100%; height: 100dvh; min-height: 680px; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .device::before { display: none; }
  .device .screen { border-radius: 0; }
}

@media (max-height: 900px) and (min-width: 901px) {
  .preview-layout { align-items: start; }
  .device { transform: scale(.88); transform-origin: top center; margin-bottom: -102px; }
  .concept-note { padding-top: 100px; }
}

@media (prefers-reduced-motion: reduce) {
  .pc-overview-grid button,
  .pc-metric-track > i,
  .tx-pc-overview [data-count],
  .data-orbit-card,
  .data-orbit-card strong,
  .data-flow-core,
  .data-flow-core::before,
  .data-flow-core::after { animation: none; }
}

/* 方案二 · 新政务版 */
.theme-new-gov {
  --gov-red: #d70019;
  --gov-red-dark: #74000d;
  --gov-red-deep: #250105;
  background:
    radial-gradient(circle at 14% 8%,rgba(215,0,25,.12),transparent 30%),
    linear-gradient(140deg,#faf8f8,#f0ecee);
}
.new-gov-screen,
.new-gov-screen .page-scroll { background: #f3f4f6; }
.new-gov-hero {
  position: relative;
  height: 430px;
  overflow: hidden;
  color: #fff;
  background: #360006;
}
.new-gov-hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    radial-gradient(circle at 76% 20%,rgba(255,96,82,.27),transparent 26%),
    linear-gradient(180deg,rgba(30,0,4,.48),rgba(113,0,13,.68) 47%,rgba(222,0,24,.86));
}
.new-gov-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -12%;
  right: -12%;
  bottom: 50px;
  height: 155px;
  opacity: .58;
  transform: perspective(240px) rotateX(56deg);
  transform-origin: bottom center;
  background:
    repeating-linear-gradient(90deg,rgba(255,84,68,.46) 0 1px,transparent 1px 22px),
    repeating-linear-gradient(0deg,rgba(255,84,68,.5) 0 1px,transparent 1px 17px);
  -webkit-mask-image: linear-gradient(transparent,#000 25%,#000);
  mask-image: linear-gradient(transparent,#000 25%,#000);
}
.new-gov-hero-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.78) contrast(1.12);
}
.new-gov-hero .status-bar,
.new-gov-top,
.new-gov-hero-copy,
.new-gov-search,
.new-gov-data-landscape { position: relative; z-index: 3; }
.new-gov-top {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
}
.new-gov-top > strong { font-size: 17px; letter-spacing: .2px; }
.new-gov-hero-copy { padding: 18px 27px 0; text-align: center; }
.new-gov-hero-copy small {
  display: block;
  color: #fff4e8;
  font-size: 20px;
  font-weight: 850;
  letter-spacing: 1.1px;
  text-shadow: 0 3px 12px rgba(30,0,0,.42);
}
.new-gov-hero-copy h1 {
  margin: 13px 0 8px;
  font-size: 24px;
  line-height: 1.32;
  letter-spacing: 2px;
  text-shadow: 0 3px 14px rgba(35,0,0,.45);
}
.new-gov-hero-copy p {
  max-width: 320px;
  margin: auto;
  color: rgba(255,255,255,.88);
  font-size: 11px;
  line-height: 1.55;
}
.new-gov-data-landscape {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 78px;
  height: 105px;
  pointer-events: none;
}
.new-gov-data-landscape > i {
  position: absolute;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255,255,255,.75);
  border-radius: 50%;
  background: rgba(105,0,8,.42);
  box-shadow: 0 0 0 6px rgba(255,35,35,.08),0 0 18px rgba(255,86,76,.72);
}
.new-gov-data-landscape > i::before {
  content: "";
  position: absolute;
  inset: 9px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 -5px 0 -2px #fff,5px 0 0 -2px #fff,-5px 0 0 -2px #fff;
}
.new-gov-data-landscape > i:nth-child(1) { left: 46px; top: 22px; }
.new-gov-data-landscape > i:nth-child(2) { left: 104px; top: 60px; transform: scale(.72); }
.new-gov-data-landscape > i:nth-child(3) { right: 50px; top: 28px; }
.new-gov-data-landscape > i:nth-child(4) { right: 116px; top: 68px; transform: scale(.76); }
.new-gov-data-landscape > i:nth-child(5) { left: 50%; top: 2px; transform: translateX(-50%) scale(.88); }
.new-gov-data-landscape .cube {
  position: absolute;
  bottom: 0;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(255,225,220,.78);
  background: linear-gradient(145deg,rgba(255,255,255,.65),rgba(255,38,32,.18));
  box-shadow: 0 0 22px rgba(255,65,54,.75);
  transform: rotate(30deg) skew(-8deg);
}
.new-gov-data-landscape .c1 { left: 44%; width: 36px; height: 36px; }
.new-gov-data-landscape .c2 { left: 35%; bottom: 3px; }
.new-gov-data-landscape .c3 { left: 57%; bottom: 8px; width: 18px; height: 18px; }
.new-gov-search {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  width: auto;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px 0 15px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 10px;
  background: rgba(255,255,255,.96);
  color: #555;
  box-shadow: 0 10px 25px rgba(59,0,6,.25);
}
.new-gov-search > span { min-width: 0; display: flex; align-items: center; gap: 9px; }
.new-gov-search .ui-icon { width: 18px; height: 18px; color: #777; }
.new-gov-search em { overflow: hidden; color: #666; font-size: 13px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.new-gov-search b { padding: 8px 12px; border-radius: 7px; color: var(--gov-red); font-size: 13px; }

.new-gov-zone,
.new-gov-screen .service-system-new-gov {
  margin: 12px 10px 0;
  padding: 16px 12px;
  border: 1px solid rgba(123,17,29,.055);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(58,35,39,.035);
}
.new-gov-zone .section-title,
.new-gov-screen .service-system-head { margin-bottom: 12px; }
.new-gov-zone .section-title h2,
.new-gov-screen .service-system-head h2 {
  color: #333;
  font-size: 20px;
  font-weight: 780;
}
.new-gov-zone .section-title h2::before,
.new-gov-screen .service-system-head h2::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 17px;
  margin-right: 8px;
  border-radius: 2px;
  background: var(--gov-red);
  vertical-align: -2px;
}
.new-gov-zone .section-title button { color: #8d7c7e; font-size: 12px; }
.new-gov-apps {
  margin-top: 0;
  padding-top: 18px;
  border-radius: 0 0 14px 14px;
}
.new-gov-apps .switch-title { margin-bottom: 14px; }
.tx-report-apps {
  overflow: hidden;
}
.tx-report-apps .section-title {
  align-items: center;
  margin-bottom: 12px;
}
.tx-report-scroll {
  display: flex;
  gap: 10px;
  margin: 0 -2px -3px;
  padding: 2px 2px 3px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.tx-report-scroll::-webkit-scrollbar {
  display: none;
}
.tx-report-card {
  min-width: 248px;
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  scroll-snap-align: start;
  border: 1px solid #dce9f7;
  border-radius: 13px;
  background: linear-gradient(135deg,#fff 0%,#f4f9ff 100%);
  color: #333;
  text-align: left;
  box-shadow: 0 7px 18px rgba(24,76,143,.06);
}
.tx-report-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid #d3e5fb;
  border-radius: 12px;
  background: linear-gradient(145deg,#e6f1ff,#f8fbff);
  color: #1769e0;
}
.tx-report-icon .ui-icon {
  width: 23px;
  height: 23px;
}
.tx-report-card > span {
  min-width: 0;
  display: grid;
  gap: 8px;
}
.tx-report-card b {
  overflow: hidden;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tx-report-card small {
  display: flex;
  gap: 6px;
}
.tx-report-card em {
  padding: 3px 7px;
  border-radius: 5px;
  background: #eaf3ff;
  color: #1769e0;
  font-size: 10px;
  font-style: normal;
}
body.theme-tencent.theme-gov-innovation .tx-report-card {
  border-color: #cfe2f6;
  background: linear-gradient(135deg,#fff 0%,#eef7ff 100%);
}
body.theme-tencent.theme-gov-innovation .tx-report-icon {
  background: linear-gradient(145deg,#e2efff,#eefcff);
  color: #087fae;
}
body.theme-tencent.theme-gov-innovation .tx-report-card em {
  background: #e3f4fa;
  color: #087fae;
}

.new-gov-apps .switch-title button {
  border: 0;
  background: transparent;
  color: #999;
  font-size: 18px;
  font-weight: 650;
}
.new-gov-apps .switch-title button.active { color: #333; }
.new-gov-apps .switch-title button.active::after { background: var(--gov-red); }
.new-gov-apps .app-grid { row-gap: 16px; }
.new-gov-apps .app-grid button b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.new-gov-apps .app-icon {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(213,25,44,.12);
  border-radius: 15px;
  background: linear-gradient(145deg,#fff,#ffe9e8);
  color: #c5152b;
  box-shadow: 0 7px 14px rgba(129,18,29,.08);
}
.new-gov-reports { overflow: hidden; }
.new-gov-reports .section-title { align-items: center; }
.new-gov-reports .section-title button { color: #9d7d81; font-size: 12px; }
.new-gov-report-scroll {
  display: flex;
  gap: 10px;
  margin: 0 -12px -3px;
  padding: 0 12px 3px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.new-gov-report-scroll::-webkit-scrollbar { display: none; }
.new-gov-report-card {
  min-width: 258px;
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px;
  scroll-snap-align: start;
  border: 1px solid #f0e2e4;
  border-radius: 12px;
  background: linear-gradient(135deg,#fff,#fff7f7);
  color: #333;
  text-align: left;
  box-shadow: 0 6px 14px rgba(78,15,24,.045);
}
.new-gov-report-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg,#fce9eb,#fff5f5);
  color: var(--gov-red);
}
.new-gov-report-icon .ui-icon { width: 23px; height: 23px; }
.new-gov-report-card > span { min-width: 0; display: grid; gap: 8px; }
.new-gov-report-card b { overflow: hidden; color: #333; font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.new-gov-report-card small { display: flex; gap: 6px; }
.new-gov-report-card em { padding: 3px 7px; border-radius: 5px; background: #fff0f1; color: #a41529; font-size: 10px; font-style: normal; }
.new-gov-scene-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: 94px 94px 126px;
  gap: 8px;
}
.new-gov-scene-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  padding: 12px;
  border: 0;
  border-radius: 11px;
  background: linear-gradient(180deg,rgba(25,1,4,.04),rgba(27,0,3,.76)),var(--scene-cover) center/cover;
  color: #fff;
  text-align: left;
}
.new-gov-scene-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg,rgba(177,0,19,.34),transparent 55%);
  pointer-events: none;
}
.new-gov-scene-card > * { position: relative; z-index: 1; }
.new-gov-scene-card span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(188,0,21,.82);
}
.new-gov-scene-card .ui-icon { width: 17px; height: 17px; }
.new-gov-scene-card b { display: block; margin-top: 8px; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.new-gov-scene-card small { display: none; color: rgba(255,255,255,.78); font-size: 10px; }
.new-gov-scene-card.scene-5 { grid-column: 1 / -1; }
.new-gov-scene-card.scene-5 small { display: block; margin-top: 5px; }

.new-gov-market { overflow: hidden; }
.new-gov-market .tx-market-list {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.new-gov-market .tx-market-list::-webkit-scrollbar { display: none; }
.new-gov-market .tx-market-list > button {
  min-width: 286px;
  min-height: 172px;
  scroll-snap-align: start;
  border-color: #f0d9dc;
  border-radius: 12px;
  box-shadow: none;
}
.new-gov-market .tx-market-list > button::before { background: var(--gov-red); }
.new-gov-market .tx-market-list strong { color: var(--gov-red); font-size: 18px; }
.new-gov-market .tx-market-list em { background: var(--gov-red); }
.new-gov-screen .demand-block {
  margin: 12px 10px 0;
  padding: 20px 18px;
  border-radius: 14px;
  background:
    linear-gradient(105deg,rgba(123,0,12,.96),rgba(221,0,25,.74)),
    url("assets/data-ribbon.png") center/cover;
  box-shadow: 0 9px 22px rgba(116,0,14,.16);
}
.new-gov-screen .demand-block small { color: #ffd8d5; }
.new-gov-screen .demand-block h2 { font-size: 21px; }
.new-gov-screen .demand-block button.primary { color: #b30018; }
.new-gov-screen .news-new-gov { margin: 12px 10px 0; }
.news-new-gov .news-list { display: grid; }
.news-new-gov .news-list button {
  min-height: 96px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 116px;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}
.news-new-gov .news-list button:last-child { border-bottom: 0; }
.news-new-gov .news-copy { min-width: 0; display: flex; flex-direction: column; }
.news-new-gov .news-copy small { color: var(--gov-red); font-size: 10px; }
.news-new-gov .news-copy b {
  display: -webkit-box;
  margin-top: 4px;
  overflow: hidden;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news-new-gov .news-copy em { margin-top: auto; color: #aaa; font-size: 10px; font-style: normal; }
.news-new-gov .news-cover { border-radius: 7px; background: var(--news-cover) center/cover; }
.new-gov-screen .service-system-new-gov { padding: 16px 12px; }
.new-gov-screen .service-system-head { display: block; }
.new-gov-screen .service-system-head p { margin: 6px 0 0; color: #888; font-size: 11px; }
.new-gov-screen .service-system-head > small { display: none; }
.new-gov-screen .service-system-grid { grid-template-columns: repeat(2,1fr); gap: 8px; }
.new-gov-screen .service-system-grid > button {
  min-height: 142px;
  padding: 12px;
  border: 1px solid #f1e0e1;
  border-radius: 10px;
  background: linear-gradient(145deg,#fff,#fff7f7);
}
.new-gov-screen .service-system-card-head em { color: rgba(190,0,21,.13); }
.new-gov-screen .service-system-card-head i { color: var(--gov-red); background: #fff0f1; }
.new-gov-screen .service-system-grid > button > b { color: #333; font-size: 14px; }
.new-gov-screen .service-system-grid > button > p {
  margin: 7px 0;
  font-size: 10px;
}
.new-gov-screen .service-system-grid > button > small { color: #b20b21; font-size: 9px; }
.new-gov-partners > p { margin: -5px 0 12px; color: #999; font-size: 10px; }
.new-gov-partners .pc-partner-grid { grid-template-columns: repeat(3,1fr); gap: 7px; }
.new-gov-partners .pc-partner-grid button {
  min-height: 72px;
  border: 1px solid #f0e6e7;
  border-radius: 8px;
  background: #fff;
}
.new-gov-partners .brand-symbol { box-shadow: none; }
.new-gov-screen .new-gov-bottom-nav .active { color: var(--gov-red); }
.new-gov-screen .global-report-entry {
  border: 1px solid #f0d5d8;
  border-radius: 14px;
  background: #fff;
  color: var(--gov-red);
  box-shadow: 0 12px 28px rgba(76,0,8,.2);
}
.new-gov-screen .global-report-entry > span { border-color: #f1d7da; background: #fff4f5; }
.new-gov-note small { color: #c6001a; }

@media (max-width: 900px) {
  .new-gov-layout .device { min-height: 100dvh; }
}

/* 方案一 · 暗色四川地图数据孪生 */
body.theme-tencent.theme-gov-innovation .innovation-data-space {
  background:
    radial-gradient(circle at 50% 62%,rgba(22,164,182,.12),transparent 25%),
    linear-gradient(160deg,rgba(15,18,22,.96),rgba(3,7,12,.98));
  box-shadow: inset 0 -24px 60px rgba(0,0,0,.5);
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::before {
  opacity: .13;
  background-image:
    linear-gradient(rgba(78,176,180,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(78,176,180,.18) 1px,transparent 1px);
  background-size: 32px 32px;
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::after {
  z-index: 4;
  background:
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 28%,rgba(0,0,0,.22)),
    radial-gradient(circle at 50% 58%,transparent 20%,rgba(0,0,0,.2) 65%,rgba(0,0,0,.58) 100%);
}
body.theme-tencent.theme-gov-innovation .sichuan-digital-twin {
  z-index: 1;
  top: 62%;
  width: 430px;
  height: 330px;
  transform: translate(-50%,-50%) perspective(640px) rotateX(59deg) rotateZ(-7deg) scale(1.06);
  filter: drop-shadow(0 28px 34px rgba(0,0,0,.62));
  animation: sichuanMapDrift 18s ease-in-out infinite alternate;
}
body.theme-tencent.theme-gov-innovation .sichuan-map-shape {
  inset: 0;
  opacity: .88;
  border: 0;
  clip-path: none;
  background:
    linear-gradient(180deg,rgba(8,12,15,.06),rgba(3,8,11,.34)),
    url("assets/sichuan-digital-twin-map.png") 50% 50% / cover no-repeat;
  box-shadow:
    inset 0 0 70px rgba(0,0,0,.54),
    0 0 36px rgba(40,139,151,.08);
}
body.theme-tencent.theme-gov-innovation .sichuan-map-shape::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .32;
  background:
    radial-gradient(circle at 62% 56%,rgba(67,206,212,.72) 0 2px,transparent 3px),
    radial-gradient(circle at 72% 63%,rgba(225,151,66,.68) 0 2px,transparent 3px),
    repeating-linear-gradient(28deg,transparent 0 27px,rgba(94,180,184,.08) 28px 29px);
  animation: mapSignalSweep 7s ease-in-out infinite;
}
body.theme-tencent.theme-gov-innovation .sichuan-map-ring {
  z-index: 2;
  border-color: rgba(64,204,209,.28);
}
body.theme-tencent.theme-gov-innovation .sichuan-map-node {
  z-index: 3;
  width: 6px;
  height: 6px;
  border-color: rgba(218,255,255,.92);
  background: #5ddde1;
  box-shadow: 0 0 0 5px rgba(62,207,211,.08),0 0 13px rgba(74,222,225,.72);
}
body.theme-tencent.theme-gov-innovation .innovation-data-plane {
  z-index: 5;
  transform: perspective(760px) rotateX(5deg) rotateY(-2deg) translate3d(var(--pan-x),var(--pan-y),0);
}
body.theme-tencent.theme-gov-innovation .data-flow-core {
  opacity: .52;
  border-color: rgba(86,205,210,.3);
  background: radial-gradient(circle,rgba(60,198,203,.22),rgba(15,74,81,.06) 52%,transparent 55%);
  box-shadow: 0 0 34px rgba(48,184,191,.12),inset 0 0 24px rgba(80,210,215,.1);
}
body.theme-tencent.theme-gov-innovation .data-flow-core::before,
body.theme-tencent.theme-gov-innovation .data-flow-core::after {
  border-color: rgba(88,202,207,.16);
}
body.theme-tencent.theme-gov-innovation .data-orbit-card {
  border: 1px solid rgba(115,176,178,.16);
  background: linear-gradient(145deg,rgba(24,31,35,.92),rgba(8,14,18,.86));
  color: #edf7f7;
  box-shadow: 0 10px 24px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05);
  backdrop-filter: blur(9px);
}
body.theme-tencent.theme-gov-innovation .data-orbit-card .ui-icon { color: #6ccdd0; }
body.theme-tencent.theme-gov-innovation .data-orbit-card small { color: rgba(220,238,238,.62); }
body.theme-tencent.theme-gov-innovation .data-orbit-card em { color: #71d5d7; }
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible {
  border: 1px solid rgba(93,218,220,.45);
  background:
    radial-gradient(circle at 78% 15%,rgba(74,215,217,.14),transparent 32%),
    linear-gradient(145deg,rgba(24,48,53,.96),rgba(8,23,28,.94));
  box-shadow:
    0 18px 42px rgba(0,0,0,.46),
    0 0 28px rgba(65,198,201,.13),
    inset 0 1px rgba(255,255,255,.08);
}
body.theme-tencent.theme-gov-innovation .flow-node-scene {
  left: 8px;
  top: 210px;
  animation: dataRevolveA 12.5s cubic-bezier(.45,.05,.55,.95) infinite;
}
body.theme-tencent.theme-gov-innovation .flow-node-app {
  left: 128px;
  top: 152px;
  animation: dataRevolveB 14.2s cubic-bezier(.45,.05,.55,.95) infinite;
}
body.theme-tencent.theme-gov-innovation .flow-node-report {
  right: 8px;
  top: 232px;
  animation: dataRevolveC 13.3s cubic-bezier(.45,.05,.55,.95) infinite;
}
body.theme-tencent.theme-gov-innovation .flow-node-partner {
  left: 112px;
  top: 316px;
  animation: dataRevolveD 15.4s cubic-bezier(.45,.05,.55,.95) infinite;
}
body.theme-tencent.theme-gov-innovation .innovation-drag-hint {
  z-index: 7;
  color: rgba(206,226,226,.46);
}
@keyframes sichuanMapDrift {
  0% { transform: translate(-52%,-49%) perspective(640px) rotateX(59deg) rotateZ(-8deg) scale(1.05); }
  42% { transform: translate(-48%,-52%) perspective(640px) rotateX(57deg) rotateZ(-5deg) scale(1.1); }
  100% { transform: translate(-51%,-48%) perspective(640px) rotateX(61deg) rotateZ(-9deg) scale(1.07); }
}
@keyframes mapSignalSweep {
  0%,100% { opacity: .18; transform: translate3d(-2%,2%,0); }
  50% { opacity: .42; transform: translate3d(3%,-2%,0); }
}
@keyframes dataRevolveA {
  0%,100% { transform: translate3d(0,0,0) rotate(-1deg) scale(var(--focus-scale)); }
  25% { transform: translate3d(58px,-42px,18px) rotate(.5deg) scale(var(--focus-scale)); }
  52% { transform: translate3d(132px,-20px,5px) rotate(1deg) scale(var(--focus-scale)); }
  76% { transform: translate3d(74px,58px,12px) rotate(-.5deg) scale(var(--focus-scale)); }
}
@keyframes dataRevolveB {
  0%,100% { transform: translate3d(0,0,12px) rotate(.5deg) scale(var(--focus-scale)); }
  24% { transform: translate3d(86px,35px,0) rotate(-1deg) scale(var(--focus-scale)); }
  54% { transform: translate3d(18px,120px,16px) rotate(.8deg) scale(var(--focus-scale)); }
  78% { transform: translate3d(-92px,64px,4px) rotate(-.4deg) scale(var(--focus-scale)); }
}
@keyframes dataRevolveC {
  0%,100% { transform: translate3d(0,0,0) rotate(-.5deg) scale(var(--focus-scale)); }
  28% { transform: translate3d(-66px,64px,15px) rotate(.7deg) scale(var(--focus-scale)); }
  56% { transform: translate3d(-145px,26px,2px) rotate(-1deg) scale(var(--focus-scale)); }
  82% { transform: translate3d(-78px,-55px,10px) rotate(.4deg) scale(var(--focus-scale)); }
}
@keyframes dataRevolveD {
  0%,100% { transform: translate3d(0,0,8px) rotate(.4deg) scale(var(--focus-scale)); }
  22% { transform: translate3d(-82px,-40px,0) rotate(-.8deg) scale(var(--focus-scale)); }
  52% { transform: translate3d(-10px,-132px,14px) rotate(.6deg) scale(var(--focus-scale)); }
  79% { transform: translate3d(92px,-70px,4px) rotate(-.4deg) scale(var(--focus-scale)); }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-tencent.theme-gov-innovation .sichuan-digital-twin,
  body.theme-tencent.theme-gov-innovation .sichuan-map-shape::after,
  body.theme-tencent.theme-gov-innovation .data-orbit-card { animation: none; }
}

/* 方案一 · 地图数据孪生统一 Banner */
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero {
  min-height: 650px;
  isolation: isolate;
  background:
    radial-gradient(circle at 78% 18%,rgba(78,195,205,.15),transparent 28%),
    radial-gradient(circle at 50% 68%,rgba(35,145,158,.13),transparent 34%),
    linear-gradient(158deg,#11181e 0%,#081117 46%,#03080c 100%);
  box-shadow:
    inset 0 -1px rgba(155,221,224,.1),
    0 18px 42px rgba(13,43,58,.18);
}
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 21% 7%,rgba(255,255,255,.08),transparent 19%),
    linear-gradient(118deg,transparent 0 31%,rgba(93,212,216,.035) 31.2% 31.8%,transparent 32% 100%);
}
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero::after {
  z-index: 2;
  background:
    linear-gradient(180deg,rgba(2,8,12,.08) 0%,transparent 27%,rgba(2,7,10,.18) 76%,rgba(2,7,10,.42) 100%),
    radial-gradient(circle at 50% 58%,transparent 26%,rgba(1,5,8,.2) 78%,rgba(1,4,6,.48) 100%);
}
body.theme-tencent.theme-gov-innovation .innovation-data-space {
  z-index: 3;
  inset: 0;
  width: auto;
  height: auto;
  border: 0;
  border-radius: 0 0 24px 24px;
  background:
    radial-gradient(ellipse at 50% 63%,rgba(56,193,198,.14),transparent 26%),
    radial-gradient(circle at 84% 24%,rgba(54,131,143,.11),transparent 25%),
    linear-gradient(180deg,rgba(12,21,27,.16),rgba(3,8,11,.1));
  box-shadow: none;
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::before {
  inset: 31% -25% -22%;
  opacity: .16;
  background-image:
    linear-gradient(rgba(87,195,199,.22) 1px,transparent 1px),
    linear-gradient(90deg,rgba(87,195,199,.18) 1px,transparent 1px);
  background-size: 34px 34px;
  transform: perspective(520px) rotateX(66deg) translateY(72px);
  -webkit-mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.92) 24%,#000 78%,transparent);
  mask-image: linear-gradient(180deg,transparent,rgba(0,0,0,.92) 24%,#000 78%,transparent);
}
body.theme-tencent.theme-gov-innovation .innovation-data-space::after {
  z-index: 4;
  background:
    linear-gradient(180deg,rgba(2,7,10,.12),transparent 25%,rgba(2,7,10,.2) 82%,rgba(2,7,10,.5)),
    radial-gradient(circle at 50% 60%,transparent 18%,rgba(0,0,0,.14) 70%,rgba(0,0,0,.48) 100%);
}
body.theme-tencent.theme-gov-innovation .innovation-slogan {
  z-index: 8;
  top: 119px;
  left: 20px;
  text-shadow: 0 7px 22px rgba(0,0,0,.56);
}
body.theme-tencent.theme-gov-innovation .innovation-slogan small {
  margin-bottom: 8px;
  color: rgba(207,231,232,.72);
  font-size: 11px;
  letter-spacing: .65px;
}
body.theme-tencent.theme-gov-innovation .innovation-slogan strong {
  color: #f7fbfb;
  font-size: 23px;
  line-height: 1.25;
  letter-spacing: -.45px;
}
body.theme-tencent.theme-gov-innovation .sichuan-digital-twin {
  z-index: 1;
  top: 66%;
  width: 478px;
  height: 365px;
  opacity: .94;
  transform: translate(-50%,-50%) perspective(720px) rotateX(61deg) rotateZ(-7deg) scale(1.08);
  filter:
    saturate(.88)
    contrast(1.08)
    drop-shadow(0 32px 42px rgba(0,0,0,.68));
}
body.theme-tencent.theme-gov-innovation .sichuan-map-shape {
  opacity: .96;
  background:
    linear-gradient(180deg,rgba(5,11,14,.08),rgba(1,6,8,.38)),
    url("assets/sichuan-digital-twin-map.png") 50% 50% / cover no-repeat;
  box-shadow:
    inset 0 0 82px rgba(0,0,0,.6),
    0 0 42px rgba(63,177,184,.1);
}
body.theme-tencent.theme-gov-innovation .sichuan-map-shape::after {
  opacity: .38;
  background:
    radial-gradient(circle at 62% 56%,rgba(94,225,225,.86) 0 2px,transparent 3px),
    radial-gradient(circle at 72% 63%,rgba(222,163,83,.8) 0 2px,transparent 3px),
    radial-gradient(circle at 53% 65%,rgba(91,207,210,.68) 0 1px,transparent 3px),
    repeating-linear-gradient(28deg,transparent 0 27px,rgba(94,180,184,.08) 28px 29px);
}
body.theme-tencent.theme-gov-innovation .innovation-data-plane {
  z-index: 6;
  transform: perspective(800px) rotateX(4deg) rotateY(-2deg) translate3d(var(--pan-x),var(--pan-y),0);
}
body.theme-tencent.theme-gov-innovation .data-flow-core {
  top: 61%;
  width: 112px;
  height: 112px;
  opacity: .64;
  border-color: rgba(91,212,214,.26);
  background: radial-gradient(circle,rgba(67,196,201,.2),rgba(15,67,72,.045) 50%,transparent 55%);
  box-shadow: 0 0 46px rgba(57,186,192,.12),inset 0 0 28px rgba(85,216,218,.09);
}
body.theme-tencent.theme-gov-innovation .data-orbit-card {
  width: 94px;
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid rgba(128,189,191,.15);
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 0,rgba(102,211,214,.08),transparent 42%),
    linear-gradient(145deg,rgba(24,34,38,.86),rgba(8,15,18,.82));
  color: #eff9f9;
  box-shadow:
    0 12px 28px rgba(0,0,0,.34),
    inset 0 1px rgba(255,255,255,.055);
  backdrop-filter: blur(12px);
}
body.theme-tencent.theme-gov-innovation .data-orbit-card.is-focus,
body.theme-tencent.theme-gov-innovation .data-orbit-card:focus-visible {
  width: 132px;
  min-height: 76px;
  padding: 11px 12px;
  border-color: rgba(111,225,225,.5);
  border-radius: 14px;
  background:
    radial-gradient(circle at 82% 12%,rgba(92,224,225,.16),transparent 33%),
    linear-gradient(145deg,rgba(28,58,61,.96),rgba(7,23,28,.95));
  box-shadow:
    0 22px 48px rgba(0,0,0,.5),
    0 0 32px rgba(69,203,205,.14),
    inset 0 1px rgba(255,255,255,.1);
}
body.theme-tencent.theme-gov-innovation .flow-node-scene { left: 10px; top: 324px; }
body.theme-tencent.theme-gov-innovation .flow-node-app { left: 132px; top: 264px; }
body.theme-tencent.theme-gov-innovation .flow-node-report { right: 8px; top: 350px; }
body.theme-tencent.theme-gov-innovation .flow-node-partner { left: 116px; top: 448px; }
body.theme-tencent.theme-gov-innovation .innovation-drag-hint {
  z-index: 8;
  right: 20px;
  bottom: 74px;
  color: rgba(206,229,229,.42);
  letter-spacing: .2px;
}
body.theme-tencent.theme-gov-innovation .tx-screen.is-home-view .tx-pc-hero .pc-search {
  z-index: 9;
  border: 1px solid rgba(213,231,231,.72);
  background: rgba(250,253,253,.94);
  box-shadow: 0 14px 34px rgba(0,9,14,.34);
  backdrop-filter: blur(14px);
}

/* AI问数：仅用于方案1、方案2的首页悬浮入口与独立对话页 */
.ai-ask-entry {
  position: absolute;
  z-index: 48;
  right: 15px;
  bottom: 82px;
  min-width: 94px;
  height: 46px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 11px 5px 6px;
  border: 1px solid rgba(255,255,255,.78);
  border-radius: 24px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 30px rgba(25,47,76,.2),0 2px 7px rgba(25,47,76,.09);
  color: #355a7c;
  backdrop-filter: blur(12px);
}
.ai-ask-entry > i {
  position: relative;
  width: 35px;
  height: 35px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  color: #fff;
  font-style: normal;
}
.ai-ask-entry.is-blue > i { background: linear-gradient(145deg,#126dc1,#36a8bd); }
.ai-ask-entry.is-red > i { background: linear-gradient(145deg,#b9061c,#e54451); }
.ai-ask-entry > i::before {
  content: "";
  position: absolute;
  inset: -12px;
  background: conic-gradient(from 40deg,transparent,rgba(255,255,255,.55),transparent 42%);
  animation: aiEntryGlow 4.2s linear infinite;
}
.ai-ask-entry > i b { position: relative; z-index: 1; font-size: 12px; letter-spacing: -.2px; }
.ai-ask-entry > i em {
  position: absolute;
  z-index: 2;
  right: 5px;
  top: 5px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 8px #fff;
}
.ai-ask-entry > span { font-size: 13px; font-weight: 800; white-space: nowrap; }
.ai-ask-entry.is-red > span { color: #a51128; }
@keyframes aiEntryGlow { to { transform: rotate(360deg); } }

.ai-ask-page { background: radial-gradient(circle at 18% 5%,#dcecf9 0,transparent 32%),#eef2f7; }
.ai-chat-screen { background: #f6f8fb; color: #1e2b38; }
.ai-chat-page { position: absolute; inset: 0; overflow: hidden; }
.ai-status-bar {
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  color: #172330;
  font-size: 14px;
}
.ai-status-bar > b { font-size: 15px; }
.ai-status-bar > span { display: flex; align-items: flex-end; gap: 2px; font-size: 8px; }
.ai-status-bar > span i { width: 3px; border-radius: 2px; background: currentColor; }
.ai-status-bar > span i:nth-child(1) { height: 5px; }
.ai-status-bar > span i:nth-child(2) { height: 8px; }
.ai-status-bar > span i:nth-child(3) { height: 11px; }
.ai-status-bar > span em { margin: 0 3px; font-style: normal; }
.ai-status-bar > span u { width: 15px; height: 8px; margin-bottom: 1px; border: 1px solid currentColor; border-radius: 3px; text-decoration: none; }
.ai-status-bar > span strong { font-size: 8px; }
.ai-chat-header {
  height: 58px;
  display: grid;
  grid-template-columns: 42px 1fr 42px;
  align-items: center;
  padding: 0 16px;
  border-bottom: 1px solid rgba(32,61,87,.08);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(18px);
}
.ai-chat-header h1 { margin: 0; text-align: center; color: #1d2d3b; font-size: 18px; }
.ai-chat-header > a {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #e2e7ed;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 5px 14px rgba(25,48,70,.08);
}
.ai-chat-header > a span {
  width: 10px;
  height: 10px;
  border-left: 2px solid #243746;
  border-bottom: 2px solid #243746;
  transform: translateX(2px) rotate(45deg);
}
.ai-chat-header > i {
  width: 4px;
  height: 4px;
  justify-self: center;
  border-radius: 50%;
  background: #9cadbc;
  box-shadow: -7px 0 #9cadbc,7px 0 #9cadbc;
}
.ai-chat-welcome {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 31%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: .25s ease;
}
.ai-assistant-logo {
  position: relative;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.88);
  border-radius: 18px;
  background: radial-gradient(circle at 28% 22%,#8ce6df 0,transparent 31%),linear-gradient(145deg,#0c5e91,#317da9);
  box-shadow: 0 14px 34px rgba(42,91,149,.24),inset 0 1px rgba(255,255,255,.45);
  color: #fff;
}
.ai-assistant-logo::before,
.ai-assistant-logo::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
}
.ai-assistant-logo::before { width: 32px; height: 32px; }
.ai-assistant-logo::after { width: 70px; height: 70px; }
.ai-assistant-logo svg { position: relative; z-index: 2; width: 34px; height: 34px; filter: drop-shadow(0 5px 8px rgba(4,40,67,.22)); }
.ai-chat-welcome h2 { margin: 0; color: #182938; font-size: 26px; letter-spacing: -.6px; }
.ai-chat-welcome p { margin: 9px 0 0; color: #8b98a5; font-size: 12px; line-height: 1.65; }
.ai-loading-panel {
  position: absolute;
  inset: 102px 16px 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  isolation: isolate;
  overflow: hidden;
  border-radius: 24px;
}
.ai-code-streams {
  position: absolute;
  z-index: 0;
  inset: 12% -32%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  overflow: hidden;
  opacity: .32;
  transform: rotate(-8deg);
  pointer-events: none;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.ai-code-streams::before {
  content: "";
  position: absolute;
  inset: 10% 17%;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(91,156,215,.14),transparent 67%);
  filter: blur(8px);
}
.ai-code-streams span {
  position: relative;
  width: max-content;
  color: rgba(57,119,176,.52);
  font: 700 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing: 3px;
  white-space: nowrap;
  text-shadow: 0 0 10px rgba(73,148,205,.2);
  animation: aiBinaryMarquee 6.8s linear infinite;
}
.ai-code-streams span:nth-child(2) {
  color: rgba(70,130,190,.38);
  animation-duration: 8.6s;
  animation-direction: reverse;
}
.ai-code-streams span:nth-child(3) {
  color: rgba(71,159,171,.42);
  animation-duration: 7.7s;
  animation-delay: -3.2s;
}
.ai-data-loader {
  position: relative;
  z-index: 2;
  width: 190px;
  height: 190px;
  display: grid;
  place-items: center;
  margin-top: -34px;
}
.ai-loader-sphere {
  position: relative;
  z-index: 3;
  width: 84px;
  height: 84px;
  overflow: hidden;
  border: 1.5px solid rgba(70,143,204,.82);
  border-radius: 50%;
  background:
    linear-gradient(rgba(80,152,207,.2) 1px,transparent 1px),
    linear-gradient(90deg,rgba(80,152,207,.16) 1px,transparent 1px),
    radial-gradient(circle at 48% 46%,rgba(80,183,201,.16),rgba(77,126,199,.05) 48%,transparent 70%);
  background-size: 12px 12px,12px 12px,auto;
  box-shadow:
    0 0 0 8px rgba(73,139,202,.05),
    0 0 46px rgba(66,142,218,.34),
    0 18px 46px rgba(47,74,157,.14),
    inset 0 0 24px rgba(83,165,213,.12);
  animation: aiSphereBreath 1.05s cubic-bezier(.45,.04,.46,.98) infinite alternate;
}
.ai-loader-sphere::before,
.ai-loader-sphere::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  border: 1px solid rgba(72,148,207,.7);
  border-radius: 50%;
}
.ai-loader-sphere::before {
  inset: 5px 25px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  animation: aiGlobeLongitude 1.7s ease-in-out infinite alternate;
}
.ai-loader-sphere::after {
  left: 5px;
  right: 5px;
  top: 25px;
  height: 32px;
  border-left-color: transparent;
  border-right-color: transparent;
  transform: rotate(1deg);
}
.ai-data-loader > i {
  position: absolute;
  inset: 23px;
  border: 1px solid rgba(55,126,196,.2);
  border-radius: 50%;
  animation: aiOrbitSpin 3s linear infinite;
}
.ai-data-loader > i.orbit-two { inset: 5px 30px; transform: rotate(58deg); animation-duration: 4.4s; animation-direction: reverse; }
.ai-data-loader > i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #50bcd6;
  box-shadow: 0 0 12px rgba(71,188,218,.8);
}
.ai-data-loader .data-dot {
  position: absolute;
  z-index: 5;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #73d9e0;
  box-shadow: 0 0 10px rgba(80,193,216,.8);
  animation: aiDataBlink 1.1s ease-in-out infinite alternate;
}
.ai-data-loader .dot-one { left: 28px; top: 91px; }
.ai-data-loader .dot-two { right: 32px; top: 56px; animation-delay: .25s; }
.ai-data-loader .dot-three { right: 43px; bottom: 38px; animation-delay: .5s; }
.ai-data-loader .data-line {
  position: absolute;
  width: 58px;
  height: 1px;
  background: linear-gradient(90deg,transparent,#73cadc,transparent);
  animation: aiLineScan 1.4s ease-in-out infinite;
}
.ai-data-loader .line-one { left: 3px; top: 92px; }
.ai-data-loader .line-two { right: 3px; top: 61px; transform: rotate(-28deg); animation-delay: .45s; }
.ai-loading-panel h2 { position: relative; z-index: 2; margin: 9px 0 0; color: #243746; font-size: 16px; }
.ai-loading-panel h2 span { display: inline-block; width: 20px; text-align: left; color: #397fb7; }
.ai-loading-panel p { position: relative; z-index: 2; margin: 9px 0 0; color: #94a0ab; font-size: 11px; }
.ai-empty-panel {
  position: absolute;
  inset: 102px 18px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 24px 44px;
  text-align: center;
}
.ai-empty-visual {
  position: relative;
  width: 168px;
  height: 168px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(111,156,202,.14) 0,rgba(111,156,202,.055) 46%,transparent 72%);
}
.ai-empty-visual::before {
  content: "";
  position: absolute;
  inset: 30px;
  border: 1px dashed rgba(92,137,181,.22);
  border-radius: 50%;
}
.ai-empty-orbit {
  position: absolute;
  width: 122px;
  height: 54px;
  border: 1px solid rgba(80,128,177,.18);
  border-radius: 50%;
}
.ai-empty-orbit.orbit-a { transform: rotate(24deg); }
.ai-empty-orbit.orbit-b { transform: rotate(-32deg); }
.ai-empty-node {
  position: absolute;
  width: 7px;
  height: 7px;
  border: 2px solid #f7fbff;
  border-radius: 50%;
  background: #6da4d1;
  box-shadow: 0 3px 10px rgba(57,109,157,.22);
}
.ai-empty-node.node-a { left: 28px; top: 78px; }
.ai-empty-node.node-b { right: 31px; top: 55px; }
.ai-empty-node.node-c { right: 46px; bottom: 34px; }
.ai-empty-search {
  position: relative;
  width: 54px;
  height: 54px;
  border: 5px solid #5f88b1;
  border-radius: 50%;
  background: rgba(255,255,255,.86);
  box-shadow: 0 13px 28px rgba(52,91,128,.16),inset 0 0 0 7px rgba(120,167,207,.08);
  transform: translate(-5px,-5px);
}
.ai-empty-search::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 16px;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: #b7cadb;
  box-shadow: 0 7px #d1dde8;
}
.ai-empty-search::after {
  content: "";
  position: absolute;
  right: -20px;
  bottom: -13px;
  width: 27px;
  height: 7px;
  border-radius: 7px;
  background: linear-gradient(90deg,#5f88b1,#7aa8ce);
  box-shadow: 0 6px 15px rgba(54,99,141,.2);
  transform: rotate(45deg);
}
.ai-empty-panel > small {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 10px;
  border-radius: 12px;
  background: #eaf2fa;
  color: #4f7da8;
  font-size: 10px;
  font-weight: 800;
}
.ai-empty-panel h2 { margin: 13px 0 8px; color: #22313f; font-size: 24px; letter-spacing: -.4px; }
.ai-empty-panel p { max-width: 270px; margin: 0; color: #8b98a5; font-size: 12px; line-height: 1.75; }
.ai-empty-retry {
  min-width: 126px;
  height: 40px;
  margin-top: 22px;
  border: 0;
  border-radius: 21px;
  background: linear-gradient(145deg,#376fc0,#5b83cc);
  box-shadow: 0 10px 24px rgba(55,103,183,.2);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
}
@keyframes aiSphereBreath {
  from { transform: scale(.72); filter: saturate(.88) brightness(.92); }
  to { transform: scale(1.24); filter: saturate(1.2) brightness(1.12); }
}
@keyframes aiGlobeLongitude {
  from { transform: scaleX(.58); opacity: .52; }
  to { transform: scaleX(1.08); opacity: 1; }
}
@keyframes aiBinaryMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes aiOrbitSpin { to { transform: rotate(360deg); } }
@keyframes aiDataBlink { to { opacity: .25; transform: scale(.6); } }
@keyframes aiLineScan {
  0%,100% { opacity: .15; transform: translateX(-8px); }
  50% { opacity: .9; transform: translateX(8px); }
}
.ai-result-panel { position: absolute; inset: 102px 0 86px; overflow: hidden; }
.ai-result-heading { padding: 20px 20px 14px; }
.ai-result-heading small { color: #4382b2; font-size: 10px; font-weight: 800; letter-spacing: .4px; }
.ai-result-heading h2 { margin: 6px 0 4px; color: #1c2d3b; font-size: 23px; letter-spacing: -.5px; }
.ai-result-heading p { margin: 0; color: #929da7; font-size: 11px; }
.ai-result-stack {
  position: absolute;
  left: 18px;
  right: 12px;
  top: 104px;
  bottom: 31px;
  perspective: 1000px;
}
.ai-result-card {
  position: absolute;
  inset: 0 44px 0 0;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 23px;
  background: var(--ai-card-bg,linear-gradient(145deg,#124f78,#43a2bd));
  box-shadow: 0 18px 42px rgba(33,48,70,.25);
  color: #fff;
  transform-origin: 8% 96%;
  touch-action: none;
  user-select: none;
  transition: transform .3s cubic-bezier(.2,.78,.26,1),opacity .26s ease,filter .26s ease;
}
.ai-result-card.is-report { --ai-card-bg: linear-gradient(145deg,#0b426d 0%,#176d9a 52%,#43a7be 100%); }
.ai-result-card.is-application { --ai-card-bg: linear-gradient(145deg,#27366e 0%,#4b55a7 52%,#796fd0 100%); }
.ai-result-card.is-resource { --ai-card-bg: linear-gradient(145deg,#07525c 0%,#087e88 52%,#29aaa1 100%); }
.ai-result-card.is-product { --ai-card-bg: linear-gradient(145deg,#5d3a80 0%,#8c4e94 52%,#c96e83 100%); }
.ai-result-card[data-result-position="0"] { z-index: 6; opacity: 1; transform: translate(0,0) rotate(0) scale(1); }
.ai-result-card[data-result-position="1"] { z-index: 5; opacity: .88; transform: translate(23px,10px) rotate(5deg) scale(.965); filter: saturate(.82) brightness(.86); }
.ai-result-card[data-result-position="2"] { z-index: 4; opacity: .68; transform: translate(42px,20px) rotate(10deg) scale(.925); filter: saturate(.68) brightness(.72); }
.ai-result-card[data-result-position="3"] { z-index: 3; opacity: .44; transform: translate(56px,30px) rotate(14deg) scale(.89); filter: saturate(.55) brightness(.64); }
.ai-result-card.is-dragging { transition: none; }
.ai-result-card.is-leaving-left { opacity: 0; transform: translate(-120%,14px) rotate(-15deg) !important; }
.ai-result-card.is-leaving-right { opacity: 0; transform: translate(120%,14px) rotate(15deg) !important; }
.ai-result-shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg,rgba(255,255,255,.04),rgba(4,25,43,.04) 43%,rgba(5,22,37,.88) 100%); }
.ai-result-visual {
  position: absolute;
  z-index: 0;
  left: 17px;
  right: 17px;
  top: 50px;
  height: 49%;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    radial-gradient(circle at 50% 58%,rgba(136,231,239,.28),transparent 52%);
  background-size: 18px 18px,18px 18px,auto;
}
.ai-result-visual::before,
.ai-result-visual::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.12);
}
.ai-result-visual::before { width: 176px; height: 176px; }
.ai-result-visual::after { width: 126px; height: 126px; border-style: dashed; animation: aiResultOrbit 10s linear infinite; }
.ai-result-visual .visual-orbit {
  position: absolute;
  width: 148px;
  height: 54px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  transform: rotate(-14deg);
}
.ai-result-visual .visual-orbit::before,
.ai-result-visual .visual-orbit::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b9fbff;
  box-shadow: 0 0 10px rgba(185,251,255,.9);
}
.ai-result-visual .visual-orbit::before { left: 13px; top: 7px; }
.ai-result-visual .visual-orbit::after { right: 12px; bottom: 8px; }
.ai-result-visual .visual-art { position: relative; z-index: 2; width: 112px; height: 112px; }
.ai-result-visual .visual-art::before,
.ai-result-visual .visual-art::after,
.ai-result-visual .visual-art i { position: absolute; display: block; box-sizing: border-box; }
.ai-result-card.is-report .visual-art::before {
  content: "";
  left: 25px;
  top: 12px;
  width: 66px;
  height: 88px;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 11px;
  background: linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.08));
  box-shadow: -10px 9px 0 rgba(255,255,255,.08),0 13px 28px rgba(0,24,49,.22);
  transform: rotate(-4deg);
}
.ai-result-card.is-report .visual-art::after {
  content: "";
  left: 42px;
  top: 31px;
  width: 35px;
  height: 5px;
  border-radius: 3px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 0 rgba(255,255,255,.38),0 24px 0 rgba(255,255,255,.38);
  transform: rotate(-4deg);
}
.ai-result-card.is-report .visual-art i { bottom: 23px; width: 7px; border-radius: 4px 4px 1px 1px; background: #8cf0ed; transform: rotate(-4deg); }
.ai-result-card.is-report .visual-art i:nth-child(1) { left: 43px; height: 11px; }
.ai-result-card.is-report .visual-art i:nth-child(2) { left: 54px; height: 20px; }
.ai-result-card.is-report .visual-art i:nth-child(3) { left: 65px; height: 15px; }
.ai-result-card.is-report .visual-art i:nth-child(4) { left: 76px; height: 27px; }
.ai-result-card.is-application .visual-art { display: grid; grid-template-columns: repeat(2,38px); grid-auto-rows: 38px; gap: 8px; place-content: center; transform: rotate(-7deg); }
.ai-result-card.is-application .visual-art i {
  position: relative;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 12px;
  background: linear-gradient(145deg,rgba(255,255,255,.3),rgba(255,255,255,.08));
  box-shadow: 0 8px 16px rgba(20,23,80,.18);
}
.ai-result-card.is-application .visual-art i::before {
  content: "";
  position: absolute;
  inset: 11px;
  border: 2px solid #cfd6ff;
  border-radius: 5px;
}
.ai-result-card.is-application .visual-art i:nth-child(2),
.ai-result-card.is-application .visual-art i:nth-child(3) { transform: translateY(5px); }
.ai-result-card.is-resource .visual-art::before {
  content: "";
  left: 22px;
  top: 22px;
  width: 68px;
  height: 66px;
  border: 2px solid rgba(255,255,255,.6);
  border-radius: 50% / 16%;
  background: linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04));
  box-shadow: 0 14px 24px rgba(0,48,55,.2);
}
.ai-result-card.is-resource .visual-art::after {
  content: "";
  left: 22px;
  top: 42px;
  width: 68px;
  height: 28px;
  border-top: 2px solid rgba(255,255,255,.48);
  border-bottom: 2px solid rgba(255,255,255,.48);
  border-radius: 50%;
}
.ai-result-card.is-resource .visual-art i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b9fff1;
  box-shadow: 0 0 10px rgba(185,255,241,.8);
}
.ai-result-card.is-resource .visual-art i:nth-child(1) { left: 14px; top: 25px; }
.ai-result-card.is-resource .visual-art i:nth-child(2) { right: 10px; top: 41px; }
.ai-result-card.is-resource .visual-art i:nth-child(3) { left: 9px; bottom: 25px; }
.ai-result-card.is-resource .visual-art i:nth-child(4) { right: 17px; bottom: 15px; }
.ai-result-card.is-product .visual-art::before {
  content: "";
  left: 31px;
  top: 26px;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255,255,255,.58);
  border-radius: 10px;
  background: linear-gradient(145deg,rgba(255,255,255,.32),rgba(255,255,255,.08));
  box-shadow: 0 17px 26px rgba(58,20,70,.2);
  transform: rotate(45deg);
}
.ai-result-card.is-product .visual-art::after {
  content: "";
  left: 31px;
  top: 51px;
  width: 57px;
  height: 28px;
  border-top: 3px solid #ffd6ea;
  border-right: 3px solid #ffd6ea;
  transform: skew(-22deg) rotate(-18deg);
}
.ai-result-card.is-product .visual-art i {
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #ef8ab2;
  box-shadow: 0 0 10px rgba(255,219,237,.75);
}
.ai-result-card.is-product .visual-art i:nth-child(1) { left: 31px; top: 61px; }
.ai-result-card.is-product .visual-art i:nth-child(2) { left: 48px; top: 48px; }
.ai-result-card.is-product .visual-art i:nth-child(3) { left: 68px; top: 55px; }
.ai-result-card.is-product .visual-art i:nth-child(4) { left: 86px; top: 36px; }
@keyframes aiResultOrbit { to { transform: rotate(360deg); } }
.ai-result-meta {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 17px 0;
}
.ai-result-meta small {
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 11px;
  background: rgba(5,29,48,.18);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .7px;
  backdrop-filter: blur(8px);
}
.ai-result-meta em {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 8px 5px 10px;
  border: 1px solid rgba(255,255,255,.54);
  border-radius: 14px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 7px 18px rgba(9,31,57,.18);
  color: #28536d;
  font-style: normal;
  backdrop-filter: blur(10px);
}
.ai-result-meta em span { font-size: 8px; font-weight: 700; opacity: .68; }
.ai-result-meta em b { color: #176f99; font-size: 13px; line-height: 1; font-weight: 950; letter-spacing: -.2px; }
.ai-result-copy { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 18px 18px 17px; }
.ai-result-copy h3 { margin: 0 0 8px; font-size: 23px; line-height: 1.25; letter-spacing: -.5px; }
.ai-result-copy p { display: -webkit-box; margin: 0 0 12px; overflow: hidden; color: rgba(255,255,255,.76); font-size: 11px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ai-result-copy > span { display: flex; gap: 6px; margin-bottom: 14px; }
.ai-result-copy > span b { padding: 5px 8px; border-radius: 10px; background: rgba(255,255,255,.12); color: rgba(255,255,255,.82); font-size: 9px; font-weight: 650; backdrop-filter: blur(8px); }
.ai-result-copy button { height: 36px; padding: 0 14px; border: 1px solid rgba(255,255,255,.32); border-radius: 18px; background: rgba(255,255,255,.14); color: #fff; font-size: 11px; font-weight: 800; backdrop-filter: blur(10px); }
.ai-result-copy button u { margin-left: 8px; text-decoration: none; }
.ai-result-dots { position: absolute; left: 0; right: 0; bottom: 8px; display: flex; justify-content: center; gap: 5px; }
.ai-result-dots i { width: 5px; height: 5px; border-radius: 50%; background: #c7d0d8; transition: .2s ease; }
.ai-result-dots i.active { width: 17px; border-radius: 4px; background: #3d85bb; }
.ai-recommendations {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 108px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  transition: .25s ease;
}
.ai-recommendations button {
  max-width: 92%;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 10px 15px;
  border: 1px solid #e7ebf0;
  border-radius: 22px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 5px 16px rgba(37,59,81,.06);
  color: #40515f;
  text-align: left;
}
.ai-recommendations button span { overflow: hidden; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; }
.ai-composer {
  position: absolute;
  z-index: 5;
  left: 14px;
  right: 14px;
  bottom: max(16px,env(safe-area-inset-bottom));
  height: 58px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 7px 6px 18px;
  border: 1px solid #e0e5eb;
  border-radius: 30px;
  background: rgba(255,255,255,.98);
  box-shadow: 0 12px 32px rgba(28,48,69,.12);
}
.ai-composer input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #253746; font: inherit; font-size: 14px; }
.ai-composer input::placeholder { color: #9aa5b0; }
.ai-composer button {
  position: relative;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 50%;
  background: linear-gradient(145deg,#156db9,#4196c4);
  box-shadow: 0 8px 18px rgba(32,105,174,.22);
}
.ai-composer button span {
  position: absolute;
  left: 16px;
  top: 15px;
  width: 11px;
  height: 11px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
}
.ai-composer button span::after { content: ""; position: absolute; left: 4px; top: -2px; width: 2px; height: 15px; background: #fff; transform: rotate(45deg); transform-origin: top; }
.ai-conversation { position: absolute; left: 16px; right: 16px; top: 120px; bottom: 94px; overflow: auto; }
.ai-message { width: fit-content; max-width: 82%; padding: 11px 13px; border-radius: 15px; font-size: 13px; line-height: 1.55; }
.ai-message.is-user { margin-left: auto; border-bottom-right-radius: 5px; background: #dcecff; color: #25425c; }
.ai-message.is-assistant { display: flex; align-items: flex-start; gap: 9px; margin-top: 14px; border-bottom-left-radius: 5px; background: #fff; box-shadow: 0 6px 18px rgba(31,54,77,.07); color: #607080; }
.ai-message.is-assistant i { width: 26px; height: 26px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: linear-gradient(145deg,#176ab5,#5d55bf); color: #fff; font-size: 9px; font-style: normal; font-weight: 900; }
.ai-chat-screen.is-loading .ai-chat-welcome,
.ai-chat-screen.is-loading .ai-recommendations,
.ai-chat-screen.is-result .ai-chat-welcome,
.ai-chat-screen.is-result .ai-recommendations,
.ai-chat-screen.is-empty .ai-chat-welcome,
.ai-chat-screen.is-empty .ai-recommendations { opacity: 0; pointer-events: none; transform: translateY(-8px); }
.ai-chat-screen.is-loading .ai-composer { opacity: .62; }
.ai-chat-screen.is-loading .ai-composer button { filter: grayscale(.5); }
.ai-concept-note small { color: #2d78ad; }

/* AI问数视觉精修：轻量产品界面 + 四类结果识别 */
.ai-ask-page {
  background:
    radial-gradient(circle at 13% 9%,rgba(173,211,244,.42),transparent 27%),
    radial-gradient(circle at 88% 84%,rgba(222,216,248,.34),transparent 31%),
    #eef3f8;
}
.ai-chat-screen {
  background:
    radial-gradient(circle at 82% 12%,rgba(211,225,255,.42),transparent 28%),
    linear-gradient(180deg,#fbfcfe 0%,#f3f6fa 100%);
  color: #202b36;
}
.ai-chat-header {
  border-bottom-color: rgba(91,112,136,.09);
  background: rgba(252,253,255,.88);
  box-shadow: 0 5px 20px rgba(35,55,77,.035);
}
.ai-chat-header h1 { color: #202c38; font-weight: 800; letter-spacing: -.35px; }
.ai-chat-header > a {
  border-color: rgba(104,126,149,.16);
  box-shadow: 0 6px 18px rgba(37,57,78,.07);
}
.ai-chat-welcome { top: 29%; }
.ai-assistant-logo {
  border-color: rgba(255,255,255,.92);
  background:
    radial-gradient(circle at 27% 20%,rgba(121,226,213,.9),transparent 29%),
    linear-gradient(145deg,#315fba,#6964d8);
  box-shadow: 0 15px 34px rgba(64,94,167,.22),inset 0 1px rgba(255,255,255,.5);
}
.ai-chat-welcome h2 { color: #202b36; font-size: 25px; }
.ai-chat-welcome p { color: #8996a5; }
.ai-loading-panel h2 { color: #273440; }
.ai-loading-panel p { color: #8c98a5; }
.ai-result-panel {
  background:
    radial-gradient(circle at 90% 6%,rgba(209,224,250,.45),transparent 28%),
    linear-gradient(180deg,rgba(248,250,253,.74),rgba(243,246,250,.94));
}
.ai-result-heading { padding: 18px 20px 12px; }
.ai-result-heading small {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: 11px;
  background: #eaf2fb;
  color: #4176a2;
  font-size: 9px;
  letter-spacing: .2px;
}
.ai-result-heading h2 { margin-top: 7px; color: #202b36; font-size: 22px; }
.ai-result-heading p { color: #8b97a4; }
.ai-result-title-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ai-result-title-row h2 { margin-bottom: 4px; }
.ai-search-more {
  height: 30px;
  padding: 0 12px;
  border: 1px solid #d6e3f2;
  border-radius: 15px;
  background: rgba(255,255,255,.9);
  color: #386d9d;
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 7px 18px rgba(61,94,127,.08);
}
.ai-result-footer {
  position: absolute;
  z-index: 12;
  left: 18px;
  right: 18px;
  bottom: 10px;
  display: flex;
  justify-content: center;
}
.ai-result-footer .ai-search-more {
  min-width: 128px;
  height: 38px;
  padding: 0 22px;
  border-color: rgba(64,111,160,.16);
  border-radius: 20px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 12px 28px rgba(46,74,106,.14),0 2px 6px rgba(46,74,106,.06);
  color: #315f8c;
  font-size: 12px;
}
.ai-chat-screen.has-query .ai-composer { display: none; }
.ai-chat-screen.has-query .ai-result-panel { bottom: 10px; }
.ai-result-stack { top: 94px; bottom: 72px; left: 18px; right: 18px; }
.ai-result-card {
  --ai-accent: #4b76d1;
  --ai-accent-strong: #315cae;
  --ai-soft: #edf2ff;
  --ai-soft-2: #f8faff;
  border-color: rgba(78,103,132,.13);
  background: linear-gradient(160deg,var(--ai-soft-2),#fff 72%);
  box-shadow: 0 20px 48px rgba(48,65,87,.15),0 2px 8px rgba(45,62,83,.06);
  color: #222d38;
  inset: 0;
  transform-origin: 50% 12%;
}
.ai-result-card.is-report {
  --ai-accent: #4b76d1;
  --ai-accent-strong: #315cae;
  --ai-soft: #eaf0ff;
  --ai-soft-2: #f5f7ff;
}
.ai-result-card.is-application {
  --ai-accent: #7768d6;
  --ai-accent-strong: #5c4bb9;
  --ai-soft: #efecff;
  --ai-soft-2: #faf8ff;
}
.ai-result-card.is-resource {
  --ai-accent: #2f978d;
  --ai-accent-strong: #19786f;
  --ai-soft: #e6f6f3;
  --ai-soft-2: #f4fbfa;
}
.ai-result-card.is-product {
  --ai-accent: #d27b55;
  --ai-accent-strong: #ad5b38;
  --ai-soft: #ffede4;
  --ai-soft-2: #fff8f4;
}
.ai-result-card[data-result-position="1"] {
  opacity: .94;
  filter: saturate(.88) brightness(.99);
  transform: translateY(34px) scale(.972);
}
.ai-result-card[data-result-position="2"] {
  opacity: .8;
  filter: saturate(.76) brightness(.97);
  transform: translateY(62px) scale(.942);
}
.ai-result-card[data-result-position="3"] {
  opacity: .62;
  filter: saturate(.68) brightness(.95);
  transform: translateY(86px) scale(.912);
}
.ai-result-card[data-result-position="4"] {
  z-index: 2;
  opacity: .42;
  filter: saturate(.6) brightness(.93);
  transform: translateY(106px) scale(.884);
}
.ai-result-card[data-result-position="5"],
.ai-result-card[data-result-position="6"],
.ai-result-card[data-result-position="7"],
.ai-result-card[data-result-position="8"],
.ai-result-card[data-result-position="9"] {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transform: translateY(118px) scale(.86);
}
.ai-result-card.is-leaving-up { opacity: 0; transform: translateY(-120%) scale(.96) !important; }
.ai-result-card.is-leaving-down { opacity: 0; transform: translateY(120%) scale(.96) !important; }
.ai-result-shade {
  background: linear-gradient(180deg,transparent 0%,rgba(255,255,255,.03) 48%,rgba(255,255,255,.96) 72%,#fff 100%);
}
.ai-result-visual {
  left: 14px;
  right: 14px;
  top: 51px;
  height: 47%;
  border-color: color-mix(in srgb,var(--ai-accent) 14%,transparent);
  background:
    linear-gradient(color-mix(in srgb,var(--ai-accent) 7%,transparent) 1px,transparent 1px),
    linear-gradient(90deg,color-mix(in srgb,var(--ai-accent) 7%,transparent) 1px,transparent 1px),
    radial-gradient(circle at 50% 58%,color-mix(in srgb,var(--ai-accent) 20%,transparent),transparent 55%),
    linear-gradient(155deg,var(--ai-soft),var(--ai-soft-2));
  background-size: 18px 18px,18px 18px,auto,auto;
}
.ai-result-visual::before,
.ai-result-visual::after {
  border-color: color-mix(in srgb,var(--ai-accent) 20%,transparent);
}
.ai-result-visual .visual-orbit {
  border-color: color-mix(in srgb,var(--ai-accent) 27%,transparent);
}
.ai-result-visual .visual-orbit::before,
.ai-result-visual .visual-orbit::after {
  background: var(--ai-accent);
  box-shadow: 0 0 10px color-mix(in srgb,var(--ai-accent) 55%,transparent);
}
.ai-result-card.is-report .visual-art::before {
  border-color: color-mix(in srgb,var(--ai-accent) 42%,white);
  background: linear-gradient(145deg,rgba(255,255,255,.95),color-mix(in srgb,var(--ai-soft) 84%,white));
  box-shadow: -10px 9px 0 color-mix(in srgb,var(--ai-accent) 8%,transparent),0 13px 28px rgba(56,79,123,.12);
}
.ai-result-card.is-report .visual-art::after {
  background: var(--ai-accent);
  box-shadow: 0 12px 0 color-mix(in srgb,var(--ai-accent) 35%,white),0 24px 0 color-mix(in srgb,var(--ai-accent) 35%,white);
}
.ai-result-card.is-report .visual-art i { background: #65b8c9; }
.ai-result-card.is-application .visual-art i {
  border-color: color-mix(in srgb,var(--ai-accent) 35%,white);
  background: linear-gradient(145deg,#fff,var(--ai-soft));
  box-shadow: 0 8px 18px rgba(83,67,159,.12);
}
.ai-result-card.is-application .visual-art i::before { border-color: var(--ai-accent); }
.ai-result-card.is-resource .visual-art::before {
  border-color: color-mix(in srgb,var(--ai-accent) 55%,white);
  background: linear-gradient(180deg,#fff,var(--ai-soft));
  box-shadow: 0 14px 24px rgba(36,121,112,.11);
}
.ai-result-card.is-resource .visual-art::after {
  border-color: color-mix(in srgb,var(--ai-accent) 50%,white);
}
.ai-result-card.is-resource .visual-art i {
  background: var(--ai-accent);
  box-shadow: 0 0 10px color-mix(in srgb,var(--ai-accent) 48%,transparent);
}
.ai-result-card.is-product .visual-art::before {
  border-color: color-mix(in srgb,var(--ai-accent) 40%,white);
  background: linear-gradient(145deg,#fff,var(--ai-soft));
  box-shadow: 0 17px 26px rgba(174,91,56,.11);
}
.ai-result-card.is-product .visual-art::after {
  border-color: var(--ai-accent);
}
.ai-result-card.is-product .visual-art i {
  border-color: #fff;
  background: var(--ai-accent);
  box-shadow: 0 0 10px color-mix(in srgb,var(--ai-accent) 42%,transparent);
}
.ai-result-meta { padding: 15px 15px 0; }
.ai-result-meta small {
  border-color: color-mix(in srgb,var(--ai-accent) 16%,transparent);
  background: var(--ai-soft);
  color: var(--ai-accent-strong);
  backdrop-filter: none;
}
.ai-result-meta em {
  gap: 5px;
  padding: 5px 7px 5px 9px;
  border-color: color-mix(in srgb,var(--ai-accent) 22%,transparent);
  background: rgba(255,255,255,.94);
  box-shadow: 0 8px 18px color-mix(in srgb,var(--ai-accent) 14%,transparent);
  color: #728091;
}
.ai-result-meta em span { opacity: 1; }
.ai-result-meta em b { color: var(--ai-accent-strong); font-size: 14px; }
.ai-result-copy {
  padding: 16px 17px 16px;
  border-top: 1px solid rgba(90,110,133,.09);
  background: rgba(255,255,255,.91);
  backdrop-filter: blur(15px);
}
.ai-result-copy h3 {
  margin-bottom: 7px;
  color: #212c37;
  font-size: 20px;
  line-height: 1.28;
  letter-spacing: -.4px;
}
.ai-result-copy p {
  margin-bottom: 10px;
  color: #768391;
  font-size: 10.5px;
  line-height: 1.58;
}
.ai-result-copy > span {
  min-height: 36px;
  align-items: center;
  margin-bottom: 0;
  padding-right: 98px;
}
.ai-result-copy > span b {
  background: var(--ai-soft);
  color: var(--ai-accent-strong);
  backdrop-filter: none;
}
.ai-result-copy button {
  position: absolute;
  right: 17px;
  bottom: 16px;
  border-color: transparent;
  background: var(--ai-accent-strong);
  box-shadow: 0 7px 16px color-mix(in srgb,var(--ai-accent) 24%,transparent);
  color: #fff;
  backdrop-filter: none;
}
.ai-result-copy button:active { transform: scale(.97); }

/* AI问数结果卡片：扩大视觉承载区，并消除插图与信息之间的无效留白 */
.ai-result-visual {
  height: 60%;
  box-shadow:
    inset 0 -28px 36px rgba(255,255,255,.2),
    0 12px 28px color-mix(in srgb,var(--ai-accent) 10%,transparent);
}
.ai-result-visual .visual-art {
  width: 124px;
  height: 124px;
}
.ai-result-copy {
  border-top-color: color-mix(in srgb,var(--ai-accent) 12%,transparent);
  border-radius: 20px 20px 0 0;
  background: linear-gradient(180deg,rgba(255,255,255,.97),#fff 34%);
  box-shadow: 0 -16px 34px rgba(255,255,255,.92),0 -1px 0 rgba(255,255,255,.78);
}
.ai-result-copy::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 17px;
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background: color-mix(in srgb,var(--ai-accent) 68%,white);
  opacity: .72;
}
.ai-result-copy h3 { margin-top: 4px; }
.ai-result-dots i { background: #cbd4dd; }
.ai-result-dots i.active { background: #527eae; }
.ai-recommendations { gap: 9px; }
.ai-recommendations button {
  border-color: rgba(99,120,143,.11);
  background: rgba(255,255,255,.88);
  box-shadow: 0 7px 22px rgba(42,60,81,.07);
  backdrop-filter: blur(12px);
}
.ai-composer {
  border-color: rgba(87,109,133,.13);
  background: rgba(255,255,255,.93);
  box-shadow: 0 15px 36px rgba(35,52,72,.13),0 2px 8px rgba(35,52,72,.04);
  backdrop-filter: blur(18px);
}
.ai-composer button {
  background: linear-gradient(145deg,#376fc0,#567fd0);
  box-shadow: 0 8px 18px rgba(55,103,183,.22);
}

/* Long-image export: preserves the mobile page while removing the prototype device frame. */
.capture-mode { min-width: 390px; background: #f4f6f9; }
.capture-mode .preview-layout { display: block !important; min-height: 0; padding: 0; }
.capture-mode .back-link,
.capture-mode .concept-note { display: none !important; }
.capture-mode .device { width: 390px !important; height: auto !important; min-height: 0 !important; margin: 0 auto; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; }
.capture-mode .device::before { display: none !important; }
.capture-mode .screen { height: auto !important; overflow: visible !important; border-radius: 0 !important; }
.capture-mode .page-scroll { position: relative !important; inset: auto !important; overflow: visible !important; padding-bottom: 16px !important; }
.capture-mode .bottom-nav { position: relative !important; bottom: auto !important; }
.capture-mode,
.capture-mode * { scrollbar-width: none !important; }
.capture-mode ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }