/* ============================================================
   数据查询导航 · 样式表
   ============================================================ */
:root{
  --bg:#f4f6fb;
  --bg-soft:#eef1f8;
  --card:#ffffff;
  --line:#e6e9f2;
  --text:#1a2233;
  --text-2:#5b6579;
  --text-3:#8b94a8;
  --brand:#2f6bff;
  --brand-d:#1e4fd8;
  --brand-l:#eaf0ff;
  --ext:#f59e0b;
  --ext-l:#fff5e6;
  --ok:#16a34a;
  --err:#e5484d;
  --radius:14px;
  --radius-s:10px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06);
  --shadow-h:0 4px 12px rgba(16,24,40,.07),0 16px 40px rgba(16,24,40,.10);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  background:var(--bg); color:var(--text); line-height:1.6; font-size:15px;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 22px;}

/* ---------- 顶部导航 ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.86); backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.header-inner{display:flex;align-items:center;gap:26px;height:66px;}
.logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.logo-mark{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),#5b8cff);color:#fff;
  font-weight:800;font-size:19px;box-shadow:0 4px 12px rgba(47,107,255,.32);
}
.logo-text{display:flex;flex-direction:column;line-height:1.15;}
.logo-text b{font-size:17px;letter-spacing:.2px;}
.logo-text i{font-size:10.5px;color:var(--text-3);font-style:normal;letter-spacing:1.2px;text-transform:uppercase;}
.main-nav{display:flex;gap:4px;flex:1;}
.main-nav a{
  padding:7px 13px;border-radius:8px;font-size:14.5px;color:var(--text-2);
  font-weight:500;transition:.18s;white-space:nowrap;
}
.main-nav a:hover{background:var(--brand-l);color:var(--brand);}
.header-search{flex-shrink:0;width:250px;}
.header-search input{
  width:100%;height:38px;border-radius:10px;border:1px solid var(--line);
  background:var(--bg-soft);padding:0 14px 0 34px;font-size:14px;outline:none;
  transition:.18s;color:var(--text);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%238b94a8' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:12px center;
}
.header-search input:focus{border-color:var(--brand);background-color:#fff;box-shadow:0 0 0 3px rgba(47,107,255,.12);}

/* ---------- Hero ---------- */
.hero{
  background:linear-gradient(160deg,#243b7a 0%,#2f6bff 55%,#3f7dff 100%);
  color:#fff;padding:52px 0 60px;position:relative;overflow:hidden;
}
.hero::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(760px 260px at 82% -10%,rgba(255,255,255,.20),transparent 70%),
             radial-gradient(560px 220px at 8% 110%,rgba(120,200,255,.22),transparent 70%);
  pointer-events:none;
}
.hero .wrap{position:relative;z-index:1;}
.hero h1{font-size:32px;letter-spacing:.5px;font-weight:800;}
.hero .sub{color:rgba(255,255,255,.82);margin-top:8px;font-size:15px;}
.quick-grid{
  display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:30px;
}
.quick{
  background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);
  border-radius:var(--radius-s);padding:15px 10px;text-align:center;
  transition:.2s;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;gap:3px;
}
.quick:hover{background:rgba(255,255,255,.24);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.16);}
.quick b{font-size:13.5px;font-weight:600;}
.quick i{font-size:11px;color:rgba(255,255,255,.68);font-style:normal;}
.qi{
  width:34px;height:34px;border-radius:9px;margin-bottom:5px;display:block;
  background:rgba(255,255,255,.22) center/19px no-repeat;
}
.qi-ip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9.5' cy='9.5' r='7'/%3E%3Cpath d='M2.6 9.5h13.8M9.5 2.5c2.4 2.4 2.4 11.6 0 14M9.5 2.5c-2.4 2.4-2.4 11.6 0 14'/%3E%3C/svg%3E");}
.qi-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='8' height='15' rx='2'/%3E%3Cpath d='M9 14.6h3'/%3E%3C/svg%3E");}
.qi-qr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='1.9'%3E%3Crect x='2.5' y='2.5' width='6' height='6' rx='1'/%3E%3Crect x='11.5' y='2.5' width='6' height='6' rx='1'/%3E%3Crect x='2.5' y='11.5' width='6' height='6' rx='1'/%3E%3Cpath d='M11.5 11.5h2.5v2.5h-2.5zM17.5 11.5v6h-6'/%3E%3C/svg%3E");}
.qi-cal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round'%3E%3Crect x='2.5' y='4' width='15' height='13.5' rx='2'/%3E%3Cpath d='M2.5 8h15M6.5 2v3.6M13.5 2v3.6'/%3E%3C/svg%3E");}
.qi-id{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='1.9'%3E%3Crect x='2' y='4' width='16' height='12' rx='2'/%3E%3Ccircle cx='7' cy='9' r='1.7'/%3E%3Cpath d='M4.2 13.4c.6-1.4 1.6-2 2.8-2s2.2.6 2.8 2M12 8h4M12 11h4'/%3E%3C/svg%3E");}
.qi-plate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='1.9'%3E%3Crect x='1.8' y='5' width='15.4' height='9' rx='1.6'/%3E%3Cpath d='M5 8v3M8 8v3M11 10.6h3.5'/%3E%3C/svg%3E");}
.qi-air{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M16.5 9.5c0-2-2.4-2.6-5.2-2.6L6 9.4 2.6 8.6v2.2l3.4 1.6-2.4 3h2.6l2.6-2.8h3.9l1.7 2.1h2.1l-.9-3.2c.7-.4 1.1-.9 1.1-2z'/%3E%3C/svg%3E");}
.qi-code{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M7 5.5L3 9.5l4 4M12 5.5l4 4-4 4'/%3E%3C/svg%3E");}

/* ---------- 区块 ---------- */
.block{margin:40px 0;}
.block-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;}
.block-head h2{font-size:19px;display:flex;align-items:center;gap:9px;font-weight:700;}
.block-head .bar{width:4px;height:17px;border-radius:3px;background:linear-gradient(180deg,var(--brand),#7aa2ff);display:inline-block;}
.block-desc{font-size:12.5px;color:var(--text-3);}

/* ---------- 卡片网格 ---------- */
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start;}
.card{
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 18px 16px;box-shadow:var(--shadow);transition:.22s;display:block;position:relative;overflow:hidden;
}
a.card:hover,.card:hover{box-shadow:var(--shadow-h);transform:translateY(-2px);border-color:#d8e0f5;}
.card.span2{grid-column:span 2;}
.card-top{display:flex;align-items:center;gap:10px;margin-bottom:9px;}
.card-top h3{font-size:15.5px;font-weight:650;flex:1;}
.ci{
  width:34px;height:34px;border-radius:9px;flex-shrink:0;
  background:var(--brand-l) center/18px no-repeat;
}
.card-desc{font-size:13px;color:var(--text-2);line-height:1.62;}
.tag{font-size:10.5px;padding:2.5px 8px;border-radius:20px;font-weight:600;flex-shrink:0;}
.tag-local{background:var(--brand-l);color:var(--brand-d);}
.tag-ext{background:var(--ext-l);color:#b26a00;}
.card-ext:hover{border-color:#f3dcb0;}

/* 卡片图标 */
.ci-ip{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='2'%3E%3Ccircle cx='9' cy='9' r='6.6'/%3E%3Cpath d='M2.4 9h13.2M9 2.4c2.2 2.4 2.2 10.8 0 13.2M9 2.4c-2.2 2.4-2.2 10.8 0 13.2'/%3E%3C/svg%3E");}
.ci-phone{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='5.5' y='1.8' width='7' height='14.4' rx='1.8'/%3E%3Cpath d='M8.3 13.8h1.4'/%3E%3C/svg%3E");}
.ci-qr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='1.8'%3E%3Crect x='2' y='2' width='5.4' height='5.4' rx='1'/%3E%3Crect x='10.6' y='2' width='5.4' height='5.4' rx='1'/%3E%3Crect x='2' y='10.6' width='5.4' height='5.4' rx='1'/%3E%3Cpath d='M10.6 10.6h2.4v2.4h-2.4zM16 10.6v5.4h-5.4'/%3E%3C/svg%3E");}
.ci-cal{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='2' y='3.6' width='14' height='12.4' rx='2'/%3E%3Cpath d='M2 7.4h14M6 1.8v3.4M12 1.8v3.4'/%3E%3C/svg%3E");}
.ci-id{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='1.8'%3E%3Crect x='1.6' y='3.6' width='14.8' height='11' rx='1.9'/%3E%3Ccircle cx='6.4' cy='8.2' r='1.6'/%3E%3Cpath d='M3.8 12.4c.6-1.3 1.5-1.9 2.6-1.9s2 .6 2.6 1.9M11 7.2h3.6M11 10.2h3.6'/%3E%3C/svg%3E");}
.ci-plate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='1.8'%3E%3Crect x='1.6' y='4.6' width='14.8' height='8.8' rx='1.5'/%3E%3Cpath d='M4.8 7.6v2.8M7.8 7.6v2.8M10.8 10.4h3.4'/%3E%3C/svg%3E");}
.ci-air{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M15.6 9c0-1.9-2.3-2.5-5-2.5L5.7 9 2.4 8.2v2.1L5.7 12l-2.3 2.9h2.5l2.5-2.7h3.7l1.6 2h2l-.9-3c.6-.4 1-.9 1-2z'/%3E%3C/svg%3E");}
.ci-code{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6.6 5.2L2.8 9l3.8 3.8M11.4 5.2L15.2 9l-3.8 3.8'/%3E%3C/svg%3E");}
.ci-text{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%232f6bff' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3.6 4.6h10.8M3.6 9h10.8M3.6 13.4h7'/%3E%3C/svg%3E");}
.ci-weather{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='3.2'/%3E%3Cpath d='M7 1.4v1.4M7 11.2v1.4M1.4 7h1.4M11.2 7h1.4M3 3l1 1M10 10l1 1M3 11l1-1M10 4l1-1M13 13.6c0-1.4 1.2-2.5 2.6-2.5'/%3E%3C/svg%3E");}
.ci-express{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M1.6 12.4V6l5-3 5 3v6.4'/%3E%3Cpath d='M1.6 6l5 3 5-3M6.6 9v6.4M11.6 8.4h4.8v4h-4.8z'/%3E%3C/svg%3E");}
.ci-lottery{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8'%3E%3Ccircle cx='9' cy='9' r='6.6'/%3E%3Cpath d='M9 5.3v3.7l2.4 1.5'/%3E%3C/svg%3E");}
.ci-sport{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8'%3E%3Ccircle cx='9' cy='9' r='6.6'/%3E%3Cpath d='M9 2.4l2.6 3.6-1.3 4.4H7.7L6.4 6zM2.6 7l3.8-.2M15.4 7l-3.8-.2M6.4 15.6l1.3-3.8M11.6 15.6l-1.3-3.8'/%3E%3C/svg%3E");}
.ci-violation{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9 2.2l7.2 13H1.8z'/%3E%3Cpath d='M9 7v3.4M9 13h.01'/%3E%3C/svg%3E");}
.ci-translate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2 4.4h8M6 2.4v2M8.2 4.4c0 3.4-2.6 6.4-6.2 7.6M4 8.4c1.2 1.8 2.8 3 4.6 3.6'/%3E%3Cpath d='M9.4 15.6l3.4-7.6 3.4 7.6M10.8 12.8h4'/%3E%3C/svg%3E");}
.ci-gold{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 6.6h12l-1.6 8.2H4.6z'/%3E%3Cpath d='M6 6.6L7.6 3h2.8L12 6.6'/%3E%3C/svg%3E");}
.ci-fx{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2.6 5.6h12.8M13.4 3.4l2.2 2.2-2.2 2.2M15.4 12.6H2.6M4.6 10.4L2.4 12.6l2.2 2.2'/%3E%3C/svg%3E");}
.ci-rate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 14.6V9M7.8 14.6V5.4M12.6 14.6v-6.8M15.6 3.2l-2 .2.6 1.8'/%3E%3C/svg%3E");}
.ci-rank{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5.2 15.6V6.4h3v9.2M9.8 15.6V2.6h3v13M2 15.6h14'/%3E%3C/svg%3E");}
.ci-hk{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M2.4 14.6l4-5 3 2.6 5.6-7.6'/%3E%3Cpath d='M12 4.6h3v3'/%3E%3C/svg%3E");}
.ci-crypto{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M9 1.8l6 3.4v7.6L9 16.2 3 12.8V5.2z'/%3E%3Cpath d='M9 4.6v8.8M6.4 6.8h4.2a1.7 1.7 0 010 3.4H6.4'/%3E%3C/svg%3E");}
.ci-train{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='4.4' y='2.4' width='9.2' height='10' rx='2.4'/%3E%3Cpath d='M4.4 8h9.2M6.4 15.6l1.6-3.2M11.6 15.6L10 12.4M2.8 15.6h12.4'/%3E%3C/svg%3E");}
.ci-plane{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M15.6 9c0-1.9-2.3-2.5-5-2.5L5.7 9 2.4 8.2v2.1L5.7 12l-2.3 2.9h2.5l2.5-2.7h3.7l1.6 2h2l-.9-3c.6-.4 1-.9 1-2z'/%3E%3C/svg%3E");}
.ci-map{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6.4 2.6L2.4 4.6v10.8l4-2 5.2 2 4-2V2.6l-4 2z'/%3E%3Cpath d='M6.4 2.6v10.8M11.6 4.6v10.8'/%3E%3C/svg%3E");}
.ci-hotel{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M2.4 15.4V6.6l6.6-4 6.6 4v8.8'/%3E%3Cpath d='M1.4 15.4h15.2M7 15.4v-4.6h4v4.6'/%3E%3C/svg%3E");}
.ci-json{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M7 3.4H6a2 2 0 00-2 2v1.4a2 2 0 01-2 2 2 2 0 012 2v1.4a2 2 0 002 2h1M11 3.4h1a2 2 0 012 2v1.4a2 2 0 002 2 2 2 0 00-2 2v1.4a2 2 0 01-2 2h-1'/%3E%3C/svg%3E");}
.ci-tool{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M11.4 2.6a4 4 0 015 5l-8.8 8.8-4.6.8.8-4.6z'/%3E%3Cpath d='M9.4 4.6l4 4'/%3E%3C/svg%3E");}
.ci-dns{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23f59e0b' stroke-width='1.8'%3E%3Crect x='2' y='2.6' width='14' height='5.2' rx='2.6'/%3E%3Crect x='2' y='10.2' width='14' height='5.2' rx='2.6'/%3E%3Cpath d='M5 5.2h.01M5 12.8h.01'/%3E%3C/svg%3E");}

/* ---------- 外部链接按钮组 ---------- */
.ext-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.ext-btn{
  font-size:12.5px;padding:6px 12px;border-radius:8px;background:var(--bg-soft);
  border:1px solid var(--line);color:var(--text-2);transition:.18s;font-weight:500;
}
.ext-btn:hover{background:var(--ext-l);border-color:#f3d9a8;color:#b26a00;}

/* ---------- 表单元素 ---------- */
.inline-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.inline-form input[type=text],.field input,.field select,.field textarea{
  height:42px;border-radius:10px;border:1px solid var(--line);background:#fff;
  padding:0 14px;font-size:14px;outline:none;transition:.18s;color:var(--text);
  font-family:inherit;
}
.inline-form input[type=text]{flex:1;min-width:220px;}
.inline-form input:focus,.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--brand);box-shadow:0 0 0 3px rgba(47,107,255,.12);
}
.btn{
  height:42px;padding:0 22px;border-radius:10px;border:1px solid transparent;
  font-size:14px;font-weight:600;cursor:pointer;transition:.18s;font-family:inherit;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.btn.primary{background:linear-gradient(135deg,var(--brand),#4f83ff);color:#fff;box-shadow:0 3px 10px rgba(47,107,255,.25);}
.btn.primary:hover{background:linear-gradient(135deg,var(--brand-d),#3a72f5);box-shadow:0 5px 16px rgba(47,107,255,.34);}
.btn.ghost{background:#fff;border-color:var(--line);color:var(--text-2);}
.btn.ghost:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-l);}
.btn.sm{height:34px;padding:0 14px;font-size:13px;border-radius:8px;}
.btn:active{transform:translateY(1px);}

/* ---------- 结果框 ---------- */
.result-box{display:none;margin-top:16px;}
.result-box.show{display:block;animation:fadeUp .28s ease;}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.res-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:10px;}
.res-title{font-size:13.5px;font-weight:600;color:var(--text);}
.mini{
  font-size:12px;padding:4px 12px;border-radius:7px;border:1px solid var(--line);
  background:#fff;cursor:pointer;color:var(--text-2);transition:.18s;font-family:inherit;
}
.mini:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-l);}
.mini.ok{background:#e8f8ee;border-color:#b6e6c9;color:var(--ok);}
.res-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:9px;}
.res-item{
  display:flex;justify-content:space-between;gap:10px;align-items:baseline;
  background:var(--bg-soft);border-radius:9px;padding:9px 13px;font-size:13.5px;
}
.res-item .k{color:var(--text-2);flex-shrink:0;font-size:12.5px;}
.res-item .v{font-weight:600;text-align:right;word-break:break-all;}
.res-loading{font-size:13.5px;color:var(--text-3);padding:14px;text-align:center;background:var(--bg-soft);border-radius:9px;}
.res-err{font-size:13.5px;color:var(--err);padding:13px 15px;background:#fef1f1;border:1px solid #fbd7d8;border-radius:9px;}
.res-tip{font-size:12.5px;color:var(--text-3);margin-top:10px;}

/* ---------- 数据表格 ---------- */
.table-wrap{max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:10px;}
.data-table{width:100%;border-collapse:collapse;font-size:13.5px;}
.data-table th{
  position:sticky;top:0;background:#f7f9fd;text-align:left;padding:10px 14px;
  font-weight:600;color:var(--text-2);font-size:12.5px;border-bottom:1px solid var(--line);
  white-space:nowrap;z-index:1;
}
.data-table td{padding:9px 14px;border-bottom:1px solid #f2f4fa;vertical-align:top;}
.data-table tbody tr:last-child td{border-bottom:none;}
.data-table tbody tr:hover{background:#fafbff;}
.mono{font-family:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-variant-numeric:tabular-nums;}
.data-table td.code{color:var(--brand);font-weight:700;}

/* ---------- 车牌卡片 ---------- */
.plate-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:14px;box-shadow:var(--shadow);}
.plate-card-h{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:650;margin-bottom:12px;}
.plate-badge{
  width:30px;height:30px;border-radius:8px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--brand),#5b8cff);color:#fff;font-size:16px;font-weight:700;
}
.plate-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;}
.plate-list li{
  display:flex;align-items:center;gap:8px;background:var(--bg-soft);
  border-radius:7px;padding:6px 11px;font-size:12.5px;
}
.plate-list li b{color:var(--brand);flex-shrink:0;font-size:13px;}
.plate-list li span{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- 二维码 ---------- */
.qr-wrap{display:flex;justify-content:center;padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;}
.qr-wrap img,.qr-wrap canvas{display:block;}
.qr-tip{font-size:12.5px;color:var(--text-3);text-align:center;}

/* ---------- 日历 ---------- */
.mc-head{font-size:14px;font-weight:650;margin:4px 0 12px;}
.mc-week,.mc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}
.mc-week span{text-align:center;font-size:12px;color:var(--text-3);padding:5px 0;font-weight:600;}
.mc-grid span.mc-day{
  aspect-ratio:1;background:var(--bg-soft);border-radius:9px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;font-size:13px;transition:.18s;
}
.mc-grid span.mc-day b{font-weight:600;}
.mc-grid span.mc-day i{font-style:normal;font-size:10px;color:var(--text-3);transform:scale(.94);}
.mc-grid span.mc-day.we i{color:#e08a3c;}
.mc-grid span.mc-day.today{background:linear-gradient(135deg,var(--brand),#5b8cff);color:#fff;box-shadow:0 3px 10px rgba(47,107,255,.3);}
.mc-grid span.mc-day.today i{color:rgba(255,255,255,.85);}
.mc-empty{background:transparent;}

/* ---------- 内页布局 ---------- */
.page-main{padding:34px 0 60px;}
.crumb{font-size:13px;color:var(--text-3);margin-bottom:18px;}
.crumb a:hover{color:var(--brand);}
.page-title{font-size:24px;font-weight:750;margin-bottom:6px;display:flex;align-items:center;gap:11px;}
.page-title .ci{width:38px;height:38px;border-radius:11px;background-size:20px;}
.page-sub{color:var(--text-2);font-size:14px;margin-bottom:26px;}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin-bottom:20px;}
.panel h3{font-size:15.5px;margin-bottom:14px;font-weight:650;}
.field{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.field label{font-size:13.5px;color:var(--text-2);min-width:74px;}
.field input,.field select{flex:1;min-width:180px;}
.field textarea{
  width:100%;min-height:180px;height:auto;padding:12px 14px;resize:vertical;
  line-height:1.65;font-family:ui-monospace,Consolas,monospace;font-size:13px;
}
.hint{font-size:12.5px;color:var(--text-3);margin-top:10px;line-height:1.7;}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.chip{
  font-size:12.5px;padding:6px 13px;border-radius:20px;background:var(--bg-soft);
  border:1px solid var(--line);cursor:pointer;transition:.18s;color:var(--text-2);font-family:inherit;
}
.chip:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-l);}
.stat-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;}
.stat{background:var(--bg-soft);border-radius:9px;padding:10px 16px;text-align:center;min-width:92px;}
.stat b{display:block;font-size:19px;color:var(--brand);font-variant-numeric:tabular-nums;}
.stat span{font-size:12px;color:var(--text-2);}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;}

/* ---------- 返回顶部 ---------- */
.to-top{
  position:fixed;right:26px;bottom:26px;width:44px;height:44px;border-radius:50%;
  border:none;background:var(--brand);color:#fff;font-size:19px;cursor:pointer;
  box-shadow:0 6px 18px rgba(47,107,255,.4);opacity:0;pointer-events:none;transition:.25s;z-index:60;
}
.to-top.show{opacity:1;pointer-events:auto;}
.to-top:hover{background:var(--brand-d);transform:translateY(-3px);}

/* ---------- 页脚 ---------- */
.site-footer{background:#1c2438;color:#aab3c7;padding:44px 0 24px;margin-top:56px;font-size:13.5px;}
.foot-main{display:grid;grid-template-columns:1.2fr 1.6fr;gap:44px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08);}
.foot-brand{display:flex;gap:13px;align-items:flex-start;}
.foot-brand b{color:#fff;font-size:15.5px;display:block;margin-bottom:5px;}
.foot-brand p{line-height:1.7;color:#8d97ae;}
.foot-links{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.foot-links h4{color:#fff;font-size:13.5px;margin-bottom:11px;font-weight:600;}
.foot-links a{display:block;color:#8d97ae;margin-bottom:8px;transition:.18s;}
.foot-links a:hover{color:#fff;}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;color:#727d95;font-size:12.5px;}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .quick-grid{grid-template-columns:repeat(4,1fr);}
  .card-grid{grid-template-columns:repeat(3,1fr);}
  .main-nav{display:none;}
  .header-search{width:200px;}
}
@media (max-width:820px){
  .card-grid{grid-template-columns:repeat(2,1fr);}
  .card.span2{grid-column:span 2;}
  .two-col{grid-template-columns:1fr;}
  .foot-main{grid-template-columns:1fr;gap:28px;}
  .hero h1{font-size:25px;}
}
@media (max-width:560px){
  .wrap{padding:0 15px;}
  .quick-grid{grid-template-columns:repeat(2,1fr);}
  .card-grid{grid-template-columns:1fr;}
  .card.span2{grid-column:span 1;}
  .header-search{display:none;}
  .hero{padding:34px 0 40px;}
  .foot-links{grid-template-columns:1fr 1fr;}
  .res-grid{grid-template-columns:1fr;}
  .mc-grid span.mc-day i{display:none;}
}