*,
body { font-size:12px; color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; }
/* public style */
a { color:#006db7; text-decoration:underline; }
body { background:#f5fcff; width:expression(document.body.clientWidth<=996?"996px":"auto"); min-width:996px; height:100%; margin:0; }
h1,
h2,
h3,
h4,
h5,
h6 { margin:0; padding:0; }
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color:#333; text-decoration:none; }
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { color:#006db7; }
h2 b { color:blue; }
a img { border:0; }
.but { width:76px; height:26px; }
.hidden { display:none }
.right { text-align:right }
.center { text-align:center }
.left { text-align:left }
.fright { float:right }
.fleft { float:left }
a .white,
.white { color:#fff; }
a .green,
.green { color:#008000; }
a .red,
.red { color:red }
a .blue,
.blue { color:blue }
a .pink,
.pink { color:#c00 }
a .gray,
.gray { color:#aaa }
a .yellow,
.yellow { color:#ff0; }
a .black,
.black { color:#333; }
.f10,
.f10 p,
.f10 div,
.f10 b { font-size:10px }
.f12,
.f12 p,
.f12 div,
.f12 b { font-size:12px }
.f14,
.f14 p,
.f14 div,
.f14 b { font-size:14px }
.f14 p { font-size:14px }
.f16,
.f16 p,
.f16 div,
.f16 b { font-size:16px }
.f18,
.f18 p,
.f18 div,
.f18 b { font-size:18px }
.f24,
.f24 p,
.f24 div,
.f24 b { font-size:24px }
.f36,
.f36 p,
.f36 div,
.f36 b { font-size:36px }
.f48,
.f48 p,
.f48 div,
.f48 b { font-size:48px }
.l150,
.l150 p,
.l150 div { line-height:150%; }
.l180,
.l180 p,
.l180 div { line-height:180%; }
.l200,
.l200 p,
.l200 div { line-height:200%; }
.l300,
.l300 p,
.l300 div { line-height:300%; }
.p8 { padding:8px; }
.pl8 { padding-left:8px; }
.pr8 { padding-right:8px; }
.pt8 { padding-top:8px; }
.pb8 { padding-bottom:8px; }
.block { display:block }
.b0 { border:0 }
.cboth { clear:both; }
.b { font-weight:bold; }
.nor { font-weight:normal; }
hr,
div.rpanel hr { border:0; border-top:1px solid #ffd0d0; font-size:0; margin:4px 0; padding:0; _margin:0; }
div.panel hr { border-top:1px solid #adf; }
a.noline { text-decoration:none; }
a.noline:hover { text-decoration:none; }
p { padding:5px 0 6px 0; word-break:break-all; word-wrap:break-word; }
/* public style end */
/*------------------------*/
#mainbox { padding:0 250px 0 0; width:988px; width:738px!important; margin:0 auto; }
#mainbox a { }
#mainbox a.visted { color:#800080; }
#fullbox,
.fullbox { width:988px; margin:0 auto; }
.leftbox { width:100%; float:left; }
.rightbox { width:250px; margin-right:-100%; float:left; }
/*----------leftbox CSS------------*/
.leftbox { }
.panel,
.rpanel { background:#fff; margin:0 8px 8px 0; border:1px #adf solid; border-top:0; clear:both; }
.rpanel { margin:0 0 8px 8px; }
#fullbox .panel,
#fullbox .rpanel,
.fullbox .panel,
.fullbox .rpanel { margin:0 0 8px 0; }
.mtitle,
.rtitle,
#top,
.gtitle { }
.mtitle,
.rtitle,
.gtitle { padding:0 0 0 8px; padding:2px 0 0 8px!important; border-top:1px #adf solid; border-bottom:1px #adf solid; line-height:25px; height:25px; line-height:22px!important; height:22px!important; display:block; }
.rtitle { background-position:0 -78px; border-top:1px #ffd0d0 solid; border-bottom:1px #ffd0d0 solid; }
.gtitle { background-position:0 -110px; border-top:1px #bbe1a6 solid; border-bottom:1px #bbe1a6 solid; }
.mcon { margin:10px; clear:both; }
.mcon { margin:10px; clear:both; }
.mcon span{ font-size:14px; }
.mcon .e{ display:inline-block;zoom:1; font-size:14px; width:50px;}
a.app { position:relative; width:220px; height:60px; float:left; margin:5px 10px; display:inline; text-decoration:none; }
a.app:hover { text-decoration:none; background:#fff6b1 url() 0 0 no-repeat; }
a.app img.appimg { top:15px; left:10px; position:absolute; cursor:pointer; }
a.app span.apptitle { position:absolute; left:54px; top:13px; font-size:14px; font-weight:bold; color:#2864a6; cursor:pointer; }
a.app span.appintro { position:absolute; left:54px; top:34px; font-size:12px; color:#a5a5a5; cursor:pointer; }
a.app:hover span.appintro { color:#666; }
/*---------------------------------*/
.rightbox { }
.adbox { margin:0 0 8px 0; padding:0; }
.r_panel { background:#fff; border-left:1px #adf solid; border-right:1px #adf solid; border-bottom:1px #adf solid; margin-bottom:8px; }
.r_panel ul,
.g_panel ul { margin:0; padding:0; }
.r_panel ul li,
.g_panel ul li { list-style:none; padding:4px; padding-left:10px; border-bottom:1px #eee solid; }
.g_panel { background:#fff; border-left:1px #bbe1a6 solid; border-right:1px #bbe1a6 solid; border-bottom:1px #bbe1a6 solid; margin-bottom:8px; }
.but_L1,
.but_L2,
.but_Z1,
.but_Z2,
#moretools,
ul.lst li,
ul.lst2 li,
ul.lst3 li,
ul.lst4 li {}
.but_L1,
.but_L2,
.but_Z1,
.but_Z2 { padding:0; margin:0; border:0; color:#464646; width:120px; height:34px; line-height:30px; vertical-align:middle; cursor:pointer!important; cursor:hand; }
.but_Z1,
.but_Z2 { width:67px; }
.but_L1 { background-position:-80px -35px; background-color:#cdee7b; }
.but_L2 { background-position:-80px -61px; background-color:#cdee7b; }
.but_Z1 { background-position:-10px -35px; }
.but_Z2 { background-position:-10px -61px; }
.inp,
.inp_2,
.inp2,
.inp2_2,
.inp3,
.inp3_2,
.inp4,
.inp4_2,
.inp5,
.inp5_2 { width:288px; width:280px!important; font-family:Verdana, Arial, Helvetica; border:#A1BCA3 1px solid; vertical-align:middle; height:23px; height:30px!important; line-height:30px; line-height:30px!important; padding:3px 3px 0 3px; }
.inp_2,
.inp2_2,
.inp3_2,
.inp4_2,
.inp5_2 { border:#99e300 1px solid; }
.inp2,
.inp2_2 { width:208px; width:200px!important; }
.inp3,
.inp3_2 { width:108px; width:100px!important; }
.inp4,
.inp4_2 { width:58px; width:50px!important; }
.inp5,
.inp5_2 { width:28px; width:20px!important; }
#top { height:25px; line-height:25px; padding:0 8px; background-position:0 -42px; }
#top a { font-size:12px; }
#menu { float:left; }
#menu ul { margin:0; padding:0; }
#menu ul li { list-style-type:none; float:left; padding:0 8px 0 0; }
#moretools { display:block; padding:0 12px 0 0; background-position:-192px -46px; color:#0353ce; }
#moremenu { background:#fff; border:1px solid #81A9E6; position:absolute; top:21px; left:198px; width:100px; z-index:9; display:none; }
#moremenu ul { margin:0; padding:0; }
#moremenu ul li { list-style-type:none; line-height:24px; height:24px; }
#moremenu ul li a { display:block; text-decoration:none; padding:0 5px; }
#moremenu ul li a:hover { background-color:#36c; color:#fff; }
#moremenu ul li.bort { border-top:1px solid #b2d0ea; }
#ulink { float:right; }
.miniMenu { background-color:#f7ffff; border-bottom:1px solid #dff2ff; }
#header { padding:10px 0; width:970px; margin:0 auto; }
#header h1,
#header h1 a,
#tt { font-size:32px; font-weight:bold; }
/* footer */
#footer { line-height:180%; text-align:center; color:#999; padding: 5px 0 10px 0; }
#footer a,
#footer a:visited { color:#999; }
ul.all,
ul.lst,
ul.lst1,
ul.lst2,
ul.lst3,
ul.lst4,
ul.lst5,
ul.lst6 { padding:0; margin:0; margin:0 0 8px 0!important; width:100%; }
ul.all li,
ul.lst li,
ul.lst1 li,
ul.lst2 li,
ul.lst3 li,
ul.lst4 li { background-position:-500px -3px; list-style-type:none; float:left; padding:0 0 0 12px; line-height:24px; height:24px; overflow:hidden; }
ul.all li { width:108px!important; width:120px; }
ul.lst li { width:233px!important; width:245px; }
ul.lst1 li { width:358px!important; width:370px; }
ul.lst2 li { width:108px!important; width:120px; }
ul.lst3 li { width:168px!important; width:180px; }
ul.lst4 li { width:93px!important; width:105px; }
ul.lst5 li { list-style-type:none; float:left; padding:0 0 0 12px; line-height:28px; height:28px; overflow:hidden; width:108px!important; width:120px; }
ul.lst6 li { width:168px!important; width:180px; list-style-type:none; float:left; padding:0 0 0 12px; line-height:32px; height:32px; overflow:hidden; }
ul.l2,
ul.l3,
ul.l4,
ul.l5,
ul.l6,
ul.l7,
ul.l8 { padding:0; margin:0; margin:0 0 8px 0!important; width:100%; list-style-type:none; clear:both; }
ul.l2 li,
ul.l3 li,
ul.l4 li,
ul.l5 li,
ul.l6 li,
ul.l7 li,
ul.l8 li { float:left; padding:0 0 0 12px; line-height:24px; height:24px; overflow:hidden; display:block; }
ul.l2 li { width:342px!important; width:354px; _width:342px; }
ul.l3 li { width:224px!important; width:236px; _width:224px; }
ul.l4 li { width:165px!important; width:177px; _width:165px; }
ul.l5 li { width:129px!important; width:141px; _width:129px; }
ul.l6 li { width:106px!important; width:118px; _width:106px; }
ul.l7 li { width:89px!important; width:101px; _width:89px; }
ul.l8 li { width:76px!important; width:88px; _width:76px; }
ul.img { background-position:-500px -3px; }
table.bx { border-bottom:1px solid #adf; text-align:center; border-collapse:collapse;text-align:left; }
table.bx thead th,
table.bx tbody th { border:1px solid #adf; background-color:#e7f1ff; line-height:24px; font-size:12px; padding:0 5px; font-weight:normal; }
table.bx td { font-size:12px; border:1px solid #adf; line-height:28px; font-family:Arial; padding:0 4px; word-break:break-all; }
table.bx td a { font-size:12px; }
select { vertical-align:middle; height:23px; font-size:14px; }
#allcha { background-color:#e1f5ff; padding:10px; clear:both; text-align:center; }
#alltools { background-color:#f5fcff; border:1px #adf solid; padding:9px; clear:both; width:960px!important; width:980px; margin:10px auto 0 auto; }
ul { margin:0; padding:0; }
ul.dh li { list-style:none; padding:0 8px; border:0; line-height:200%; width:62px; width:46px!important; float:left; }
ul.tl li { list-style:none; padding:0 8px; border:0; line-height:200%; width:118px; width:102px!important; float:left; overflow:hidden; }
.hpanel { background:#fff; margin:0 8px 8px 0; border:1px #adf solid; border-top:0; float:left; width:369px; width:359px!important; }
.topd { margin:0 auto 8px auto; border:1px solid #adf; clear:both; background:url() repeat-x; padding:2px 0 0 8px; padding:0 0 0 8px!important; line-height:29px; height:29px; line-height:26px!important; height:26px!important; width:980px; width:970px!important; display:block; }
.flink { margin:0 auto 8px auto; border:1px solid #adf; clear:both; padding:2px 6px; line-height:24px; line-height:21px!important; width:980px; width:966px!important; display:block; background-color:#fff; }
#msg_win { background-color:transparent; width:300px; position:absolute; right:0; font-size:12px; font-family:Arial; margin:0px; display:none; overflow:hidden; z-index:99; }
#msg_win .aicos { z-index:9; }
.aicos a { float:right; color:#333; margin:1px; text-align:center; font-weight:bold; width:14px; height:22px; line-height:22px; padding:1px; text-decoration:none; font-family:webdings; }
.aicos a:hover { color:#000; }
#msg_content { margin:0px; width:300px; height:250px; overflow:hidden; }

/* =========================
   现代化增强样式（覆盖旧样式）
   说明：不删除旧规则，仅在末尾覆盖，避免影响历史页面/脚本
   ========================= */

/* 1) 通用：更好的字体渲染与盒模型 */
html { -webkit-text-size-adjust: 100%; }
*, *::before, *::after { box-sizing: border-box; }
body { min-width: 0; width: auto; height: auto; margin: 0; line-height: 1.6; }

/* 统一容器宽度：保证顶部 hero 与下面主体对齐 */
:root { --container-w: 1100px; }

/* 2) 布局：让内容在手机上也能正常显示 */
#mainbox { width: min(988px, 100%); padding: 0 0 0 0; margin: 0 auto; }
.fullbox, #fullbox { width: min(var(--container-w), 100%); padding: 0 12px; }
.leftbox { float: none; width: 100%; }
.rightbox { float: none; width: 100%; margin-right: 0; }

/* 3) 卡片/面板：更现代的边框与阴影 */
.panel, .rpanel { border: 1px solid #d6e6ff; border-radius: 10px; overflow: hidden; }
.mtitle, .rtitle, .gtitle { background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%); border-top: 1px solid #d6e6ff; border-bottom: 1px solid #d6e6ff; }
.mcon { margin: 14px; }

/* 4) 表单：替换老旧的 onmouseover 切换 class 逻辑（保留 class 名不变） */
.inp { width: 100%!important; height: 52px!important; line-height: 52px!important; padding: 0 16px!important; border: 2px solid #e2e8f0; border-radius: 12px; outline: none; font-size: 16px; transition: all 0.2s ease; background: #ffffff; }
.inp:focus { border-color: #3b82f6; box-shadow: 0 0 0 4px rgba(59,130,246,.12); }
.inp::placeholder { color: #94a3b8; font-size: 14px; }
.but_L1, .but_L2 { width: 100%; min-height: 52px; padding: 0 24px; border-radius: 12px; border: none; background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%); color: #ffffff; font-weight: 700; font-size: 15px; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 4px 14px rgba(34,197,94,.35); }
.but_L1:hover, .but_L2:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(34,197,94,.45); filter: brightness(1.05); }
.but_L1:active, .but_L2:active { transform: translateY(0); }
.center form { display: flex; gap: 10px; justify-content: center; align-items: center; flex-wrap: wrap; }

/* 5) 重要提示与 CTA */
.alert { padding: 10px 12px; border: 1px solid #f5c2c7; background: #f8d7da; color: #842029; border-radius: 10px; }
.seemore.wording { width: min(240px, 100%); margin: 10px auto; border: 1px solid #b6dcff; background: #eef7ff; border-radius: 12px; text-align: center; }
.seemore.wording .cta-link { display: block; padding: 10px 12px; color: #a94442; font-weight: 800; text-decoration: none; }
.seemore.wording .cta-link:hover { text-decoration: underline; }

/* 6) 无障碍：仅屏幕阅读器可见 */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* 7) 小屏适配 */
@media (max-width: 768px) {
  #header { width: 100%; padding: 10px 12px; }
  #top { height: auto; line-height: 1.6; padding: 8px 12px; }
  .mcon { margin: 12px; }
  .mtitle, .rtitle, .gtitle { height: auto; line-height: 1.4; padding: 10px 12px!important; }
  .mtitle h1 { float: none; font-size: 18px; }
}

/* =========================
   官网风格第二轮：导航 / 主视觉 / 结果卡片
   ========================= */

/* 背景与整体层次 */
body {
  background:
    radial-gradient(1200px 400px at 10% 0%, rgba(59,130,246,.08), transparent 60%),
    radial-gradient(1000px 350px at 90% 0%, rgba(34,197,94,.08), transparent 60%),
    linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  color: #0f172a;
}
a { color: #2563eb; }

/* 顶部导航 */
.site-nav { position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px); background: rgba(248,250,252,.85); border-bottom: 1px solid rgba(203,213,225,.6); }
.site-nav__inner { width: min(var(--container-w), 100%); margin: 0 auto; padding: 12px 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.brand { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: #0f172a; font-weight: 800; font-size: 16px; }
.brand__dot { width: 12px; height: 12px; border-radius: 50%; background: linear-gradient(135deg, #3b82f6, #22c55e); box-shadow: 0 4px 14px rgba(59,130,246,.35); }
.brand__text { letter-spacing: 0.3px; }
.site-nav__links { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.site-link { text-decoration: none; color: #475569; font-weight: 600; padding: 8px 14px; border-radius: 8px; font-size: 14px; transition: all 0.2s ease; }
.site-link:hover { background: rgba(59,130,246,.10); color: #2563eb; }

/* 主视觉 Hero */
.hero { padding: 32px 0 24px 0; }
.hero__inner { width: min(var(--container-w), 100%); margin: 0 auto; padding: 0 16px; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: center; }
.hero__copy { padding: 16px 8px; }
.hero__title { margin: 0 0 16px 0; font-size: 32px; line-height: 1.3; letter-spacing: -0.5px; font-weight: 800; color: #0f172a; }
.hero__subtitle { margin: 0 0 12px 0; font-size: 15px; color: #64748b; line-height: 1.7; }
.hero__meta { margin: 0; font-size: 13px; color: #94a3b8; padding: 12px 16px; background: rgba(251,191,36,.08); border-radius: 8px; border-left: 3px solid #fbbf24; }
.hero__card { background: #ffffff; border: 1px solid rgba(226,232,240,.8); border-radius: 16px; padding: 24px; box-shadow: 0 20px 60px -15px rgba(15,23,42,.12), 0 0 0 1px rgba(255,255,255,.5) inset; margin: 0; }
.hero__card-title { margin: 0 0 16px 0; font-size: 16px; color: #475569; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.hero__card-title::before { content: ''; width: 4px; height: 18px; background: linear-gradient(180deg, #3b82f6, #22c55e); border-radius: 2px; }
.hero__form { display: flex; flex-direction: column; gap: 14px; }
.hero__hint { margin: 12px 0 0 0; font-size: 13px; color: #94a3b8; padding-left: 8px; border-left: 2px solid #cbd5e1; }

/* 主内容区更“官网化”
   注意：旧样式里 #mainbox 存在 width:738px!important + padding 0 250 的老布局
   这里用 !important 强制接管，避免结构错位
*/
#mainbox {
  width: min(var(--container-w), 100%) !important;
  margin: 0 auto !important;
  padding: 10px 16px 0 16px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 16px;
  align-items: start;
}
.leftbox { width: auto; }
.rightbox { width: auto; }
.rightbox .panel { margin-right: 0; }
.leftbox .panel { margin-right: 0; }
.panel, .rpanel { box-shadow: 0 14px 38px rgba(15,23,42,.06); }
.mtitle-link { float: right; color: rgba(11,18,32,.70)!important; text-decoration: none; font-weight: 700; }
.mtitle-link:hover { text-decoration: underline; }

/* 查询区域样式 */
.query-box { background: #ffffff; padding: 24px; border-bottom: 1px solid rgba(226,232,240,.8); }
.query-title { margin: 0 0 20px 0; font-size: 20px; color: #0f172a; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.query-title::before { content: ''; width: 4px; height: 22px; background: linear-gradient(180deg, #3b82f6, #22c55e); border-radius: 2px; }
.query-form { display: flex; flex-direction: column; gap: 16px; }
.query-hint { margin: 16px 0 0 0; font-size: 13px; color: #94a3b8; padding-left: 10px; border-left: 3px solid #cbd5e1; }

.query-intro { padding: 16px 0; }
.query-intro p { margin: 0 0 12px 0; font-size: 14px; color: #475569; line-height: 1.6; }
.query-intro p:last-child { margin-bottom: 0; }
.query-notice { font-size: 13px !important; color: #64748b !important; padding: 12px 16px; background: rgba(251,191,36,.08); border-radius: 8px; border-left: 3px solid #fbbf24; }

/* 查询结果区域 */
.result-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.result-kv { display: flex; gap: 10px; align-items: baseline; flex-wrap: wrap; }
.result-k { font-size: 13px; color: #64748b; }
.result-v { font-size: 18px; font-weight: 700; color: #0f172a; font-family: monospace; }
.result-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.result-item { background: rgba(59,130,246,.06); border: 1px solid rgba(59,130,246,.12); border-radius: 12px; padding: 12px 16px; }
.result-item--full { grid-column: 1 / -1; }
.result-label { font-size: 12px; color: #64748b; margin-bottom: 4px; }
.result-value { font-size: 16px; font-weight: 700; color: #0f172a; word-break: break-all; }

/* 右侧栏做成真卡片入口 */
.side-panel .mcon { display: grid; gap: 10px; }
.side-action { display: flex; justify-content: center; align-items: center; min-height: 42px; border-radius: 12px; border: 1px solid rgba(214,230,255,.95); background: rgba(255,255,255,.9); text-decoration: none; font-weight: 800; color: rgba(11,18,32,.88); }
.side-action:hover { background: rgba(59,130,246,.10); border-color: rgba(59,130,246,.25); }
.side-note p { margin: 0; }
.side-note p + p { margin-top: 8px; }

/* CTA 统一风格 */
.seemore.wording { border-color: rgba(34,197,94,.25); background: rgba(34,197,94,.08); }
.seemore.wording .cta-link { color: #14532d; }

/* 小屏适配：Hero 变单列 */
@media (max-width: 900px) {
  .hero__inner { grid-template-columns: 1fr; gap: 24px; }
  .hero__title { font-size: 24px; }
  .hero__card { order: 2; width: 100%; }
  .hero__copy { order: 1; }
  #mainbox { grid-template-columns: 1fr; }
  .rightbox { order: -1; }
}

@media (max-width: 480px) {
  .hero { padding: 20px 0 16px 0; }
  .hero__inner { padding: 0 12px; }
  .hero__card { padding: 20px; }
  .hero__title { font-size: 20px; }
  .inp { height: 48px!important; line-height: 48px!important; font-size: 16px; }
  .but_L1, .but_L2 { min-height: 48px; font-size: 14px; }
  .site-nav__inner { padding: 10px 12px; }
  .brand__text { font-size: 14px; }
  .site-link { padding: 6px 10px; font-size: 13px; }
}