*{box-sizing:border-box}
body{margin:0;font:14px/1.5 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#1f2430;background:#f5f6f8}
a{color:#2e6bd0;text-decoration:none}a:hover{text-decoration:underline}
.loginpage{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#1b2030}
.card{background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:18px 20px;margin:14px 0}
.login{width:320px}
.login h2{margin:.2em 0 1em}
label{display:block;margin:10px 0;color:#555;font-size:13px}
input,select,textarea{width:100%;margin-top:4px;padding:8px 10px;border:1px solid #ccd2e0;border-radius:7px;font:inherit;color:inherit;background:#fff}
textarea{resize:vertical}
button{background:#2e6bd0;color:#fff;border:0;border-radius:7px;padding:9px 16px;cursor:pointer;font:inherit}
button:hover{background:#245bb8}
button.danger{background:#d64545}button.danger:hover{background:#b93a3a}
button.sm{padding:4px 9px;font-size:12px}
.btn{display:inline-block;background:#2e6bd0;color:#fff;border-radius:7px;padding:9px 14px}
.btn.ghost{background:#eef1f7;color:#33405a}
.top{display:flex;flex-wrap:wrap;align-items:center;column-gap:18px;background:#fff;border-bottom:1px solid #e3e6ee;padding:10px 20px 0;position:sticky;top:0;z-index:500}
.top .brand{font-weight:700}
.top .who{margin-left:auto;color:#6b7488;font-size:13px}
/* 顶部导航：独立整行菜单条（统一胶囊 + 自动换行 + 当前页高亮） */
.top nav{flex:1 1 100%;order:3;display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px;min-width:0;margin-top:8px;padding:6px 0 8px;border-top:1px solid #eef1f6}
.top nav>a,.top nav .navdd>a{display:inline-block;margin:0;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.15;color:#33405a;white-space:nowrap}
.top nav .navdd{margin:0}
.top nav>a:hover,.top nav .navdd>a:hover{background:#f2f5fb;color:#2b2e7f;text-decoration:none}
.top nav>a.on,.top nav .navdd>a.on{background:#eef1fb;color:#2b2e7f;font-weight:600}
main{max-width:1100px;margin:0 auto;padding:18px}
.bar{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.search{display:flex;gap:6px}.search input{width:320px;margin:0}
.muted{color:#8a92a6;font-size:13px}
.flash{background:#eaf6ec;border:1px solid #bfe3c6;color:#1d7a37;padding:9px 12px;border-radius:8px;margin-bottom:12px}
.grid{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3e6ee;border-radius:10px;overflow:hidden}
.grid th,.grid td{padding:9px 10px;border-bottom:1px solid #eef1f6;text-align:left;vertical-align:top}
.grid th{background:#f7f9fc;font-size:12px;color:#6b7488}
.grid tr:hover td{background:#fafbfe}
.pager{margin:14px 0;display:flex;gap:6px;flex-wrap:wrap}
.pager a{padding:4px 10px;border:1px solid #dfe4ee;border-radius:6px;background:#fff}
.pager a.on{background:#2e6bd0;color:#fff;border-color:#2e6bd0}
.fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 16px}
.fields .full{grid-column:1/-1}
.actions{display:flex;align-items:center;gap:10px;margin-top:14px}
.actions .spacer{flex:1}
h2{margin:.3em 0 .6em}h3{margin:.6em 0 .4em}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}
.kpi{background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:14px}
.kpi b{display:block;font-size:26px;color:#2e6bd0}
.kpi span{color:#8a92a6;font-size:12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.chart{margin-top:12px;overflow:auto}
@media(max-width:760px){.kpis{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.fields{grid-template-columns:1fr}}
h4{margin:.8em 0 .3em;color:#445}

/* ===== 品牌化登录页 ===== */
.loginpage{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(1200px 600px at 20% 10%,#3a3fa0 0%,#232566 45%,#141534 100%);overflow:hidden;padding:20px}
.login-bg{position:absolute;inset:0;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}
.blob.b1{width:420px;height:420px;left:-80px;top:-60px;background:#4a4fd0}
.blob.b2{width:360px;height:360px;right:-60px;bottom:-80px;background:#f28c1e;opacity:.35}
.blob.b3{width:300px;height:300px;right:20%;top:-60px;background:#7a5cff;opacity:.35}
.login-card{position:relative;z-index:1;width:380px;max-width:100%;background:#fff;border-radius:18px;
  padding:34px 34px 22px;box-shadow:0 24px 60px rgba(10,12,40,.45);text-align:center;animation:pop .5s ease}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.login-card .logo{height:44px;display:block;margin:0 auto 14px}
.login-card h1{margin:.1em 0 .12em;font-size:22px;letter-spacing:.5px;color:#2b2e7f}
.login-card .sub{margin:0 0 18px;color:#8a92a6;font-size:13px}
.login-card label{display:block;text-align:left;margin:12px 0;color:#4a4f63;font-size:13px}
.login-card input{margin-top:6px;padding:11px 13px;border:1px solid #d7dbe8;border-radius:10px;transition:.15s}
.login-card input:focus{outline:none;border-color:#2b2e7f;box-shadow:0 0 0 3px rgba(43,46,127,.15)}
.loginbtn{width:100%;margin-top:16px;padding:12px;border-radius:10px;font-size:15px;letter-spacing:4px;
  background:linear-gradient(135deg,#2b2e7f,#4a4fd0);box-shadow:0 8px 18px rgba(43,46,127,.35)}
.loginbtn:hover{background:linear-gradient(135deg,#232566,#3a3fa0)}
.login-card .foot{margin-top:16px;color:#aab0c2;font-size:12px}
.flash.err{background:#fdecec;border-color:#f5c2c2;color:#c0392b}
.top .brand img{height:20px;vertical-align:-4px;margin-right:8px}

/* 登录页 slogan / 橙色点缀 */
.login-card{border-top:4px solid #f28c1e}
.login-card h1::after{content:"";display:block;width:42px;height:3px;border-radius:2px;background:#f28c1e;margin:10px auto 0}
.login-card .slogan{margin:-6px 0 14px;color:#2b2e7f;font-size:12.5px;letter-spacing:2px;opacity:.75}
/* 录入表单分组 */
.fgroup{background:#fff;border:1px solid #e3e6ee;border-radius:12px;padding:14px 16px;margin:14px 0}
.fgroup>h3{margin:0 0 10px;padding-left:10px;border-left:4px solid #f28c1e;font-size:15px;color:#2b2e7f}
.fgroup .fields{grid-template-columns:1fr 1fr 1fr}
.fgroup .full{grid-column:1/-1}

/* ===== 列表筛选栏（对齐 Obsidian 看板） ===== */
.filters{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;background:#fff;border:1px solid #e3e6ee;border-radius:12px;padding:14px 16px;margin:0 0 12px}
.filters label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px;color:#6b7488}
.filters select,.filters input{width:auto;min-width:110px;margin:0;padding:7px 9px;border:1px solid #ccd2e0;border-radius:8px;font:inherit;background:#fff}
.filters .fkey input{min-width:220px}
.filters .fbtns{display:flex;gap:8px;align-items:center;margin-left:auto}
.filters .fbtns button,.filters .fbtns .btn{padding:8px 14px}
.bar{justify-content:space-between}
.bar .tip{opacity:.75}
.tablewrap{overflow-x:auto;border-radius:10px}
.grid td.cname,.grid .cname{font-weight:600;color:#2b2e7f}
tr[data-href]{cursor:default}
.ops a{margin-right:8px}

/* ===== 客诉详情页 ===== */
.detailhead{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;margin:6px 0 14px}
.detailhead h2{margin:0 0 8px;font-size:20px;color:#2b2e7f;word-break:break-all}
.dtags{display:flex;flex-wrap:wrap;gap:8px}
.tag{display:inline-block;background:#eef1f7;color:#33405a;border-radius:999px;padding:2px 10px;font-size:12px}
.tag.obd{background:#fff0e0;color:#c96a10}
.tag.ghost{background:#f3f4f8;color:#8a92a6}
.kv{width:100%;border-collapse:collapse}
.kv th{width:150px;text-align:left;vertical-align:top;font-weight:500;color:#6b7488;font-size:13px;padding:7px 10px 7px 0;border-bottom:1px solid #f0f2f7}
.kv td{padding:7px 0;border-bottom:1px solid #f0f2f7;color:#1f2430;word-break:break-word}
.kv .pre{white-space:pre-wrap;line-height:1.65}
@media(max-width:760px){.filters .fbtns{margin-left:0}.detailhead{flex-direction:column}.kv th{width:110px}}

/* ===== 客诉相关图片 ===== */
.btn.sm{padding:6px 12px;font-size:13px}
.imgs{border:1px dashed #ccd2e0;border-radius:10px;padding:10px 12px;background:#fbfcff;margin-bottom:10px}
.imgs-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.imgs-title{font-weight:600;color:#2b2e7f;font-size:13px}
.imgs .hint{font-size:12px}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.thumb{position:relative;margin:0;width:112px;background:#fff;border:1px solid #e3e6ee;border-radius:8px;padding:5px;text-align:center}
.thumb img{width:100%;height:82px;object-fit:cover;border-radius:5px;display:block;background:#f0f2f7}
.thumb figcaption{font-size:11px;color:#8a92a6;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thumbdel{position:absolute;top:-7px;right:-7px;border-radius:50%;width:20px;height:20px;line-height:1;padding:0;font-size:13px}

/* 图片/视频 媒体缩略图 */
.thumb.vid{width:150px}
.thumb.vid video{width:100%;height:82px;object-fit:cover;border-radius:5px;display:block;background:#000}

/* 可输入筛选下拉（combo） */
.filters .combo{position:relative;min-width:132px}
.filters .combo input{width:100%;padding-right:22px}
.filters .combo::after{content:"▾";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#99a;pointer-events:none;font-size:11px}
.combo-menu{position:absolute;top:100%;left:0;right:0;z-index:30;background:#fff;border:1px solid #ccd2e0;border-radius:8px;margin-top:2px;max-height:260px;overflow:auto;display:none;box-shadow:0 6px 18px rgba(30,40,80,.12)}
.combo-menu.on{display:block}
.combo-item{padding:6px 10px;cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combo-item:hover{background:#eef1f7}
.combo-empty{padding:6px 10px;color:#99a;font-size:12px}
.combo-menu{z-index:200;overscroll-behavior:contain;scrollbar-width:thin}
.combo-menu::-webkit-scrollbar{width:8px}
.combo-menu::-webkit-scrollbar-thumb{background:#ccd2e0;border-radius:4px}
.combo-item label{display:flex;align-items:center;gap:6px;width:100%}
.combo-item input[type=checkbox]{width:15px;height:15px;margin:0;flex:none}
.combo-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.combo-item.on{background:#f2f5fb}

/* ===== 多选下拉（combo）美化 v2 ===== */
.filters .combo{position:relative;min-width:152px}
.filters .combo input.cbx-text{width:100%;padding-right:26px}
.filters .combo input.cbx-text:focus{border-color:#2b2e7f;box-shadow:0 0 0 3px rgba(43,46,127,.12);outline:none}
.filters .combo::after{content:"▾";position:absolute;right:9px;top:50%;transform:translateY(-50%);color:#98a0b3;pointer-events:none;font-size:11px;transition:transform .15s}
.filters .combo:focus-within::after{transform:translateY(-50%) rotate(180deg);color:#2b2e7f}
.combo-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:4px;max-height:280px;overflow-y:auto;display:none;box-shadow:0 10px 28px rgba(20,25,60,.16);overscroll-behavior:contain;scrollbar-width:thin}
.combo-menu.on{display:block;animation:comboIn .12s ease}
@keyframes comboIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.combo-item{display:flex;align-items:center;padding:7px 9px;border-radius:7px;cursor:pointer;font-size:13px;color:#2b3040;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.combo-item:hover{background:#f2f5fb}
.combo-item.on{background:#eef1fb;color:#2b2e7f;font-weight:600}
.combo-item label{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;margin:0}
.combo-item input[type=checkbox]{appearance:none;-webkit-appearance:none;width:16px;height:16px;flex:none;border:1.5px solid #c3cad9;border-radius:5px;margin:0;position:relative;cursor:pointer;transition:.12s;background:#fff}
.combo-item input[type=checkbox]:hover{border-color:#8b93a8}
.combo-item input[type=checkbox]:checked{background:#2b2e7f;border-color:#2b2e7f}
.combo-item input[type=checkbox]:checked::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.combo-empty{padding:8px 10px;color:#98a0b3;font-size:12px;text-align:center}
.combo-menu::-webkit-scrollbar{width:8px}
.combo-menu::-webkit-scrollbar-thumb{background:#d3d8e3;border-radius:4px}
.combo-menu::-webkit-scrollbar-thumb:hover{background:#b9c0d0}

/* 多选：小圆点指示（选中高亮） */
.combo-item{display:flex;align-items:center;gap:8px}
.combo-item .dot{width:8px;height:8px;border-radius:50%;background:#cdd3df;flex:none;transition:.15s}
.combo-item:hover .dot{background:#a9b1c2}
.combo-item.on{background:#eef1fb;color:#2b2e7f;font-weight:600}
.combo-item.on .dot{background:#2b2e7f;box-shadow:0 0 0 3px rgba(43,46,127,.16)}
.combo-item .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 顶部导航下拉 */
.navdd{position:relative;display:inline-block;margin-right:14px}
.navdd>a{margin-right:0;display:inline-block}
.navdd-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:158px;background:#fff;border:1px solid #e3e6ee;border-radius:10px;box-shadow:0 10px 28px rgba(20,25,60,.16);padding:6px;z-index:300;display:none}
.navdd:hover .navdd-menu,.navdd:focus-within .navdd-menu{display:block;animation:comboIn .12s ease}
.navdd-menu a{display:block;margin:0;padding:8px 11px;border-radius:7px;color:#2b3040;white-space:nowrap;font-size:13.5px}
.navdd-menu a:hover{background:#f2f5fb;color:#2b2e7f;text-decoration:none}
.navdd-menu .nsep{height:1px;background:#eef1f6;margin:6px 8px}
/* 数据分析子页标签 */
.tabbar{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 14px;border-bottom:1px solid #e3e6ee}
.tabbar a{padding:8px 14px;color:#6b7488;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px}
.tabbar a:hover{color:#2b2e7f;text-decoration:none}
.tabbar a.on{color:#2b2e7f;border-color:#2b2e7f;font-weight:600}

/* 导航下拉：桥接空隙 + 延迟关闭 */
.navdd-menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.navdd.open .navdd-menu{display:block}

/* 时间筛选器 · 日期清单 */
.filters .datelist{flex-basis:100%;width:100%;background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:10px 12px}
.datelist-hd{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.filters .datelist-hd label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-weight:600;color:#2b2e7f}
.datelist-body{max-height:210px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px 10px}
.filters .datelist .dchk{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:13px;color:#33405a}
.datelist input[type=checkbox]{width:14px;height:14px;min-width:0;margin:0;flex:none}

/* 计数徽标 */
.badge{display:inline-block;min-width:22px;text-align:center;background:#eef1fb;color:#2b2e7f;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;margin-left:6px}

/* 时间筛选器 · 双面板 */
.filterpanel{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e3e6ee;border-radius:12px;padding:14px 16px;margin:0 0 12px}
.filterpanel .fp-col{flex:1 1 320px;min-width:260px}
.filterpanel .fp-title{font-weight:600;color:#2b2e7f;margin-bottom:8px;padding-left:8px;border-left:3px solid #f28c1e}
.filterpanel .fp-hd{display:flex;gap:16px;align-items:center;margin-bottom:6px}
.filterpanel .fp-hd label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-weight:600;color:#2b2e7f}
.filterpanel .fp-right label{display:block;margin:10px 0;color:#555;font-size:13px}
.filterpanel .fp-right select,.filterpanel .fp-right input{width:100%}
.filterpanel .fp-note{margin-top:8px;font-size:12px}
.filterpanel .fp-actions{flex-basis:100%;display:flex;gap:8px;justify-content:flex-end}
.filterpanel .datelist-body{max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:4px 10px;border:1px solid #eef1f6;border-radius:8px;padding:8px}
.filterpanel .dchk{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:13px;color:#33405a}
.filterpanel input[type=checkbox]{width:14px;height:14px;min-width:0;margin:0;flex:none}

/* 顶导航「时间筛选器」悬浮子菜单 */
.navdd-menu .navitem{position:relative}
.navdd-menu .navitem>a::after{content:""}
.navitem.has-flyout:hover>a{background:#f2f5fb;color:#2b2e7f}
.navflyout{display:none;position:absolute;left:100%;top:-8px;margin-left:8px;width:660px;max-width:86vw;background:#fff;border:1px solid #e3e6ee;border-radius:12px;box-shadow:0 14px 36px rgba(20,25,60,.2);padding:14px 16px;z-index:400}
.navflyout::before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px}
.navitem.has-flyout:hover .navflyout,.navdd.open .navitem.has-flyout:hover .navflyout{display:block;animation:comboIn .12s ease}
.navflyout .nt-cols{display:flex;gap:16px;flex-wrap:wrap}
.navflyout .nt-col{flex:1 1 300px;min-width:240px}
.navflyout .nt-title{font-weight:600;color:#2b2e7f;margin-bottom:6px;padding-left:8px;border-left:3px solid #f28c1e;font-size:13px}
.navflyout .nt-hd{display:flex;gap:14px;align-items:center;margin-bottom:6px}
.navflyout .nt-hd label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-weight:600;color:#2b2e7f;font-size:13px}
.navflyout .nt-dates{max-height:210px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:3px 8px;border:1px solid #eef1f6;border-radius:8px;padding:8px}
.navflyout .dchk{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;font-size:12.5px;color:#33405a}
.navflyout input[type=checkbox]{width:14px;height:14px;min-width:0;margin:0;flex:none}
.navflyout .nt-right label{display:block;margin:8px 0;color:#555;font-size:13px}
.navflyout .nt-right select,.navflyout .nt-right input{width:100%}
.navflyout .nt-actions{display:flex;justify-content:flex-end;margin-top:8px}

/* 悬浮子菜单重排：相对在上(悬停弹出)，精确在下 */
.navflyout{width:432px}
.nt-rel{position:relative;margin-bottom:10px}
.nt-rel>.nt-trigger{display:block;padding:9px 11px;border-radius:8px;color:#2b3040;font-weight:600;background:#f7f9fc;border:1px solid #eef1f6}
.nt-rel:hover>.nt-trigger{background:#eef1fb;color:#2b2e7f}
.nt-sub{display:none;position:absolute;left:100%;top:-6px;margin-left:8px;width:300px;background:#fff;border:1px solid #e3e6ee;border-radius:12px;box-shadow:0 14px 36px rgba(20,25,60,.2);padding:12px 14px;z-index:430}
.nt-sub::before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px}
.nt-rel:hover .nt-sub{display:block;animation:comboIn .12s ease}
.nt-sub label{display:block;margin:8px 0;color:#555;font-size:13px}
.nt-sub select,.nt-sub input{width:100%}

/* 精确值筛选日期：两列 */
.navflyout{width:374px}
.navflyout .nt-dates{grid-template-columns:repeat(2,1fr);gap:4px 14px}

/* 相对与范围筛选：垂直文本菜单（Access 风） */
.navflyout .nt-sub{width:266px}
.nm{display:flex;flex-direction:column;padding:3px}
.nm-item{padding:6px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#2b3040;white-space:nowrap;display:flex;align-items:center;gap:4px}
.nm-item:hover{background:#f2f5fb}
.nm-item.on{background:#eef1fb;color:#2b2e7f;font-weight:600}
.nm-item u{text-decoration:underline;text-underline-offset:2px}
.nm-arrow{margin-left:auto;color:#99a;font-size:11px}
.nm-sep{height:1px;background:#eef1f6;margin:4px 6px}
.nm-dates{margin-top:8px;padding-top:8px;border-top:1px solid #eef1f6}

/* 当前时间条件提示 */
.curfilter{margin:0 0 12px;font-size:14px;color:#33405a}
.curfilter b{color:#2b2e7f}

/* 「期间的所有日期」级联子菜单 */
.nm-has-sub{position:relative}
.nm-sub2{display:none;position:absolute;left:100%;top:-6px;margin-left:2px;min-width:152px;background:#fff;border:1px solid #e3e6ee;border-radius:10px;box-shadow:0 12px 30px rgba(20,25,60,.2);padding:4px;z-index:440;flex-direction:column}
.nm-has-sub:hover>.nm-sub2{display:flex}
.nm-sub2::before{content:"";position:absolute;left:-8px;top:0;bottom:0;width:8px}

/* 基础比较 · 日期弹窗 */
.dtmodal{position:fixed;inset:0;z-index:1000;display:none}
.dtmodal.on{display:block}
.dtmodal-mask{position:absolute;inset:0;background:rgba(20,25,60,.38)}
.dtmodal-card{position:relative;margin:12vh auto 0;width:342px;max-width:92vw;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(10,12,40,.42);padding:18px 20px;animation:comboIn .14s ease}
.dtmodal-card h4{margin:0 0 12px;color:#2b2e7f;font-size:15px}
.dtmodal-card label{display:block;margin:10px 0;color:#555;font-size:13px}
.dtmodal-card input{width:100%}
.dtmodal-err{color:#c0392b;font-size:12px;min-height:16px;margin-top:4px}
.dtmodal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}

/* 推荐操作 / 待办：父容器 + 子项 */
.recs{background:#fff;border:1px solid #e3e6ee;border-radius:12px;padding:16px 18px;margin:14px 0}
.recs-hd{font-weight:700;color:#2b2e7f;font-size:15px}
.recs-hd .sub{font-weight:400;color:#8a92a6;font-size:12.5px;margin-top:3px}
.recs-body{margin-top:12px;padding-left:14px;border-left:3px solid #f28c1e;display:flex;flex-direction:column;gap:12px}
.rec-item{background:#fbfcff;border:1px solid #eef1f6;border-radius:10px;padding:12px 14px}
.rec-item>h3{margin:0 0 6px;font-size:14px;color:#1f2430}

.recs-sum{margin-top:8px;font-size:13px;color:#33405a;background:#f7f9fc;border:1px dashed #dfe4ee;border-radius:8px;padding:7px 10px;display:inline-block}
.recs-sum b{color:#2b2e7f;font-size:15px;margin:0 2px}

/* 数据分析 → 待办事项 级联子菜单 */
.navdd-menu .navitem.has-sub{position:relative}
.navitem.has-sub:hover>a{background:#f2f5fb;color:#2b2e7f}
.navcascade{display:none;position:absolute;left:100%;top:-8px;margin-left:8px;min-width:184px;background:#fff;border:1px solid #e3e6ee;border-radius:10px;box-shadow:0 12px 30px rgba(20,25,60,.2);padding:6px;z-index:410}
.navitem.has-sub:hover>.navcascade{display:block;animation:comboIn .12s ease}
.navcascade::before{content:"";position:absolute;left:-10px;top:0;bottom:0;width:10px}
.navcascade a{display:block;margin:0;padding:8px 11px;border-radius:7px;color:#2b3040;white-space:nowrap;font-size:13.5px}
.navcascade a:hover{background:#f2f5fb;color:#2b2e7f;text-decoration:none}

/* 图表自适应卡片宽度 */
.chart svg{max-width:100%;height:auto;display:block;margin:0 auto}
.chart{margin-top:10px}
.two{align-items:stretch}
.two .card{display:flex;flex-direction:column}
.two .card .chart{margin-top:auto}

/* 待办页：客户可点击 + 导出按钮 */
.custgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.custchip{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid #eef1f6;border-radius:8px;background:#fbfcff;color:#2b3040;font-size:13px}
.custchip:hover{background:#eef1fb;color:#2b2e7f;text-decoration:none}
.custchip b{color:#2b2e7f}
.custchip.on{background:#eef1fb;border-color:#2b2e7f;color:#2b2e7f}
.btn.ghost.sm{padding:5px 10px;font-size:12px}

/* 超出内容的卡片内部垂直滚动（卡片尺寸不变） */
.chart{max-height:340px;overflow-y:auto;overflow-x:hidden}
.tablewrap{max-height:560px;overflow:auto}
.custgrid{max-height:220px;overflow-y:auto}
.chart::-webkit-scrollbar,.tablewrap::-webkit-scrollbar,.custgrid::-webkit-scrollbar{width:9px;height:9px}
.chart::-webkit-scrollbar-thumb,.tablewrap::-webkit-scrollbar-thumb,.custgrid::-webkit-scrollbar-thumb{background:#d3d8e3;border-radius:5px}
.chart::-webkit-scrollbar-thumb:hover,.tablewrap::-webkit-scrollbar-thumb:hover,.custgrid::-webkit-scrollbar-thumb:hover{background:#b9c0d0}

/* 绘图卡片不滚动，完整显示（覆盖上面的 max-height） */
.chart{max-height:none;overflow:visible}

/* 统计项：双击名称查看相关客诉 */
.dbl{cursor:pointer}
.dbl:hover{color:#2b2e7f;text-decoration:underline}

/* 可排序表头 */
.grid th a{color:inherit;text-decoration:none}
.grid th a:hover{color:#2b2e7f;text-decoration:underline}

/* 全站表格：表头整块冻结（含表头筛选行），无缝隙（2026-09-30 重做）
   关键：不再逐行 sticky（多行会错位/留缝），改由 thead 整块 sticky；
   并把 border-collapse 改为 separate（collapse 下 sticky 会穿插/掉边框） */
.grid.stickyhead{overflow:visible}
.tablewrap{overflow:auto;max-height:calc(100vh - 200px)}
.tablewrap .grid{overflow:visible;border-collapse:separate;border-spacing:0}
.tablewrap .grid thead{position:sticky;top:0;z-index:4;background:#f7f9fc}
.tablewrap .grid thead th{background:#f7f9fc}
.tablewrap .grid thead tr:last-child th{box-shadow:inset 0 -1px 0 #e3e6ee}

/* 已存系统名称 标签 */
.chip{display:inline-block;background:#eef1fb;color:#2b2e7f;border-radius:999px;padding:2px 10px;margin:2px 4px 2px 0;font-size:13px}

/* 通用弹窗（查询界面） */
.modal{position:fixed;inset:0;z-index:1100;display:none}
.modal.on{display:block}
.modal-mask{position:absolute;inset:0;background:rgba(20,25,60,.38)}
.modal-card{position:relative;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(20,25,60,.3);width:min(1040px,95vw);max-height:90vh;margin:5vh auto;padding:16px 18px;display:flex;flex-direction:column}
.modal-card h4{margin:0 0 10px;color:#2b2e7f}

/* 旧版浏览表格折叠 */
.oldbrowse{margin:8px 0}
.oldbrowse>summary{cursor:pointer;padding:6px 2px;color:#5a6b85;font-size:13px;user-select:none}
.oldbrowse[open]>summary{margin-bottom:6px}

/* ============================================================
   移动端 / 小屏适配（星云 2026-10-01 追加）
   目标：手机浏览器下导航可点、表格/表单/筛选不挤爆
   ============================================================ */
html{-webkit-text-size-adjust:100%}
img{max-width:100%}

@media (max-width:900px){
  main{max-width:100%;padding:14px}
  .card,.fgroup,.filters,.filterpanel,.recs,.kpi{padding-left:12px;padding-right:12px}
}

@media (max-width:820px){
  /* ---- 顶栏：品牌+账号一行，导航单独一行可横滑 ---- */
  .top{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}
  .top .brand{font-size:15px;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .top .brand img{height:18px;margin-right:6px}
  .top .who{order:2;font-size:12px;white-space:nowrap}
  .top nav{order:3;flex-basis:100%;width:100%;min-width:0;display:flex;flex-wrap:nowrap;gap:2px;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .top nav::-webkit-scrollbar{display:none}
  .top nav>a,.top nav .navdd>a{white-space:nowrap;padding:7px 11px;border-radius:8px;background:#f5f7fb;color:#33405a}
  .top nav .navdd{margin-right:0}
  /* ---- 下拉菜单：绝对定位占满宽度（.navdd 变 static 以脱离横滑容器裁剪） ---- */
  .navdd{position:static}
  .navdd-menu{position:absolute;left:8px;right:8px;top:auto;min-width:0;width:auto;max-height:72vh;overflow-y:auto}
  /* ---- 二/三级面板：小屏改为文档流内展开，点标题开合 ---- */
  .navflyout,.navcascade,.nt-sub,.nm-sub2{position:static;left:auto;right:auto;top:auto;
    width:auto!important;max-width:none;min-width:0;margin:6px 0 2px;box-shadow:none;
    border:1px solid #eef1f6;border-radius:10px;padding:10px 12px;display:none}
  html.touch .navitem.open>.navflyout,
  html.touch .navitem.open>.navcascade,
  html.touch .nt-rel.open>.nt-sub,
  html.touch .nm-has-sub.open>.nm-sub2{display:block}
  .navflyout .nt-cols{flex-direction:column;gap:10px}
  .navflyout .nt-col{flex-basis:auto;min-width:0}
  .navflyout .nt-dates,.datelist-body,.filterpanel .datelist-body{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:760px){
  /* ---- 表单 / 筛选 ---- */
  .fgroup .fields,.fields{grid-template-columns:1fr}
  .filters{gap:8px 12px;padding:12px}
  .filters label{flex:1 1 46%;min-width:0}
  .filters select,.filters input,.filters .combo,.filters .combo input{width:100%;min-width:0}
  .filters .fkey{flex-basis:100%}
  .filters .fbtns{flex-basis:100%;margin-left:0;justify-content:flex-end}
  .search{flex:1 1 100%}
  .search input{width:100%}
  .filterpanel{padding:12px}
  .filterpanel .fp-col{flex-basis:100%;min-width:0}
  .filterpanel .fp-actions{flex-basis:100%}
  /* ---- 表格 ---- */
  .grid{font-size:12.5px}
  .grid th,.grid td{padding:7px 8px}
  .tablewrap{max-height:calc(100vh - 190px)}
  /* ---- 卡片 / 网格 ---- */
  .kpi b{font-size:22px}
  .custgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
  .detailhead h2{font-size:17px;word-break:break-word}
  .kv th{width:96px;padding-right:8px}
  .imgs-head{gap:8px}
  .thumb.vid{width:132px}
  .modal-card{width:96vw;margin:3vh auto;max-height:94vh;padding:12px}
  .dtmodal-card{margin-top:8vh;padding:16px}
  .recs{padding:14px}
  .recs-body{padding-left:10px}
  .login-card{padding:26px 22px 18px}
}

@media (max-width:430px){
  .kpis{grid-template-columns:1fr 1fr;gap:8px}
  .kpi{padding:10px}
  .kpi b{font-size:20px}
  .filters label{flex-basis:100%}
  .tabbar{gap:0;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .tabbar::-webkit-scrollbar{display:none}
  .tabbar a{white-space:nowrap}
}

/* ============================================================
   移动端精修（星云 2026-10-09 追加）
   在既有移动适配基础上：便于点按、表格可读、横滑顺手、避免 iOS 聚焦缩放
   ============================================================ */
@media (max-width:820px){
  /* 输入控件 >=16px：避免 iOS 聚焦时自动放大页面 */
  input,select,textarea{font-size:16px}
  /* 滚动更顺滑 */
  .tablewrap,.chart,.custgrid{-webkit-overflow-scrolling:touch}
  /* 触控目标加大 */
  .pager{gap:8px}
  .pager a{padding:8px 12px}
  .ops a{margin-right:14px;display:inline-block;padding:2px 0}
  .grid td .dbl{display:inline-block;padding:1px 0}
}
@media (max-width:760px){
  /* 表格文字可折行，避免长文本把表撑爆 */
  .grid td,.grid th{overflow-wrap:anywhere;word-break:break-word}
  /* 冻结首列（名称/单号等），横滑时保持可见 */
  .tablewrap .grid th:first-child,
  .tablewrap .grid td:first-child{
    position:sticky;left:0;z-index:3;background:#fff;
    box-shadow:2px 0 0 0 #e6eaf3;
  }
  .tablewrap .grid thead th:first-child{background:#f7f9fc;z-index:7}
  .tablewrap .grid tr:hover td:first-child{background:#fafbfe}
  /* 卡片内边距略收，给内容更多宽度 */
  .card,.fgroup{padding:12px}
}
@media (max-width:430px){
  .pager a{padding:8px 11px}
  .btn,.filters .fbtns button,.filters .fbtns .btn{padding:9px 14px}
}

/* ============================================================
   通用「表格 ⇄ 卡片」视图（星云 2026-10-09）
   宽表格(≥5列、非编辑型)在窄屏默认转卡片；聚合表/编辑表保持表格；
   右下角按钮可手动切换（记忆在 localStorage）。
   ============================================================ */
.viewtoggle{position:fixed;right:12px;bottom:14px;z-index:60;background:#2b2e7f;color:#fff;border:0;border-radius:999px;padding:9px 14px;font-size:12.5px;line-height:1;box-shadow:0 6px 18px rgba(20,25,60,.3);cursor:pointer;opacity:.94}
.viewtoggle:hover{opacity:1}
@media print{.viewtoggle{display:none}}
.grid.cardmode{display:block;border:0;border-radius:0;background:transparent;overflow:visible;width:100%}
.grid.cardmode>thead{display:none}
.grid.cardmode>tbody{display:block}
.grid.cardmode>tbody>tr{display:block;background:#fff;border:1px solid #e3e6ee;border-radius:10px;padding:8px 12px;margin:0 0 10px;box-shadow:0 1px 2px rgba(20,30,60,.05)}
.grid.cardmode>tbody>tr>td{display:flex;gap:10px;align-items:baseline;border:0;padding:3px 0;font-size:13px;position:static;left:auto;box-shadow:none;max-width:100%;overflow-wrap:anywhere}
.grid.cardmode>tbody>tr>td::before{content:attr(data-label);flex:0 0 34%;max-width:34%;color:#8a92a6;font-size:12px}
.grid.cardmode>tbody>tr>td[data-label=""]::before{content:"";flex-basis:0}
.grid.cardmode>tbody>tr>td[data-empty="1"]{display:none}
.grid.cardmode>tbody>tr>td:first-child{display:block;font-weight:600;color:#2b2e7f;font-size:14px;padding:0 0 6px;border-bottom:1px dashed #eef1f6;margin-bottom:4px;position:static;left:auto;box-shadow:none}
.grid.cardmode>tbody>tr>td:first-child::before{display:none}
.grid.cardmode>tbody>tr>td.ops{display:flex;flex-wrap:wrap;gap:14px;padding-top:7px;margin-top:4px;border-top:1px dashed #eef1f6}
.grid.cardmode>tbody>tr>td.ops::before{display:none}
.grid.cardmode>tbody>tr>td.ops a{color:#2b2e7f}
.grid.cardmode>tbody>tr{cursor:pointer}

/* 物料库存显示（星云 2026-10-09） */
.bomstk{font-size:12px;color:#177a4b;font-weight:600;font-variant-numeric:tabular-nums;margin-left:2px}
.bomstk.zero{color:#c0392b}

/* 左侧栏（树）移动端折叠 —— 仿 OpenClaw Control（星云 2026-10-09） */
.treebar{display:none}
@media(max-width:760px){
  .treebar{display:block;margin:0 0 8px}
  .treebtn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#fff;border:1px solid #ccd2e0;border-radius:10px;padding:11px 14px;font-size:14px;color:#2b2e7f;cursor:pointer;box-shadow:0 1px 2px rgba(20,30,60,.05)}
  .treebtn:active{background:#f5f7fb}
  .treebtn .cc{color:#99a;font-size:12px}
  .treepanel{display:none}
  body.treeOpen .treepanel{display:block}
}

/* ============================================================
   浅色主题 + 内容放大 + 模块配色/图标 + 筛选栏优化（星云 2026-10-09）
   ============================================================ */
:root{
  --fs:15.5px; --lh:1.62; --maxw:1560px; --dens:1;
  --c:#2b2e7f;
  --c-kesu:#4f6bed; --c-repair:#e08a3c; --c-material:#2fae7a; --c-lib:#7c5cff;
  --c-kb:#c2559e; --c-ask:#0e9bb5; --c-data:#3a7bd5; --c-install:#5b8def; --c-sys:#7a8699; --c-brochure:#d0662e;
  --bg:#f6f8fc; --card:#fff; --line:#e6eaf3;
}
html{font-size:var(--fs)}
body{font-size:var(--fs);line-height:var(--lh);background:var(--bg)}
main{max-width:var(--maxw)}
.grid th,.grid td{padding:calc(9px * var(--dens)) 11px}
.grid th{font-size:calc(var(--fs) - 2.5px)}
.muted{font-size:calc(var(--fs) - 2px)}
.card,.fgroup,.filters,.filterpanel,.recs{padding:calc(18px * var(--dens)) 20px}
h2{font-size:calc(var(--fs) + 5px)}
h3{font-size:calc(var(--fs) + 1px)}

/* 已选筛选 chips */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.chipx{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;color:#33405a;border:1px solid #dbe2f7;border-radius:999px;padding:3px 10px;font-size:calc(var(--fs) - 3px)}
.chipx b{color:var(--c);font-weight:600}
.chipx a{color:#98a;text-decoration:none;font-weight:700}

/* 筛选栏：控件更高、更统一、吸顶 */
.filters{position:sticky;top:52px;z-index:40;background:var(--card)}
.filters select,.filters input{min-height:38px}
.filters .fbtns button,.filters .fbtns .btn{min-height:38px}
@media(max-width:760px){ .filters{position:static} }

/* 模块配色（由 body[data-mod] 控制） */
body[data-mod=kesu]{--c:var(--c-kesu)} body[data-mod=repair]{--c:var(--c-repair)}
body[data-mod=material]{--c:var(--c-material)} body[data-mod=lib]{--c:var(--c-lib)}
body[data-mod=kb]{--c:var(--c-kb)} body[data-mod=ask]{--c:var(--c-ask)}
body[data-mod=data]{--c:var(--c-data)} body[data-mod=install]{--c:var(--c-install)}
body[data-mod=sys]{--c:var(--c-sys)} body[data-mod=brochure]{--c:var(--c-brochure)}
main h2{position:relative;padding-left:13px}
main h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:var(--c)}
.btn{background:var(--c)} .btn:hover{filter:brightness(.92)}
.filters .fbtns button{background:var(--c)}
.detailhead .tag:first-child{background:color-mix(in srgb, var(--c) 14%, #fff);color:var(--c)}

/* 顶部导航：模块图标 + 悬停配色 */
.top nav .navdd>a .ic{margin-right:5px;font-size:1.02em}
.top nav>a .ic{margin-right:5px}
.top nav .navdd>a:hover,.top nav .navdd>a.on,.top nav>a:hover,.top nav>a.on{color:var(--c);background:color-mix(in srgb,var(--c) 10%,#fff)}

/* 字号/宽度 调节浮标 */
#fsctl{position:fixed;left:12px;bottom:14px;z-index:60;display:flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:0 6px 18px rgba(20,25,60,.16)}
#fsctl button{border:0;background:#f2f5fb;color:#33405a;border-radius:999px;width:34px;height:30px;font-size:14px;cursor:pointer}
#fsctl button:hover{background:#e6ecfa}
@media print{#fsctl{display:none}}

/* 筛选栏紧凑化：标签置于控件左侧，降低页面占比（星云 2026-10-09） */
.filters{align-items:center;gap:8px 14px;padding:11px 14px}
.filters label{flex-direction:row;align-items:center;gap:6px;margin:0;font-size:calc(var(--fs) - 3px);color:#6b7488;white-space:nowrap}
.filters select,.filters input{min-height:36px}
.filters .fkey{flex:1 1 260px}
.filters .fkey input{width:100%;min-width:0}
.filters .fbtns{align-self:center}
@media(max-width:760px){
  .filters label{flex:1 1 100%}
  .filters label>input,.filters label>select,.filters label>.combo{flex:1}
}

/* 表头 / 筛选栏 高度收紧（星云 2026-10-09） */
.tablewrap .grid thead th{padding:6px 10px}
.tablewrap .grid thead tr.afrow th{padding:0 6px 2px}
.tablewrap .grid thead tr.afrow input{padding:1px 4px;height:24px;font-size:12px}
.filters{padding:8px 12px;gap:6px 12px;margin-bottom:10px}
.filters label{font-size:calc(var(--fs) - 3px)}
.filters select,.filters input,.filters .fbtns button,.filters .fbtns .btn{min-height:32px}
.filters .fbtns{gap:6px}
@media(max-width:760px){ .filters{padding:8px 10px} }

/* 表头更小更矮：字体缩小 + 加粗（星云 2026-10-09） */
.tablewrap .grid thead th{font-size:calc(var(--fs) - 4.5px);font-weight:700;color:#59627e;padding:5px 10px;line-height:1.2}
.tablewrap .grid thead tr.afrow th{padding:0 5px 2px}
.grid th{font-weight:700}

/* 不单售标签徽章 + 替代链（星云 2026-10-09） */
.chip{display:inline-block;padding:0 7px;border-radius:10px;font-size:11px;line-height:18px;vertical-align:middle;white-space:nowrap}
.chip-ns{background:#ffe6c2;color:#955000;border:1px solid #ffcf94}
.chip-alt{background:#d6ebff;color:#0a58a8;border:1px solid #a9d4ff}
.chip-end{background:#eee;color:#666;border:1px solid #ddd}
.chain{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;margin:14px 0}
.chain .node{min-width:170px;max-width:260px;border:1px solid #dbe3ef;border-radius:10px;padding:10px 12px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.chain .node.end{border-color:#ffcf94;background:#fffaf2}
.chain .node .lnk{font-weight:700;font-size:calc(var(--fs)+1px)}
.chain .node .nm{color:#333;margin-top:2px}
.chain .node .ex{color:#8a93a6;font-size:12px;margin-top:4px}
.chain .node .chipbox{margin-top:5px;display:flex;gap:4px;flex-wrap:wrap}
.chain .arrow{display:flex;align-items:center;color:#9aa4ba;font-size:20px;font-weight:700}
@media(max-width:760px){.chain .arrow{transform:rotate(90deg)}}

/* 悬浮控件收纳：合并 字号/视图 控件，移动端默认折叠为一个小按钮（星云 2026-10-09） */
#uifloat{position:fixed;right:12px;bottom:14px;z-index:60;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
#uifloat #fsctl{position:static;left:auto;bottom:auto}
#uifloat .viewtoggle{position:static;right:auto;bottom:auto}
.uifab{position:fixed;right:12px;bottom:14px;z-index:60;width:44px;height:44px;border-radius:999px;background:#2b2e7f;color:#fff;border:0;box-shadow:0 6px 18px rgba(20,25,60,.3);font-size:19px;line-height:1;display:none;align-items:center;justify-content:center;cursor:pointer;opacity:.9}
.uifab:hover{background:#3a3e9a;opacity:1}
body.uifold #uifloat{display:none}
body.uifold .uifab{display:flex}
@media print{#uifloat,.uifab{display:none!important}}

/* 禁用态按钮（未修改时） 星云 2026-10-09 */
.actions button:disabled,.btn:disabled,button[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}

/* 发货日期：文本可输入 + 📅 可选（星云 2026-10-09） */
.dateany{position:relative;display:inline-flex;align-items:center;gap:4px;width:100%}
.dateany>input[type=text]{flex:1;min-width:0}
.dateany .dabtn{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;border:1px solid #d3d9e8;border-radius:8px;padding:5px 9px;background:#f7f9fd;cursor:pointer;line-height:1;font-size:15px}
.dateany .dabtn:hover{background:#eef2fb}
.dateany .dain{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;margin:0;cursor:pointer}

/* 顶栏主菜单：单行不换行（含 系统设置 同排）  星云 2026-10-09 */
.top nav{flex-wrap:nowrap;gap:1px 2px}
.top nav>a,.top nav .navdd>a{padding:8px 9px;font-size:13.5px}
.top nav .ic{margin-right:3px}
.top nav .navdd{margin-right:0}
@media(max-width:1400px){ .top nav>a,.top nav .navdd>a{padding:7px 7px;font-size:13px} }
@media(max-width:1200px){ .top nav>a,.top nav .navdd>a{padding:7px 6px;font-size:12.5px} .top nav .ic{display:none} }