:root{
  --corp-bg:#f3f8fb;
  --corp-paper:#ffffff;
  --corp-ink:#1d2a32;
  --corp-soft:#69808d;
  --corp-line:#d9e7ef;
  --corp-gold:#2f9ccf;
  --corp-gold-deep:#187cab;
  --corp-shadow:0 18px 40px rgba(24,92,128,.10);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
  color:var(--corp-ink);
  background:
    radial-gradient(900px 320px at 0% 0%, rgba(59,166,216,.10), transparent 60%),
    radial-gradient(820px 280px at 100% 0%, rgba(112,205,239,.12), transparent 58%),
    var(--corp-bg);
}
.icon{vertical-align:-2px}
.container{max-width:1240px;margin:0 auto;padding:0 24px}
.site-main{min-height:calc(100vh - 84px - 220px);padding-top:84px}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,231,239,.92);
  box-shadow:0 10px 24px rgba(24,92,128,.08);
}
.site-header__inner{
  min-height:84px;display:flex;align-items:center;gap:22px;
}
.site-brand{
  display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--corp-ink);
}
.site-brand__mark{
  width:46px;height:46px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#3aa6d7,#187cab);color:#fff;font-weight:700;font-size:18px;
}
.site-brand strong{display:block;font-size:15px;letter-spacing:.18em}
.site-brand small{display:block;margin-top:4px;font-size:11px;color:var(--corp-soft)}
.site-nav{display:flex;gap:16px;margin-left:20px}
.site-nav a{
  text-decoration:none;color:#4f4b45;font-size:14px;letter-spacing:.02em;
}
.site-nav a:hover{color:var(--corp-gold-deep)}
.site-header__actions{margin-left:auto;display:flex;align-items:center;gap:12px}
.site-header__link{
  text-decoration:none;color:#4f4b45;font-size:14px;
}
.site-header__btn{
  display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;
  border-radius:999px;text-decoration:none;color:#fff;
  background:linear-gradient(135deg,#3aa6d7,#187cab);box-shadow:0 10px 24px rgba(24,124,171,.24);
}
.site-header__btn--secondary{
  background:linear-gradient(135deg,#1b4db8,#39c5ff);
}

.corp-hero{
  padding:64px 0 48px;
}
.corp-hero__inner{
  display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;
}
.corp-kicker{
  display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.24em;
  color:var(--corp-gold-deep);text-transform:uppercase;
}
.corp-kicker:before{
  content:"";width:44px;height:1px;background:rgba(59,166,216,.55);
}
.corp-hero__title{
  margin:18px 0 16px;font-size:56px;line-height:1.06;font-weight:700;
  color:#1f1d1a;
}
.corp-hero__lead{
  margin:0;max-width:640px;font-size:16px;line-height:1.9;color:var(--corp-soft);
}
.corp-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.corp-btn{
  display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;
  border-radius:999px;border:1px solid var(--corp-line);background:#fff;color:#443c31;text-decoration:none;
}
.corp-btn--primary{
  color:#fff;border-color:transparent;background:linear-gradient(135deg,#3aa6d7,#187cab);
}
.corp-btn--ghost-blue{
  background:linear-gradient(135deg,#215fd6,#42cfff);
}
.corp-hero__meta{
  display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#628090;font-size:13px;
}
.corp-hero__visual{
  position:relative;padding:28px;border-radius:28px;background:#fdfbf7;
  border:1px solid rgba(217,231,239,.92);box-shadow:var(--corp-shadow);
}
.corp-visual-card{
  border-radius:22px;padding:30px;background:
    linear-gradient(135deg, rgba(16,58,79,.94), rgba(24,124,171,.86)),
    linear-gradient(135deg,#2f9ccf,#187cab);
  color:#fff;min-height:260px;
}
.corp-visual-card__label{
  font-size:12px;letter-spacing:.24em;text-transform:uppercase;opacity:.72;
}
.corp-visual-card__title{
  margin-top:28px;font-size:34px;line-height:1.2;font-weight:700;max-width:380px;
}
.corp-visual-card__desc{
  margin-top:16px;max-width:420px;font-size:14px;line-height:1.8;color:rgba(255,255,255,.8);
}
.corp-visual-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px;
}
.corp-visual-stat{
  padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--corp-line);
}
.corp-visual-stat strong{display:block;font-size:26px;color:#1d2a32}
.corp-visual-stat span{display:block;margin-top:6px;font-size:13px;color:var(--corp-soft)}

.corp-band{padding-bottom:36px}
.corp-band__grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.corp-band__item{
  padding:26px 24px;background:#fff;border-radius:18px;border:1px solid var(--corp-line);box-shadow:var(--corp-shadow);
}
.corp-band__item strong{display:block;font-size:28px;color:#183444}
.corp-band__item span{display:block;margin-top:8px;font-size:13px;color:var(--corp-soft)}

.corp-section{padding:70px 0}
.corp-section--muted{background:rgba(255,255,255,.45)}
.corp-section__head{margin-bottom:28px}
.corp-section__split{display:grid;grid-template-columns:1fr 420px;gap:32px;align-items:start}
.corp-section__title{
  margin:14px 0 0;font-size:40px;line-height:1.16;color:#1f1d1a;
}
.corp-section__text{
  font-size:15px;line-height:1.9;color:var(--corp-soft);
}
.corp-info-card,.corp-article-card{
  background:#fff;border:1px solid var(--corp-line);border-radius:24px;padding:30px;box-shadow:var(--corp-shadow);
}
.corp-info-card__title{font-size:24px;font-weight:700;margin-bottom:14px}
.corp-list{margin:0;padding-left:18px;color:var(--corp-soft);line-height:1.9}

.corp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.corp-card-grid--single{grid-template-columns:1fr}
.corp-service-card{
  min-height:240px;padding:28px;border-radius:22px;border:1px solid var(--corp-line);background:#fff;box-shadow:var(--corp-shadow);
}
.corp-service-card__no{
  width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:#e8f5fb;color:var(--corp-gold-deep);font-weight:700;
}
.corp-service-card h3{margin:22px 0 12px;font-size:24px}
.corp-service-card p{margin:0;font-size:14px;line-height:1.9;color:var(--corp-soft)}

.corp-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.corp-case-card{
  border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--corp-line);box-shadow:var(--corp-shadow);
}
.corp-case-card__image{height:240px;background-size:cover;background-position:center}
.corp-case-card__image--one{
  background:
    linear-gradient(135deg, rgba(18,64,88,.26), rgba(47,156,207,.14)),
    radial-gradient(600px 240px at 30% 30%, rgba(255,255,255,.45), transparent 56%),
    linear-gradient(135deg,#1f6b8d,#46acd9);
}
.corp-case-card__image--two{
  background:
    linear-gradient(135deg, rgba(18,64,88,.26), rgba(47,156,207,.14)),
    radial-gradient(600px 240px at 70% 30%, rgba(255,255,255,.35), transparent 56%),
    linear-gradient(135deg,#1b6282,#41a3d0);
}
.corp-case-card__image--three{
  background:
    linear-gradient(135deg, rgba(18,64,88,.26), rgba(47,156,207,.14)),
    radial-gradient(600px 240px at 50% 50%, rgba(255,255,255,.30), transparent 56%),
    linear-gradient(135deg,#216987,#56b4de);
}
.corp-case-card__body{padding:22px 24px 26px}
.corp-case-card__body h3{margin:0 0 10px;font-size:24px}
.corp-case-card__body p{margin:0;color:var(--corp-soft);line-height:1.8}

.corp-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.corp-team-card{
  padding:26px 24px;border-radius:22px;background:#fff;border:1px solid var(--corp-line);box-shadow:var(--corp-shadow);
}
.corp-team-card h3{margin:0 0 12px;font-size:21px}
.corp-team-card p{margin:0;color:var(--corp-soft);line-height:1.8}

.corp-contact{
  display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:stretch;
}
.corp-contact__panel{
  background:#fff;border:1px solid var(--corp-line);border-radius:24px;padding:28px;box-shadow:var(--corp-shadow);
}
.corp-contact__item + .corp-contact__item{margin-top:18px;padding-top:18px;border-top:1px solid var(--corp-line)}
.corp-contact__item span{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--corp-gold-deep)}
.corp-contact__item strong{display:block;margin-top:8px;font-size:20px;line-height:1.5}

.corp-page-hero{
  padding:70px 0 26px;background:
    linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,0)),
    radial-gradient(800px 260px at 10% 0%, rgba(59,166,216,.10), transparent 58%);
}
.corp-page-hero__title{margin:18px 0 10px;font-size:46px}
.corp-page-hero__lead{margin:0;max-width:700px;color:var(--corp-soft);line-height:1.8}

.corp-form{margin-top:8px}
.corp-form__label{display:block;margin-bottom:10px;font-size:14px;color:#4f4b45}
.corp-form__row{display:flex;gap:12px}
.corp-input{
  flex:1;height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--corp-line);
  background:#fcfaf6;color:#2a241d;outline:none;
}
.corp-input:focus{border-color:#62b8df;box-shadow:0 0 0 3px rgba(98,184,223,.14)}
.corp-alert{
  margin-top:16px;padding:14px 16px;border-radius:16px;background:#fff1f1;border:1px solid #f0d0d0;color:#c04d4d;
}
.corp-result{margin-top:20px;border:1px solid var(--corp-line);border-radius:20px;overflow:hidden}
.corp-result__title{padding:16px 18px;background:#faf6ef;border-bottom:1px solid var(--corp-line);font-weight:700}
.corp-result__pre{margin:0;padding:18px;background:#fff;white-space:pre-wrap;word-break:break-word}

.corp-table{border:1px solid var(--corp-line);border-radius:20px;overflow:hidden}
.corp-table__head,.corp-table__row{display:grid;grid-template-columns:1.2fr .8fr 2fr 1fr;gap:12px;padding:14px 16px}
.corp-table__head{background:#faf6ef;font-weight:700}
.corp-table__row{background:#fff;border-top:1px solid #f2eadf}
.corp-empty{padding:18px;background:#fff;color:var(--corp-soft)}
.corp-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:12px}
.corp-stats-inline{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;
}
.corp-stats-inline strong{display:block;font-size:24px}
.corp-stats-inline span{display:block;margin-top:6px;font-size:12px;color:var(--corp-soft)}

.site-footer{
  margin-top:40px;padding:42px 0;background:#162833;color:#d8ecf6;
}
.site-footer__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.site-footer__title{font-size:15px;font-weight:700;margin-bottom:12px;color:#fff}
.site-footer__item{font-size:13px;line-height:1.9;color:#b9d6e4}
.site-footer__item a{color:#b9d6e4;text-decoration:none}
.site-footer__copy{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:#89afc0}

@media (max-width:1080px){
  .corp-hero__inner,.corp-section__split,.corp-contact,.corp-team-grid,.corp-case-grid,.corp-card-grid,.corp-band__grid,.corp-stats-inline{
    grid-template-columns:1fr 1fr;
  }
  .site-header__inner{flex-wrap:nowrap;min-height:84px}
  .site-nav{overflow:auto;margin-left:0}
}
@media (max-width:760px){
  .corp-hero__inner,.corp-section__split,.corp-contact,.corp-team-grid,.corp-case-grid,.corp-card-grid,.corp-band__grid,.corp-stats-inline,.site-footer__grid{
    grid-template-columns:1fr;
  }
  .corp-hero__title{font-size:40px}
  .corp-section__title,.corp-page-hero__title{font-size:34px}
  .corp-form__row{flex-direction:column}
  .corp-table__head,.corp-table__row{grid-template-columns:1fr}
}

.showcase-body{
  margin:0;
  min-height:100vh;
  color:#d9f4ff;
  background:
    radial-gradient(900px 480px at 10% 10%, rgba(0,214,255,.16), transparent 60%),
    radial-gradient(760px 420px at 90% 12%, rgba(24,72,255,.22), transparent 62%),
    linear-gradient(180deg,#07111f 0%,#08182b 38%,#050c16 100%);
  overflow-x:hidden;
}
.showcase{
  position:relative;
  min-height:100vh;
  padding:28px 24px 34px;
}
.showcase__bg{
  position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:
    linear-gradient(rgba(91,209,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(91,209,255,.08) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.4));
}
.showcase__container{position:relative;z-index:1;max-width:1520px;margin:0 auto}
.showcase__header{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;
  padding:18px 22px;border:1px solid rgba(98,197,255,.22);border-radius:24px;
  background:linear-gradient(135deg,rgba(7,24,42,.88),rgba(11,39,66,.74));
  box-shadow:0 20px 60px rgba(0,0,0,.28), inset 0 0 0 1px rgba(130,226,255,.05);
}
.showcase__eyebrow{
  display:inline-block;padding:6px 12px;border-radius:999px;
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:#7cecff;background:rgba(17,181,255,.12);border:1px solid rgba(87,215,255,.24);
}
.showcase__title{
  margin:14px 0 10px;font-size:48px;line-height:1.05;font-weight:700;color:#f2fbff;
  text-shadow:0 0 24px rgba(67,214,255,.18);
}
.showcase__subtitle{max-width:860px;margin:0;font-size:16px;line-height:1.9;color:rgba(217,244,255,.74)}
.showcase__headerActions{display:flex;gap:12px;flex-wrap:wrap}
.showcase__link{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:112px;height:42px;padding:0 16px;border-radius:12px;
  color:#bcecff;text-decoration:none;border:1px solid rgba(102,204,255,.28);
  background:rgba(6,22,36,.58);
}
.showcase__link--strong{
  color:#fff;background:linear-gradient(135deg,#2f79da,#48bfe8);border-color:transparent;
  box-shadow:0 10px 22px rgba(48,121,218,.24);
}
.showcase__metrics{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;
}
.screen-metric{
  position:relative;overflow:hidden;padding:20px 20px 18px;border-radius:20px;
  border:1px solid rgba(90,201,255,.18);
  background:linear-gradient(180deg,rgba(9,28,47,.92),rgba(5,15,28,.92));
  box-shadow:inset 0 0 0 1px rgba(157,229,255,.03),0 16px 34px rgba(0,0,0,.24);
}
.screen-metric:after{
  content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle, rgba(80,215,255,.22), transparent 68%);
}
.screen-metric__label{font-size:13px;color:#7acfff;letter-spacing:.08em}
.screen-metric__value{margin-top:14px;font-size:38px;font-weight:700;color:#f8fdff}
.screen-metric__meta{margin-top:8px;font-size:13px;color:rgba(217,244,255,.68);line-height:1.7}
.showcase__grid{
  display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:16px;margin-top:18px;
}
.screen-panel{
  padding:18px;border-radius:22px;border:1px solid rgba(84,190,255,.16);
  background:linear-gradient(180deg,rgba(5,17,29,.9),rgba(6,23,40,.88));
  box-shadow:0 18px 40px rgba(0,0,0,.26);
}
.screen-panel__title{
  margin-bottom:16px;font-size:18px;font-weight:600;color:#f2fbff;
  display:flex;align-items:center;gap:10px;
}
.screen-panel__title:before{
  content:"";width:10px;height:10px;border-radius:50%;
  background:#3be3ff;box-shadow:0 0 14px rgba(59,227,255,.8);
}
.screen-bars{display:grid;gap:18px}
.screen-bar__head,.screen-list__row,.screen-log__row,.screen-statusRow{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.screen-bar__head{margin-bottom:8px;color:#e7fbff}
.screen-bar__track{
  height:12px;border-radius:999px;overflow:hidden;background:rgba(110,188,255,.11);
  border:1px solid rgba(95,199,255,.12);
}
.screen-bar__track span{
  display:block;height:100%;
  background:linear-gradient(90deg,#19c8ff,#4c82ff 72%,#86eeff);
  box-shadow:0 0 20px rgba(25,200,255,.35);
}
.screen-bar__meta{margin-top:8px;font-size:12px;color:rgba(217,244,255,.68)}
.screen-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.screen-kpi{
  padding:16px;border-radius:16px;background:rgba(9,30,51,.82);
  border:1px solid rgba(98,188,255,.16);
}
.screen-kpi span{display:block;font-size:13px;color:#7fcfff}
.screen-kpi strong{display:block;margin-top:10px;font-size:34px;color:#f8fdff}
.screen-statusRow{margin-top:16px;justify-content:flex-start;flex-wrap:wrap}
.screen-tag{
  padding:8px 12px;border-radius:999px;font-size:12px;
  color:#bcecff;background:rgba(18,70,108,.52);border:1px solid rgba(91,194,255,.2);
}
.screen-tag--ok{color:#a6ffd4;border-color:rgba(81,241,170,.26);background:rgba(16,76,57,.48)}
.screen-tag--warn{color:#ffd4ac;border-color:rgba(255,164,84,.28);background:rgba(86,43,12,.44)}
.screen-list{display:grid;gap:12px}
.screen-list__row{
  padding:14px 16px;border-radius:16px;background:rgba(10,31,52,.72);
  border:1px solid rgba(96,191,255,.14);
}
.screen-list__name{font-weight:600;color:#f5fcff}
.screen-list__meta{margin-top:4px;font-size:12px;color:rgba(217,244,255,.62)}
.screen-list__value{font-size:18px;font-weight:700;color:#7cecff}
.screen-log{display:grid;gap:12px}
.screen-log__row{
  padding:12px 14px;border-radius:14px;border:1px solid rgba(97,193,255,.14);
  background:rgba(13,30,42,.76);
}
.screen-log__time{flex:0 0 150px;font-size:12px;color:#7fcfff}
.screen-log__text{flex:1;color:rgba(230,250,255,.84);font-size:13px}
.screen-log__state{
  flex:0 0 52px;text-align:center;padding:5px 0;border-radius:999px;font-size:12px;font-weight:700;
}
.screen-log__state.is-ok{color:#90ffcd;background:rgba(15,91,65,.58)}
.screen-log__state.is-fail{color:#ffc59e;background:rgba(91,36,15,.58)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.catalog-card{
  padding:14px 16px;border-radius:16px;background:rgba(10,31,52,.72);
  border:1px solid rgba(96,191,255,.14);
}
.catalog-card__name{font-size:16px;font-weight:700;color:#f5fcff}
.catalog-card__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.screen-panel--map{padding:20px 22px 24px;margin-top:18px}
.national-board{
  display:grid;grid-template-columns:280px 1fr 280px;gap:18px;align-items:stretch;
}
.national-side,.national-detail{
  border-radius:20px;border:1px solid rgba(96,191,255,.16);
  background:linear-gradient(180deg,rgba(8,27,44,.88),rgba(5,19,32,.88));
  padding:18px;
}
.national-side__title,.china-map__title{
  font-size:16px;font-weight:600;color:#effbff;letter-spacing:.06em;
}
.national-rank{display:grid;gap:12px;margin-top:18px}
.national-rank__row{
  display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;
  padding:12px 14px;border-radius:14px;background:rgba(10,33,54,.74);
  border:1px solid rgba(96,191,255,.12);
  cursor:pointer;transition:all .2s ease;
}
.national-rank__row:hover,.national-rank__row.is-active{
  transform:translateY(-2px);border-color:rgba(114,229,255,.42);
  background:rgba(15,53,84,.84);box-shadow:0 12px 24px rgba(16,72,120,.22);
}
.national-rank__index{
  width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#0ec5ff,#256dff);color:#fff;font-weight:700;
}
.national-rank__name{color:#dff7ff;font-weight:600}
.national-rank__value{color:#86eeff;font-size:18px}
.china-map{
  position:relative;border-radius:24px;border:1px solid rgba(96,191,255,.18);
  background:
    radial-gradient(320px 220px at 50% 48%, rgba(37,109,255,.18), transparent 72%),
    linear-gradient(180deg,rgba(11,28,39,.95),rgba(8,19,28,.96));
  overflow:hidden;padding:18px 18px 10px;
}
.china-map__glow{
  position:absolute;inset:auto 50% 18px 50%;width:360px;height:130px;transform:translateX(-50%);
  background:radial-gradient(circle, rgba(75,229,255,.22), transparent 68%);
  filter:blur(18px);pointer-events:none;
}
.china-map__canvas{
  position:relative;min-height:540px;margin-top:14px;padding:26px 14px 20px;
  border-radius:18px;border:1px solid rgba(96,191,255,.08);
  background:
    linear-gradient(rgba(95,196,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(95,196,255,.06) 1px, transparent 1px);
  background-size:48px 48px;
}
.china-map__chart{width:100%;height:540px}
.china-map__fallback{
  height:540px;display:flex;align-items:center;justify-content:center;
  color:#9ddfff;font-size:16px;
}
.province-tooltip{
  position:absolute;left:0;top:0;transform:translate(-50%,-100%);
  min-width:160px;padding:12px 14px;border-radius:14px;pointer-events:none;
  border:1px solid rgba(113,217,255,.32);
  background:rgba(3,20,34,.94);box-shadow:0 12px 28px rgba(0,0,0,.28);
  opacity:0;transition:opacity .18s ease;
}
.province-tooltip.is-visible{opacity:1}
.province-tooltip__name{font-size:14px;font-weight:700;color:#f5fdff;margin-bottom:8px}
.province-tooltip__line{font-size:12px;color:#bcecff;line-height:1.7}
.national-detail{
  display:flex;flex-direction:column;justify-content:flex-start;
}
.national-detail__label{font-size:12px;letter-spacing:.12em;color:#7ddfff;text-transform:uppercase}
.national-detail__name{margin-top:10px;font-size:34px;font-weight:700;color:#f4fdff}
.national-detail__status{
  margin-top:8px;display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:999px;
  color:#9ff8d4;background:rgba(15,91,65,.46);border:1px solid rgba(81,241,170,.22);
}
.national-detail__stats{display:grid;gap:12px;margin-top:18px}
.national-detail__stat{
  padding:14px 16px;border-radius:16px;background:rgba(13,33,45,.82);
  border:1px solid rgba(96,191,255,.12);
}
.national-detail__stat span{display:block;font-size:12px;color:#7ddfff}
.national-detail__stat strong{display:block;margin-top:8px;font-size:24px;color:#fff}
.national-detail__extra{display:grid;gap:10px;margin-top:16px}
.national-detail__extraRow{
  padding:12px 14px;border-radius:14px;background:rgba(8,29,47,.7);
  border:1px solid rgba(96,191,255,.1);
}
.national-detail__extraRow span{display:block;font-size:12px;color:#7ddfff}
.national-detail__extraRow strong{display:block;margin-top:6px;font-size:13px;line-height:1.8;color:#effbff}
.national-detail__hint{margin-top:16px;font-size:12px;line-height:1.8;color:rgba(217,244,255,.68)}
.drilldown-board{
  margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(96,191,255,.14);
  background:linear-gradient(180deg,rgba(6,23,40,.88),rgba(8,19,32,.9));
}
.drilldown-board__head{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;
}
.drilldown-board__label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7ddfff}
.drilldown-board__title{margin-top:8px;font-size:28px;font-weight:700;color:#f5fdff}
.drilldown-board__summary{margin-top:8px;max-width:820px;color:rgba(217,244,255,.7);line-height:1.8}
.drilldown-board__badge{
  padding:8px 12px;border-radius:999px;color:#9ff8d4;background:rgba(15,91,65,.46);
  border:1px solid rgba(81,241,170,.22);white-space:nowrap;
}
.drilldown-board__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.drilldown-card{
  padding:16px;border-radius:18px;border:1px solid rgba(96,191,255,.12);
  background:rgba(13,33,45,.82);
}
.drilldown-card__name{font-size:14px;color:#7ddfff}
.drilldown-card__value{margin-top:10px;font-size:26px;font-weight:700;color:#fff}
.drilldown-card__meta{margin-top:8px;font-size:12px;line-height:1.8;color:rgba(217,244,255,.66)}

@media (max-width:980px){
  .hero__title{font-size:34px}
  .hero__panelInner,.cards,.grid-3,.footer__grid{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .hero__panelRight{border-left:none;border-top:1px solid var(--fa-line)}
  .showcase__metrics,.showcase__grid,.screen-kpis,.catalog-grid{grid-template-columns:1fr 1fr}
  .national-board{grid-template-columns:1fr}
  .china-map__canvas{min-height:620px}
  .china-map__chart,.china-map__fallback{height:620px}
  .drilldown-board__grid{grid-template-columns:1fr 1fr}
  .showcase__title{font-size:36px}
  .showcase__header{flex-direction:column}
}
@media (max-width:760px){
  .topbar__inner{height:auto;min-height:62px;flex-wrap:wrap;padding:10px 0}
  .nav{order:3;width:100%;margin:2px 0 0;overflow:auto}
  .admin-link{margin-left:0}
  .table__head,.table__row,.form__row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}
  .showcase{padding:16px}
  .showcase__metrics,.showcase__grid,.screen-kpis,.catalog-grid{grid-template-columns:1fr}
  .screen-panel--map{padding:16px}
  .china-map{padding:14px}
  .china-map__canvas{min-height:760px;padding:18px 10px}
  .china-map__chart,.china-map__fallback{height:760px}
  .drilldown-board__head,.drilldown-board__grid{grid-template-columns:1fr}
  .drilldown-board__head{display:grid}
  .drilldown-board__grid{grid-template-columns:1fr}
  .showcase__title{font-size:30px}
  .screen-metric__value{font-size:30px}
  .screen-log__row,.screen-list__row,.screen-bar__head{align-items:flex-start;flex-direction:column}
  .screen-log__time,.screen-log__state{flex:auto}
}

body.showcase-body{
  overflow:hidden;
  background:
    radial-gradient(1000px 620px at 8% 6%, rgba(74,208,255,.12), transparent 60%),
    radial-gradient(980px 560px at 92% 2%, rgba(71,133,255,.16), transparent 62%),
    linear-gradient(180deg,#071018 0%,#0a1622 36%,#060b12 100%);
}
.showcase-stage-wrap{
  position:fixed;inset:0;overflow:hidden;
}
.showcase-stage{
  position:absolute;left:0;top:0;width:1920px;height:1080px;
  transform-origin:top left;
}
.showcase-screen{
  position:relative;width:1920px;height:1080px;padding:22px 24px 18px;
  color:#dff7ff;
  background:
    linear-gradient(rgba(128,212,245,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(128,212,245,.035) 1px, transparent 1px),
    radial-gradient(680px 340px at 50% 45%, rgba(86,160,255,.06), transparent 70%);
  background-size:44px 44px, 44px 44px, auto;
}
.showcase-screen:before{
  content:"";position:absolute;inset:12px;border-radius:28px;border:1px solid rgba(111,214,255,.08);
  pointer-events:none;
}
.screen-topbar{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;height:82px;
  padding:10px 18px;border-radius:24px;border:1px solid rgba(95,196,255,.18);
  background:linear-gradient(135deg,rgba(11,24,34,.92),rgba(14,35,47,.84));
  box-shadow:0 18px 48px rgba(0,0,0,.28), inset 0 0 0 1px rgba(157,229,255,.04);
}
.screen-topbar__eyebrow{
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#7fe8ff;
}
.screen-topbar__title{
  margin:6px 0 4px;font-size:32px;line-height:1.02;font-weight:800;color:#f3fdff;
  text-shadow:0 0 30px rgba(67,214,255,.16);
}
.screen-topbar__subtitle{
  margin:0;max-width:920px;font-size:12px;line-height:1.55;color:rgba(223,247,255,.74);
}
.screen-topbar__meta{
  display:flex;align-items:flex-start;justify-content:flex-end;
}
.screen-actions{display:flex;gap:12px}
.screen-summary{
  margin-top:12px;height:96px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;
}
.summary-card{
  position:relative;overflow:hidden;padding:10px 14px 10px;border-radius:20px;
  border:1px solid rgba(90,201,255,.16);
  background:linear-gradient(180deg,rgba(12,31,43,.92),rgba(8,18,28,.94));
  box-shadow:inset 0 0 0 1px rgba(157,229,255,.03),0 16px 34px rgba(0,0,0,.24);
}
.summary-card:after{
  content:"";position:absolute;right:-26px;top:-26px;width:132px;height:132px;border-radius:50%;
  background:radial-gradient(circle, rgba(124,223,255,.14), transparent 68%);
}
.summary-card__label{font-size:12px;letter-spacing:.06em;color:#7edaff}
.summary-card__value{margin-top:6px;font-size:24px;font-weight:800;color:#f8fdff}
.summary-card__meta{margin-top:2px;font-size:10px;line-height:1.4;color:rgba(217,244,255,.68)}
.screen-main{
  margin-top:12px;height:812px;display:grid;grid-template-columns:344px 1fr 384px;gap:14px;
}
.screen-col{display:grid;gap:16px;min-height:0}
.screen-col--left{grid-template-rows:minmax(0, 166px) minmax(0, 165px) minmax(0, 1fr)}
.screen-col--center{grid-template-rows:1fr}
.screen-col--right{grid-template-rows:minmax(0, 314px) minmax(0, 152px) minmax(0, 1fr)}
.screen-panel{
  min-height:0;padding:18px;border-radius:24px;border:1px solid rgba(84,190,255,.16);
  background:linear-gradient(180deg,rgba(10,22,32,.92),rgba(9,20,30,.9));
  box-shadow:0 18px 40px rgba(0,0,0,.26);
  overflow:hidden;
}
.screen-panel--compact{padding:14px 16px}
.screen-panel__head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;
}
.screen-panel__head--stack{
  flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;margin-bottom:8px;
}
.screen-panel__title{
  font-size:16px;font-weight:700;color:#f2fbff;display:flex;align-items:center;gap:10px;
}
.screen-panel__title:before{
  content:"";width:10px;height:10px;border-radius:50%;
  background:#3be3ff;box-shadow:0 0 14px rgba(59,227,255,.8);
}
.screen-panel__sub{margin-top:4px;font-size:11px;line-height:1.5;color:rgba(217,244,255,.62)}
.panel-pager{display:flex;gap:8px}
.panel-dot{
  width:8px;height:8px;border-radius:50%;background:rgba(123,207,255,.22);
}
.panel-dot.is-active{background:#5ef1ff;box-shadow:0 0 12px rgba(94,241,255,.7)}
.scene-rotator{position:relative;height:104px}
.scene-card{
  position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:all .35s ease;
  padding:10px;border-radius:16px;border:1px solid rgba(96,191,255,.12);
  background:linear-gradient(180deg,rgba(13,34,46,.88),rgba(10,25,36,.88));
  overflow:hidden;
}
.scene-card.is-active{opacity:1;transform:translateY(0)}
.scene-card__title{font-size:16px;font-weight:700;color:#fff}
.scene-card__summary{
  margin:4px 0 0;font-size:10px;line-height:1.45;color:rgba(223,247,255,.74);
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.scene-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;max-height:42px;overflow:hidden}
.scene-card__tag{
  max-width:48%;padding:4px 7px;border-radius:999px;font-size:9px;line-height:1.1;
  color:#bcecff;background:rgba(18,70,108,.52);border:1px solid rgba(91,194,255,.2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.status-flow{display:grid;gap:10px}
.status-tile{
  padding:10px;border-radius:14px;background:rgba(13,33,45,.84);border:1px solid rgba(112,202,255,.14);
}
.status-tile span{display:block;font-size:11px;color:#7fd8ff}
.status-tile strong{display:block;margin-top:4px;font-size:21px;color:#fff}
.status-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mini-split{display:grid;grid-template-columns:1.08fr .92fr;gap:10px;height:100%;min-height:0}
.mini-split--scroll{height:100%}
.mini-list,.variety-tags,.node-list,.deck-list,.timeline-list{display:grid;gap:10px}
.mini-list__row,.node-list__row,.deck-list__row,.timeline-list__row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;
  border-radius:14px;background:rgba(13,31,43,.74);border:1px solid rgba(112,202,255,.14);
}
.mini-list,.variety-tags,.node-list,.deck-list{min-height:0;overflow:hidden}
.auto-scroll-box{
  position:relative;height:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg, transparent 0, rgba(0,0,0,.95) 8%, rgba(0,0,0,.95) 92%, transparent 100%);
}
.auto-scroll-box--status{height:100px}
.auto-scroll-box--nodes{height:110px}
.mini-list--scroll,.variety-tags--scroll{
  align-content:start;overflow:hidden;padding-right:4px;
}
.auto-scroll-track{
  animation:auto-scroll-up var(--auto-scroll-duration, 22s) linear infinite;
}
.mini-list__name,.node-list__name,.deck-list__name{font-weight:600;color:#f5fcff;font-size:13px}
.mini-list__meta,.node-list__meta,.deck-list__meta{margin-top:3px;font-size:11px;color:rgba(217,244,255,.62)}
.mini-list__row strong,.node-list__row strong,.deck-list__row strong{color:#7cecff}
.variety-card{
  padding:10px 12px;border-radius:14px;background:rgba(13,31,43,.74);border:1px solid rgba(112,202,255,.14);
}
.variety-card__name{font-size:13px;font-weight:700;color:#f5fcff}
.variety-card__meta{margin-top:3px;font-size:11px;color:#90dbff}
.screen-panel--mapxl{padding:14px 14px 12px}
.mode-switch{display:flex;gap:10px}
.mode-switch__btn{
  height:34px;padding:0 14px;border-radius:12px;border:1px solid rgba(111,214,255,.22);
  background:rgba(16,35,47,.78);color:#b8ecff;cursor:pointer;
}
.mode-switch__btn.is-active{
  color:#fff;border-color:transparent;background:linear-gradient(135deg,#2f79da,#48bfe8);
  box-shadow:0 10px 22px rgba(48,121,218,.24);
}
.map-stage{
  height:100%;display:grid;grid-template-rows:48px 1fr;gap:8px;
}
.map-stage__header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px;
}
.map-stage__title{font-size:21px;font-weight:800;color:#fff}
.map-stage__scope{margin-top:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7ddfff}
.map-stage__metric{
  padding:8px 12px;border-radius:999px;color:#9ff8d4;background:rgba(15,91,65,.46);
  border:1px solid rgba(81,241,170,.22);white-space:nowrap;font-size:12px;
}
.map-stage__body{
  position:relative;min-height:0;border-radius:24px;border:1px solid rgba(96,191,255,.12);
  background:
    linear-gradient(rgba(131,214,245,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(131,214,245,.04) 1px, transparent 1px),
    linear-gradient(180deg,rgba(11,28,39,.95),rgba(8,19,28,.96));
  background-size:42px 42px,42px 42px,auto;
  overflow:hidden;
}
.map-chart{
  position:absolute;inset:0 286px 0 188px;
}
.map-route-rail{
  position:absolute;left:0;top:0;bottom:0;width:188px;padding:10px;
  border-right:1px solid rgba(96,191,255,.1);
  background:linear-gradient(180deg,rgba(12,28,39,.9),rgba(9,20,30,.9));
  display:grid;gap:8px;align-content:start;overflow:hidden;
}
.map-detail{
  position:absolute;right:0;top:0;bottom:0;width:286px;padding:14px 14px 12px;
  border-left:1px solid rgba(96,191,255,.12);
  background:linear-gradient(180deg,rgba(12,28,39,.94),rgba(9,19,29,.94));
  overflow:hidden;
}
.map-detail__label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7ddfff}
.map-detail__name{margin-top:8px;font-size:28px;font-weight:800;color:#fff;line-height:1.08}
.map-detail__status{
  margin-top:8px;display:inline-flex;padding:5px 10px;border-radius:999px;
  background:rgba(15,91,65,.46);border:1px solid rgba(81,241,170,.22);color:#a6ffd4;
  font-size:11px;
}
.map-detail__stats{display:grid;gap:8px;margin-top:12px}
.map-detail__stat{
  padding:10px 12px;border-radius:14px;background:rgba(13,33,45,.82);border:1px solid rgba(112,202,255,.12);
}
.map-detail__stat span{display:block;font-size:11px;color:#7ddfff}
.map-detail__stat strong{display:block;margin-top:5px;font-size:20px;color:#fff}
.map-detail__extra{display:grid;gap:8px;margin-top:10px}
.map-detail__row{
  padding:9px 10px;border-radius:12px;background:rgba(12,30,41,.74);border:1px solid rgba(112,202,255,.1);
}
.map-detail__row span{display:block;font-size:11px;color:#7ddfff}
.map-detail__row strong{
  display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#effbff;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.route-card{
  padding:10px 10px;border-radius:14px;border:1px solid rgba(112,202,255,.12);background:rgba(13,33,45,.8);
}
.route-card__label{font-size:11px;color:#7ddfff}
.route-card__value{
  margin-top:6px;font-size:13px;font-weight:700;color:#fff;line-height:1.3;
}
.route-card__meta{margin-top:4px;font-size:10px;color:rgba(217,244,255,.66)}
.left-info-panel{display:none;height:100%;min-height:0;overflow:hidden}
.left-info-panel.is-active{display:block}
.deck-tabs--compact{gap:6px}
.deck-tabs--compact .deck-tabs__btn{
  height:28px;padding:0 8px;font-size:10px;
}
.deck-tabs--two-line{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
}
.deck-tabs--two-line .deck-tabs__btn:last-child{
  grid-column:1 / span 2;
}
.timeline-list--left{
  height:100%;align-content:start;overflow:hidden;padding-right:4px;
}
.capability-grid--left{
  grid-template-columns:repeat(2,1fr);gap:8px;height:100%;
}
.screen-panel--feed{padding-bottom:12px}
.feed-live{
  padding:8px 12px;border-radius:999px;background:rgba(148,26,52,.46);border:1px solid rgba(255,112,157,.22);
  color:#ffd3e2;font-size:12px;letter-spacing:.18em;
}
.tx-feed{
  position:relative;height:226px;overflow:hidden;border-radius:18px;border:1px solid rgba(97,193,255,.12);
  background:linear-gradient(180deg,rgba(12,27,38,.76),rgba(10,18,27,.78));
  -webkit-mask-image:linear-gradient(180deg, transparent 0, rgba(0,0,0,.95) 8%, rgba(0,0,0,.95) 92%, transparent 100%);
}
.tx-feed__track{
  display:flex;flex-direction:column;gap:10px;padding:12px;
  animation:tx-feed-scroll var(--tx-duration, 28s) linear infinite;
}
.tx-feed__item{
  padding:10px 12px;border-radius:14px;border:1px solid rgba(112,202,255,.14);background:rgba(13,30,42,.78);
}
.tx-feed__head,.tx-feed__meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tx-feed__type{font-size:11px;color:#82e8ff}
.tx-feed__status{
  padding:4px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;
  background:rgba(18,70,108,.52);color:#bcecff;
}
.tx-feed__status--confirmed{background:rgba(15,91,65,.58);color:#90ffcd}
.tx-feed__status--submitted{background:rgba(14,74,95,.58);color:#9fe7ff}
.tx-feed__status--created{background:rgba(68,70,108,.52);color:#d1dbff}
.tx-feed__status--failed{background:rgba(91,36,15,.58);color:#ffc59e}
.tx-feed__hash{
  margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:11px;color:#fff;word-break:break-all;
}
.tx-feed__meta{margin-top:6px;font-size:10px;color:rgba(217,244,255,.6)}
.deck-tabs{display:flex;gap:8px;flex-wrap:wrap}
.deck-tabs__btn{
  height:30px;padding:0 9px;border-radius:10px;border:1px solid rgba(111,214,255,.18);
  background:rgba(16,35,47,.78);color:#b8ecff;cursor:pointer;font-size:11px;
}
.deck-tabs__btn.is-active{background:linear-gradient(135deg,#2f79da,#48bfe8);border-color:transparent;color:#fff}
.deck-panel{display:none}
.deck-panel.is-active{display:block;height:100%;overflow:hidden}
.timeline-list__phase{
  flex:0 0 84px;font-size:12px;font-weight:700;color:#7cecff;
}
.timeline-list__detail{flex:1;font-size:11px;line-height:1.5;color:rgba(223,247,255,.72)}
.timeline-list--compact{gap:8px}
.timeline-list--compact .timeline-list__row{padding:8px 10px}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.capability-grid--compact{grid-template-columns:repeat(4,1fr);gap:8px}
.capability-card{
  padding:8px 10px;border-radius:16px;border:1px solid rgba(112,202,255,.12);background:rgba(13,33,45,.8);
  min-width:0;
}
.capability-card span{
  display:block;font-size:10px;color:#7ddfff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.capability-card strong{display:block;margin-top:4px;font-size:20px;color:#fff}
.capability-card small{
  display:block;margin-top:4px;font-size:10px;line-height:1.35;color:rgba(223,247,255,.64);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
@keyframes tx-feed-scroll{
  from{transform:translateY(0)}
  to{transform:translateY(-50%)}
}
@keyframes auto-scroll-up{
  from{transform:translateY(0)}
  to{transform:translateY(-50%)}
}
.showcase-v2-wrap{
  position:fixed;inset:0;overflow:hidden;
}
.showcase-v2-stage{
  position:absolute;left:0;top:0;width:1920px;height:1080px;
  transform-origin:top left;
}
.showcase-v2-screen{
  position:relative;display:grid;grid-template-rows:82px 88px minmax(0,1fr) 182px;gap:10px;
  width:1920px;height:1080px;padding:14px 18px 14px;
  color:#def8ff;
  background:
    linear-gradient(rgba(116,213,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116,213,255,.04) 1px, transparent 1px),
    radial-gradient(760px 320px at 50% 20%, rgba(34,103,255,.12), transparent 70%),
    linear-gradient(180deg,#05101b 0%,#081420 34%,#060b12 100%);
  background-size:40px 40px,40px 40px,auto,auto;
  overflow:hidden;
}
.showcase-v2-screen:before{
  content:"";position:absolute;inset:10px;border-radius:28px;border:1px solid rgba(98,206,255,.08);
  pointer-events:none;
}
.screen-v2-aura{
  position:absolute;pointer-events:none;filter:blur(22px);opacity:.65;
}
.screen-v2-aura--left{
  left:-80px;top:180px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle, rgba(72,232,255,.18), transparent 70%);
}
.screen-v2-aura--right{
  right:-100px;top:120px;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle, rgba(56,110,255,.20), transparent 70%);
}
.screen-v2-floor{
  position:absolute;left:50%;bottom:-160px;transform:translateX(-50%);
  width:1120px;height:380px;border-radius:50%;
  border:1px solid rgba(103,217,255,.12);
  box-shadow:
    0 0 0 24px rgba(59,193,255,.04),
    0 0 0 56px rgba(59,193,255,.03),
    inset 0 0 50px rgba(59,193,255,.05);
}
.screen-v2-header{
  position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:14px;
  min-height:0;height:100%;padding:8px 16px 10px;border-radius:24px;
  border:1px solid rgba(102,209,255,.16);
  background:linear-gradient(180deg,rgba(10,24,35,.92),rgba(8,19,30,.94));
  box-shadow:0 20px 48px rgba(0,0,0,.26);
}
.screen-v2-header__side{display:grid;gap:10px}
.screen-v2-header__side--right{justify-items:end}
.screen-v2-badge{
  display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;
  border-radius:999px;font-size:11px;letter-spacing:.18em;color:#8fe6ff;
  background:rgba(16,63,96,.52);border:1px solid rgba(105,216,255,.22);
}
.screen-v2-header__meta{font-size:12px;line-height:1.5;color:rgba(223,247,255,.7)}
.screen-v2-header__center{display:flex;justify-content:center}
.screen-v2-header__titleBox{
  position:relative;width:100%;max-width:660px;padding:8px 32px 10px;text-align:center;
}
.screen-v2-header__titleBox:before,
.screen-v2-header__titleBox:after{
  content:"";position:absolute;top:18px;width:72px;height:16px;border-top:2px solid rgba(117,225,255,.36);
}
.screen-v2-header__titleBox:before{left:0;border-left:2px solid rgba(117,225,255,.24)}
.screen-v2-header__titleBox:after{right:0;border-right:2px solid rgba(117,225,255,.24)}
.screen-v2-header__titleGlow{
  position:absolute;left:50%;top:4px;transform:translateX(-50%);width:240px;height:54px;
  background:radial-gradient(circle, rgba(95,240,255,.18), transparent 68%);
}
.screen-v2-header__title{
  position:relative;margin:0;font-size:34px;line-height:1.04;font-weight:900;letter-spacing:.08em;color:#ebfdff;
  text-shadow:0 0 24px rgba(86,224,255,.22);
}
.screen-v2-header__subtitle{
  margin:4px 0 0;font-size:10px;line-height:1.45;color:rgba(223,247,255,.7);
}
.screen-v2-clock{
  font-size:22px;font-weight:800;color:#f4fdff;letter-spacing:.06em;
  text-shadow:0 0 20px rgba(94,241,255,.18);
}
.screen-v2-actions{display:flex;gap:10px}
.screen-v2-summary{
  position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:0;
}
.v2-summary-card{
  position:relative;overflow:hidden;min-height:0;height:100%;padding:10px 12px;border-radius:18px;
  border:1px solid rgba(102,209,255,.14);
  background:linear-gradient(180deg,rgba(12,30,42,.94),rgba(8,18,28,.94));
  box-shadow:0 16px 30px rgba(0,0,0,.24), inset 0 0 0 1px rgba(138,230,255,.03);
}
.v2-summary-card:before{
  content:"";position:absolute;left:14px;right:14px;top:0;height:3px;border-radius:999px;
  background:linear-gradient(90deg, rgba(89,242,255,.24), rgba(71,133,255,.7), rgba(89,242,255,.24));
}
.v2-summary-card:after{
  content:"";position:absolute;right:-24px;top:-24px;width:120px;height:120px;border-radius:50%;
  background:radial-gradient(circle, rgba(93,233,255,.14), transparent 70%);
}
.v2-summary-card--accent:before{
  background:linear-gradient(90deg, rgba(99,255,198,.26), rgba(89,255,192,.82), rgba(99,255,198,.26));
}
.v2-summary-card__label{font-size:11px;letter-spacing:.08em;color:#7edfff}
.v2-summary-card__value{margin-top:6px;font-size:22px;font-weight:800;color:#f8fdff}
.v2-summary-card__meta{margin-top:3px;font-size:9px;line-height:1.45;color:rgba(223,247,255,.66)}
.screen-v2-body{
  position:relative;z-index:1;display:grid;grid-template-columns:330px 1fr 390px;gap:14px;
  margin-top:0;min-height:0;height:100%;
}
.screen-v2-col{display:grid;gap:14px;min-height:0}
.screen-v2-col--left{grid-template-rows:206px 196px minmax(0,1fr)}
.screen-v2-col--center{grid-template-rows:minmax(0,1fr) 196px}
.screen-v2-col--right{grid-template-rows:238px 154px minmax(0,1fr)}
.screen-v2-panel{
  position:relative;min-height:0;padding:14px 16px;border-radius:24px;overflow:hidden;
  border:1px solid rgba(99,205,255,.14);
  background:
    linear-gradient(180deg,rgba(10,24,35,.94),rgba(7,17,27,.96)),
    linear-gradient(135deg, rgba(63,190,255,.06), transparent 60%);
  box-shadow:0 18px 42px rgba(0,0,0,.28);
}
.screen-v2-panel:before{
  content:"";position:absolute;left:14px;right:14px;top:0;height:2px;
  background:linear-gradient(90deg, transparent, rgba(97,236,255,.7), transparent);
}
.screen-v2-panel--hero{padding:14px}
.screen-v2-panel--split{padding-bottom:10px}
.screen-v2-panel__head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;
}
.screen-v2-panel__title{
  display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#f2fbff;
}
.screen-v2-panel__title:before{
  content:"";width:10px;height:10px;border-radius:50%;
  background:#3ce5ff;box-shadow:0 0 14px rgba(60,229,255,.8);
}
.screen-v2-panel__sub{margin-top:4px;font-size:11px;line-height:1.5;color:rgba(223,247,255,.62)}
.screen-v2-panel__tag{
  min-width:36px;height:28px;padding:0 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:#90e8ff;background:rgba(16,63,96,.52);border:1px solid rgba(105,216,255,.18);
}
.screen-v2-chart{width:100%}
.screen-v2-chart--donut{height:108px}
.screen-v2-chart--bar{height:104px}
.screen-v2-chart--gauge{height:128px;margin-top:-6px}
.screen-v2-chart--line,.screen-v2-chart--radar{height:132px}
.screen-v2-chart--regionClass{height:112px}
.screen-v2-chart--ringSmall{height:102px}
.screen-v2-chart--footer{height:124px}
.v2-panel-tabs{
  display:flex;gap:8px;margin-bottom:10px;
}
.v2-panel-tabs__btn{
  height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(111,214,255,.18);
  background:rgba(16,35,47,.78);color:#b8ecff;cursor:pointer;font-size:11px;
}
.v2-panel-tabs__btn.is-active{
  background:linear-gradient(135deg,#2f79da,#48bfe8);border-color:transparent;color:#fff;
}
.v2-panel-switch{
  position:relative;min-height:0;height:calc(100% - 38px);
}
.v2-panel-switch__view{
  display:none;height:100%;
}
.v2-panel-switch__view.is-active{
  display:block;
}
.v2-mini-kpis{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px;
}
.v2-mini-kpis--full{
  margin-top:0;height:max-content;align-content:start;
}
.v2-panel-switch__view[data-v2-panel="panel01-kpi"] .v2-mini-kpis--full{
  grid-template-columns:1fr;
}
.v2-mini-kpi{
  padding:10px 12px;border-radius:14px;background:rgba(14,35,48,.82);border:1px solid rgba(111,214,255,.12);
}
.v2-mini-kpi span{display:block;font-size:11px;color:#8adfff}
.v2-mini-kpi strong{display:block;margin-top:4px;font-size:20px;color:#fff}
.v2-inline-list{display:grid;gap:8px;margin-top:8px}
.v2-panel-switch .v2-inline-list{margin-top:0}
.v2-inline-list__row{
  display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 10px;
  border-radius:12px;background:rgba(12,31,43,.76);border:1px solid rgba(111,214,255,.1);
}
.v2-inline-list__index{
  width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1fe0ff,#326fff);color:#fff;font-size:12px;font-weight:700;
}
.v2-inline-list__name{font-size:12px;font-weight:700;color:#f4fdff}
.v2-inline-list__meta{margin-top:2px;font-size:10px;color:rgba(223,247,255,.64)}
.v2-inline-list__row strong{color:#76efff}
.v2-scene-stack{display:grid;gap:10px}
.auto-scroll-box--v2-scene{height:100%}
.auto-scroll-box--v2-scene .auto-scroll-track{animation-duration:14s}
.v2-scene-card{
  padding:12px;border-radius:16px;background:rgba(12,31,43,.78);border:1px solid rgba(111,214,255,.1);
}
.v2-scene-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.v2-scene-card__top strong{font-size:13px;color:#fff}
.v2-scene-card__top span{font-size:12px;color:#81f1cf}
.v2-scene-card p{margin:6px 0 0;font-size:11px;line-height:1.5;color:rgba(223,247,255,.68)}
.v2-scene-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.v2-scene-card__tags span{
  padding:4px 8px;border-radius:999px;font-size:10px;color:#bcecff;
  background:rgba(20,72,109,.52);border:1px solid rgba(91,194,255,.16);
}
.mode-switch--v2{gap:8px}
.v2-map-stage{
  height:100%;display:grid;grid-template-columns:198px 1fr 270px;gap:12px;min-height:0;
}
.v2-map-side{
  position:relative;min-height:0;padding:10px;border-radius:20px;
  border:1px solid rgba(99,205,255,.12);
  background:linear-gradient(180deg,rgba(11,29,40,.92),rgba(8,18,28,.94));
}
.v2-map-side--left{display:grid;gap:8px;align-content:start}
.v2-map-core{
  position:relative;overflow:hidden;border-radius:26px;min-height:0;
  border:1px solid rgba(99,205,255,.12);
  background:
    radial-gradient(520px 240px at 50% 46%, rgba(61,119,255,.16), transparent 70%),
    linear-gradient(rgba(131,214,245,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(131,214,245,.04) 1px, transparent 1px),
    linear-gradient(180deg,rgba(7,18,28,.95),rgba(6,14,22,.97));
  background-size:auto,38px 38px,38px 38px,auto;
}
.v2-map-core__halo{
  position:absolute;left:50%;bottom:18px;transform:translateX(-50%);
  width:320px;height:84px;border-radius:50%;
  background:radial-gradient(circle, rgba(90,241,255,.22), transparent 72%);
  filter:blur(10px);
}
.v2-map-core__titleRow{
  position:absolute;left:18px;right:18px;top:14px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
.v2-map-core__title{font-size:22px;font-weight:800;color:#fff}
.v2-map-core__scope{margin-top:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7fe7ff}
.v2-map-core__metric{
  padding:8px 12px;border-radius:999px;font-size:12px;color:#a7ffd8;
  border:1px solid rgba(100,255,201,.18);background:rgba(12,74,58,.42);
}
.v2-map-chart{position:absolute;inset:60px 10px 16px}
.v2-route-card{
  padding:10px 12px;border-radius:16px;background:rgba(13,33,45,.84);border:1px solid rgba(112,202,255,.12);
}
.v2-route-card__top{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#7ddfff}
.v2-route-card__top strong{font-size:12px;color:#f3fdff}
.v2-route-card__value{margin-top:10px;font-size:13px;font-weight:700;color:#fff}
.v2-route-card__meta{margin-top:6px;font-size:11px;color:rgba(223,247,255,.68)}
.v2-focus-card{
  padding:8px 12px;border-radius:16px;background:rgba(13,33,45,.84);border:1px solid rgba(112,202,255,.12);
}
.v2-focus-card__label{font-size:11px;letter-spacing:.1em;color:#7fe7ff;text-transform:uppercase}
.v2-focus-card__name{
  margin-top:6px;font-size:22px;font-weight:800;color:#fff;line-height:1.12;
  word-break:break-all;
}
.v2-focus-card__status{
  margin-top:8px;display:inline-flex;padding:5px 10px;border-radius:999px;font-size:11px;
  color:#a7ffd8;border:1px solid rgba(100,255,201,.18);background:rgba(12,74,58,.42);
}
.auto-scroll-box--v2-focus{
  height:160px;margin-top:6px;
}
.auto-scroll-box--v2-focus .auto-scroll-track{animation-duration:14s}
.v2-focus-scroll{display:grid;gap:10px}
.v2-focus-stats{display:grid;gap:8px;margin-top:0}
.v2-focus-stats__item{
  padding:10px 12px;border-radius:14px;background:rgba(12,31,43,.76);border:1px solid rgba(111,214,255,.1);
}
.v2-focus-stats__item span{display:block;font-size:11px;color:#85e2ff}
.v2-focus-stats__item strong{display:block;margin-top:5px;font-size:20px;color:#fff}
.v2-detail-list{display:grid;gap:8px;margin-top:0}
.v2-detail-list__row{
  padding:10px;border-radius:14px;background:rgba(12,31,43,.76);border:1px solid rgba(111,214,255,.1);
}
.v2-detail-list__row span{display:block;font-size:11px;color:#85e2ff}
.v2-detail-list__row strong{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#eefcff}
.v2-lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}
.tx-feed--v2{height:164px}
.auto-scroll-box--v2-list{height:100%}
.auto-scroll-box--v2-list .auto-scroll-track{
  animation-duration:12s;
}
.auto-scroll-box--v2-variety{height:72px}
.auto-scroll-box--v2-variety .auto-scroll-track{
  animation-duration:14s;
}
.v2-ring-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2-variety-panel{
  margin-top:8px;padding:8px 10px;border-radius:16px;background:rgba(12,31,43,.72);border:1px solid rgba(111,214,255,.1);
}
.v2-variety-panel--tight{
  margin-top:0;height:100%;
}
.v2-variety-panel__label{
  margin-bottom:8px;font-size:11px;letter-spacing:.08em;color:#89e6ff;text-transform:uppercase;
}
.v2-variety-list{display:grid;gap:8px}
.v2-variety-row{
  display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;
  padding:8px 10px;border-radius:12px;background:rgba(14,35,48,.82);border:1px solid rgba(111,214,255,.1);
}
.v2-variety-row__name{font-size:12px;font-weight:700;color:#f4fdff}
.v2-variety-row__tags{display:flex;gap:6px;flex-wrap:wrap}
.v2-variety-row__tags span{
  padding:4px 8px;border-radius:999px;font-size:10px;color:#bcecff;
  background:rgba(20,72,109,.52);border:1px solid rgba(91,194,255,.16);
}
.v2-panel-switch__view[data-v2-panel="panel05-variety"] .auto-scroll-box--v2-variety{
  height:calc(100% - 24px);
}
.v2-data-columns{display:grid;gap:12px}
.v2-data-group{
  padding:10px;border-radius:16px;background:rgba(12,31,43,.76);border:1px solid rgba(111,214,255,.1);
}
.v2-data-group__label{
  margin-bottom:8px;font-size:11px;letter-spacing:.08em;color:#82e7ff;text-transform:uppercase;
}
.v2-data-row{
  display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;
  border-top:1px solid rgba(111,214,255,.08);
}
.v2-data-row:first-of-type{border-top:none;padding-top:0}
.v2-data-row__name{font-size:12px;font-weight:700;color:#f4fdff}
.v2-data-row__meta{margin-top:2px;font-size:10px;color:rgba(223,247,255,.62)}
.v2-data-row strong{font-size:12px;color:#79efff}
.screen-v2-footer{
  position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:14px;
  margin-top:0;height:100%;min-height:0;
}
.v2-timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;height:100%;min-height:0}
.v2-timeline-card{
  position:relative;padding:14px 12px 12px;border-radius:18px;background:rgba(12,31,43,.78);
  border:1px solid rgba(111,214,255,.1);
}
.v2-timeline-card:before{
  content:"";position:absolute;left:12px;top:0;width:72px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#3ce5ff,#47a0ff);
}
.v2-timeline-card__phase{font-size:13px;font-weight:800;color:#fff}
.v2-timeline-card p{
  margin:8px 0 0;font-size:10px;line-height:1.55;color:rgba(223,247,255,.68);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}