/* 无浩电子业务系统 前台样式：首页政务科技风（互联网安全背景）；登录后红蓝渐变 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#f2f5fa;color:#243044;min-height:100vh;display:flex;flex-direction:column}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px;width:100%}
a{color:#1d4ed8;text-decoration:none}
main.wrap{flex:1;padding-top:18px;padding-bottom:40px}
/* 顶栏 */
.topbar{background:linear-gradient(90deg,#0b2a5b,#123f8c);color:#fff;box-shadow:0 2px 10px rgba(10,40,90,.25)}
.theme-rb .topbar{background:linear-gradient(90deg,#a81f24 0%,#6d2f7a 45%,#1246a0 100%)}
.bar-in{display:flex;align-items:center;gap:22px;height:66px}
.logo{display:flex;align-items:center;gap:10px;color:#fff}
.logo-mark{width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#ffd76e,#f0a72e);color:#7a4a00;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}
.logo-txt{font-size:19px;font-weight:700;letter-spacing:1px;display:flex;flex-direction:column;line-height:1.2}
.logo-txt em{font-style:normal;font-size:11px;font-weight:400;opacity:.75}
.mainnav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.mainnav a{color:#dbe7ff;padding:8px 12px;border-radius:6px;font-size:15px}
.mainnav a:hover{background:rgba(255,255,255,.12);color:#fff}
.mainnav a.on{background:rgba(255,255,255,.2);color:#fff;font-weight:600}
.bar-right{display:flex;align-items:center;gap:12px}
.whoami{font-size:13px;opacity:.9}
.btn-line{border:1px solid rgba(255,255,255,.6);color:#fff!important;padding:6px 16px;border-radius:6px;display:inline-block}
.btn-solid{background:linear-gradient(135deg,#ffd76e,#f0a72e);color:#5b3600!important;padding:6px 16px;border-radius:6px;font-weight:600;display:inline-block}
/* 首页 hero：互联网安全背景 */
.hero{position:relative;margin:22px 0;border-radius:14px;overflow:hidden;color:#fff;
  background:radial-gradient(1200px 400px at 80% -20%,rgba(64,156,255,.5),transparent),
             radial-gradient(800px 300px at 10% 120%,rgba(24,208,180,.35),transparent),
             linear-gradient(135deg,#041a3d 0%,#0b2f6e 55%,#123f8c 100%)}
.hero:before{content:"";position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='260'%3E%3Cg fill='none' stroke='%233f8cff' stroke-width='1'%3E%3Cpath d='M10 200 L80 200 L110 170 L200 170'/%3E%3Cpath d='M0 60 L60 60 L90 30 L180 30 L210 60 L330 60'/%3E%3Cpath d='M240 230 L300 230 L330 200 L420 200'/%3E%3Cpath d='M120 120 L210 120 L240 150 L420 150'/%3E%3Ccircle cx='80' cy='200' r='3' fill='%233f8cff'/%3E%3Ccircle cx='200' cy='170' r='3' fill='%233f8cff'/%3E%3Ccircle cx='180' cy='30' r='3' fill='%233f8cff'/%3E%3Ccircle cx='330' cy='200' r='3' fill='%233f8cff'/%3E%3Ccircle cx='240' cy='150' r='3' fill='%233f8cff'/%3E%3C/g%3E%3Cg fill='none' stroke='%232ee6c8' stroke-width='1.2' opacity='.8'%3E%3Cpath d='M330 90 l0 -18 l-26 -10 l-26 10 l0 18 c0 16 10 26 26 32 c16 -6 26 -16 26 -32z'/%3E%3Cpath d='M312 82 l7 7 l13 -14'/%3E%3C/g%3E%3C/svg%3E");background-size:420px 260px}
.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.02) 3px 4px)}
.hero-in{position:relative;z-index:2;padding:64px 34px}
.hero-tag{color:#7fd0ff;letter-spacing:4px;font-size:14px;margin-bottom:12px}
.hero h1{font-size:40px;letter-spacing:3px;margin-bottom:14px;text-shadow:0 4px 18px rgba(0,40,120,.6)}
.hero-sub{color:#cfe1ff;font-size:16px;margin-bottom:26px}
.hero-btns{display:flex;gap:14px}
.btn-hero{background:linear-gradient(135deg,#ffd76e,#f0a72e);color:#5b3600;font-weight:700;padding:11px 34px;border-radius:8px}
.btn-hero.ghost{background:transparent;border:1px solid #7fb4ff;color:#cfe4ff;font-weight:400}
/* 模块卡片 */
.mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}
.mod-card{background:#fff;border-radius:12px;padding:22px;display:block;box-shadow:0 4px 16px rgba(20,50,110,.06);border-top:3px solid transparent;transition:.2s;position:relative}
.mod-card:hover{transform:translateY(-3px);border-top-color:#1d4ed8;box-shadow:0 10px 24px rgba(20,50,110,.12)}
.mod-card h3{color:#0b2f6e;margin-bottom:8px;font-size:18px}
.mod-card p{color:#5b6b85;font-size:13.5px;line-height:1.7;margin-bottom:12px}
.mod-card span{color:#1d4ed8;font-size:13px}
/* 面板 */
.panel{background:#fff;border-radius:12px;padding:22px;box-shadow:0 4px 16px rgba(20,50,110,.06);margin-bottom:18px}
.panel-t{color:#0b2f6e;font-size:17px;margin-bottom:14px;padding-left:10px;border-left:4px solid #1d4ed8}
.theme-rb .panel-t{border-left-color:#b91c1c}
.tips .tip{background:#f4f8ff;border:1px solid #dbe7fb;border-radius:8px;padding:12px 16px;margin-bottom:10px;font-size:14px;line-height:1.8;color:#3c4c66}
.pg-t{font-size:22px;margin:6px 0 16px;color:#0b2f6e}
.theme-rb .pg-t{background:linear-gradient(90deg,#b91c1c,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:transparent}
.mini{font-size:12.5px;color:#8a97ad;font-weight:400}
.err{color:#c0392b;font-size:13px;margin-top:8px}
.ok{color:#1e8449;font-size:13px;margin-top:8px}
.flash{background:#fff8e6;border:1px solid #f2d390;color:#8a6100;padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:14px}
/* 表单 */
.f label{display:block;margin-bottom:12px;font-size:14px;color:#3c4c66}
.f input,.f select,.f textarea{width:100%;margin-top:6px;padding:10px 12px;border:1px solid #cfd9ea;border-radius:8px;font-size:14px;background:#fff}
.f input[type=file]{padding:8px;background:#f8fafd}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 16px}
.full{grid-column:1/-1}
.f .full input,.f .full textarea{width:100%}
.f .full textarea{margin-top:6px;border:1px solid #cfd9ea;border-radius:8px;padding:10px}
.btn-main{background:linear-gradient(90deg,#b91c1c,#1d4ed8);color:#fff;border:0;padding:12px 40px;border-radius:8px;font-size:15px;cursor:pointer;font-weight:600}
.btn-main.sm{padding:8px 22px;font-size:13.5px}
.btn-main.on{box-shadow:0 0 0 2px rgba(29,78,216,.3)}
.btn-line.sm{padding:8px 22px;font-size:13.5px;color:#1d4ed8!important;border:1px solid #9dbcf0}
.f-note{background:#f4f8ff;border-radius:8px;padding:12px;font-size:13px;color:#5b6b85;line-height:1.8;margin:12px 0}
.fs{margin:18px 0 10px;color:#0b2f6e;font-size:15px}
.req{color:#c0392b;font-style:normal;font-size:12px;margin-left:6px}
.opt{color:#6b7c95;font-style:normal;font-size:12px;margin-left:6px}
.tpl{font-size:12.5px;margin-left:8px}
/* 登录注册 */
.auth-box{display:flex;gap:24px;justify-content:center;margin:40px 0}
.auth-card{background:#fff;border-radius:14px;padding:30px;width:420px;box-shadow:0 10px 30px rgba(20,50,110,.1)}
.auth-card.wide{width:640px}
.auth-card h2{color:#0b2f6e;margin-bottom:18px;font-size:20px}
.auth-side{background:linear-gradient(135deg,#0b2f6e,#1d4ed8);color:#fff;border-radius:14px;padding:30px;width:300px;display:flex;flex-direction:column;justify-content:center}
.auth-side h3{margin-bottom:12px}
.auth-side p{font-size:13.5px;line-height:1.9;color:#cfe1ff}
.utabs{display:flex;gap:10px;margin-bottom:18px}
.utabs button{flex:1;padding:10px;border:1px solid #cfd9ea;background:#f4f8ff;border-radius:8px;cursor:pointer;font-size:14.5px;color:#5b6b85}
.utabs button.on{background:linear-gradient(90deg,#b91c1c,#1d4ed8);color:#fff;border-color:transparent;font-weight:600}
.f-row{display:flex;justify-content:space-between;font-size:13px;margin:4px 0 14px}
/* 向导 */
.wizard{display:flex;gap:8px;margin-bottom:18px}
.wstep{flex:1;background:#fff;border-radius:10px;padding:14px;display:flex;align-items:center;gap:10px;box-shadow:0 3px 10px rgba(20,50,110,.05);color:#8a97ad}
.wstep b{width:28px;height:28px;border-radius:50%;background:#e3ebf7;color:#5b6b85;display:flex;align-items:center;justify-content:center;font-size:14px}
.wstep.cur{color:#1d4ed8;font-weight:600;border:1px solid #9dbcf0}
.wstep.cur b{background:linear-gradient(135deg,#b91c1c,#1d4ed8);color:#fff}
.wstep.done b{background:#1e8449;color:#fff}
.wstep.done{color:#1e8449}
.wstep.bad b{background:#c0392b;color:#fff}
.wstep.bad{color:#c0392b}
/* 业务卡片 */
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.biz-item{border:1px solid #e2eaf6;border-radius:10px;padding:16px}
.biz-item h4{color:#0b2f6e;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center}
.biz-item h4 em{font-style:normal;font-size:11.5px;background:#eef4ff;color:#1d4ed8;padding:2px 8px;border-radius:10px}
.biz-item p{font-size:13px;color:#5b6b85;line-height:1.7;margin-bottom:12px}
/* 表格 */
.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(20,50,110,.06);font-size:14px}
.tbl th{background:#eef4ff;color:#0b2f6e;text-align:left;padding:12px 14px;font-size:13.5px}
.theme-rb .tbl th{background:linear-gradient(90deg,#fdeaea,#e8effc);color:#333}
.tbl td{padding:12px 14px;border-top:1px solid #eef2f8;vertical-align:top}
.tbl .empty{text-align:center;color:#8a97ad;padding:30px}
.st{padding:3px 10px;border-radius:12px;font-size:12.5px}
.st0{background:#fff6e0;color:#a06a00}.st1{background:#e2f6e9;color:#1e8449}.st2{background:#fdeaea;color:#c0392b}
.qbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}
.qbar input[type=text],.qbar input:not([type]){padding:10px 14px;border:1px solid #cfd9ea;border-radius:8px;width:320px;font-size:14px}
.qbar select{padding:9px;border:1px solid #cfd9ea;border-radius:8px}
/* 个人中心 */
.c-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.c-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px rgba(20,50,110,.06)}
.c-card h4{color:#0b2f6e;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #e2eaf6}
.c-card p{font-size:14px;color:#5b6b85;margin-bottom:6px}
.c-card .ok{color:#1e8449;font-size:14px}.c-card .warn{color:#c0392b;font-size:14px}
.c-btns{margin-top:12px;display:flex;gap:10px}
/* 通知 */
.nt{border-bottom:1px solid #eef2f8;padding:14px 4px}
.nt h4{color:#0b2f6e;font-size:15px;display:flex;justify-content:space-between}
.nt h4 em{font-style:normal;font-size:12px;color:#8a97ad;font-weight:400}
.nt p{font-size:13.5px;color:#5b6b85;margin-top:6px;line-height:1.7}
/* 客服 */
.cs-box{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(20,50,110,.06);max-width:860px;margin:0 auto}
.cs-head{padding:14px 18px;background:linear-gradient(90deg,#b91c1c,#1d4ed8);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}
.cs-head .mini{color:#dbe7ff}
.cs-list{height:430px;overflow-y:auto;padding:18px;background:#f6f8fc}
.cs-msg{margin-bottom:14px;max-width:75%}
.cs-msg p{background:#fff;padding:10px 14px;border-radius:10px;font-size:14px;line-height:1.7;box-shadow:0 2px 6px rgba(20,50,110,.08);display:inline-block}
.cs-msg em{font-style:normal;font-size:11.5px;color:#8a97ad;display:block;margin-top:4px}
.cs-msg.me{margin-left:auto;text-align:right}
.cs-msg.me p{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}
.cs-msg.human p{background:#fdeef0;border:1px solid #f2c9cf}
.cs-sys{text-align:center;font-size:12.5px;color:#8a97ad;margin:10px 0}
.cs-in{display:flex;gap:10px;padding:14px;border-top:1px solid #eef2f8}
.cs-in input{flex:1;padding:11px 14px;border:1px solid #cfd9ea;border-radius:8px;font-size:14px}
/* 受理通知书 */
.cert{background:#fff;max-width:760px;margin:20px auto;padding:60px 70px;border:2px solid #0b2f6e;box-shadow:0 8px 30px rgba(20,50,110,.1)}
.cert h1{text-align:center;color:#b91c1c;font-size:30px;letter-spacing:8px;margin-bottom:10px}
.cert .cno{text-align:center;color:#5b6b85;margin-bottom:26px}
.cert p{font-size:16px;line-height:2.1;text-indent:2em;color:#243044}
.cert .cto{text-indent:0}
.cert .cend{text-align:right;margin-top:40px}
.cert .cend p{text-indent:0;font-weight:600}
.cert .cfoot{font-size:12px;color:#8a97ad;text-indent:0;margin-top:24px;border-top:1px dashed #cfd9ea;padding-top:12px}
.dtl p{font-size:14px;color:#3c4c66;margin-bottom:8px}
.dtl .full{grid-column:span 2}
.flist{margin:8px 0 16px 20px;font-size:14px;line-height:2}
.res{margin-top:16px;padding:16px;border-radius:10px;background:#f4f8ff;font-size:14.5px}
.ok-box{background:#eefaf1;border:1px solid #bfe8cd}
.bad-box{background:#fdf0ef;border:1px solid #f2c9cf}
.res h4{margin-bottom:8px}
.res .btn-main{margin-top:10px}
/* 后台登录 */
.al-wrap{display:flex;justify-content:center;margin:50px 0}
.al-card{background:#fff;border-radius:14px;padding:34px;width:420px;box-shadow:0 10px 30px rgba(20,50,110,.12)}
.al-card h2{color:#0b2f6e;margin-bottom:20px;font-size:20px}
.al-card h2 em{display:block;font-style:normal;font-size:13px;color:#8a97ad;font-weight:400;margin-top:4px}
/* 页脚 */
.foot{background:#0b2a5b;color:#9db8e2;padding:26px 0;font-size:13.5px;text-align:center;line-height:2}
.foot a{color:#cfe1ff}
.theme-rb .foot{background:linear-gradient(90deg,#5c1215,#0d2c66)}
@media (max-width:900px){.mod-grid,.biz-grid,.c-grid{grid-template-columns:1fr 1fr}.auth-side{display:none}.mainnav{display:none}}
@media print{.topbar,.foot,.noprint{display:none!important}body{background:#fff}.cert{border:none;box-shadow:none;margin:0;padding:20px}}