/* 取自 demo/assets/pages-css.js —— 一字未改 */

:root{
  --bg:#f4f6fa; --panel:#fff;
  --ink:#171c26; --ink2:#333c4d; --ink3:#677183;
  --line:#e7eaf0; --line2:#f0f2f6;
  --brand:#2b5cff; --brand-2:#1e46d9; --brand-bg:#edf2ff;
  --red:#e5484d; --red-bg:#fdebec;
  --amber:#c47f17; --amber-bg:#fdf5e6;
  --green:#12855f; --green-bg:#e9f7f1;
  --purple:#6b4de6; --purple-bg:#f1edfd;
  --side:#1b2233; --side-ink:#aeb6c8;
  --mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
  --sh:0 1px 2px rgba(23,28,38,.04),0 2px 8px rgba(23,28,38,.04);
  --sh-lg:0 8px 32px rgba(23,28,38,.16);
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:14.5px;font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased}
button{font-family:inherit}
::placeholder{color:#9aa3b5}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.r{text-align:right}.b{font-weight:700}.mut{color:var(--ink3)}
.sm{font-size:13px}

/* 框架 */
.app{display:flex;height:100vh;overflow:hidden}
.side{flex:0 0 212px;background:var(--side);color:var(--side-ink);display:flex;flex-direction:column;overflow-y:auto}
.side .logo{display:flex;align-items:center;gap:9px;padding:15px 14px 13px}
.side .logo .mark{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,#3d6bff,#2547e0);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:0 2px 8px rgba(43,92,255,.45)}
.side .logo b{color:#fff;font-size:15.5px;font-weight:600;letter-spacing:.4px}
.side .logo span{display:block;font-size:11px;color:#6d7690;margin-top:1px}
.side nav{flex:1;padding:4px 9px 12px}
.grp-h{padding:12px 9px 4px;font-size:12px;color:#8391a6;font-weight:600;letter-spacing:.9px}
.gi{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;font-size:14.5px;color:var(--side-ink);margin-bottom:1px}
.gi .ic{width:16px;text-align:center;font-size:14px;opacity:.85}
.gi.on{background:var(--brand);color:#fff;font-weight:600;box-shadow:0 2px 10px rgba(43,92,255,.4)}
.gi .badge{margin-left:auto;font-size:10px;line-height:15px;min-width:15px;text-align:center;padding:0 3px;border-radius:7px;background:var(--red);color:#fff;font-family:var(--mono);font-weight:600}
.side .env{padding:10px 14px;border-top:1px solid rgba(255,255,255,.07);font-size:11.5px;color:#5d6579;display:flex;align-items:center;gap:5px}
.side .env .dot{width:5px;height:5px;border-radius:50%;background:#2fbf71}

.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.topbar{flex:0 0 50px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:12px}
.crumb{font-size:12.5px;color:var(--ink3)}
.crumb b{color:var(--ink);font-weight:600;font-size:14.5px}
.topbar .sp{flex:1}
.gsearch{width:240px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--bg);display:flex;align-items:center;padding:0 9px;gap:6px;font-size:12.5px;color:var(--ink3)}
.avatar{width:29px;height:29px;border-radius:50%;background:var(--brand-bg);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600}
/* 顶栏用户区：点击弹出 修改密码 / 退出登录 下拉 */
.me{position:relative;display:flex;align-items:center;gap:8px;padding:3px 7px;border-radius:8px;cursor:pointer;user-select:none}
.me:hover{background:rgba(23,28,38,.04)}
.me-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:128px;background:#fff;border:1px solid var(--border-strong);border-radius:9px;box-shadow:0 10px 28px rgba(23,28,38,.14);padding:5px;z-index:80}
.me.open .me-menu{display:block}
.me-menu a{display:block;padding:7px 11px;font-size:13px;color:var(--ink);border-radius:6px;text-decoration:none;cursor:pointer;white-space:nowrap}
.me-menu a:hover{background:var(--brand-bg);color:var(--brand)}
.me-menu a[data-act="logout"]{color:#d5443c}
.me-menu a[data-act="logout"]:hover{background:#fdf0ef;color:#d5443c}
.content{flex:1;overflow-y:auto;padding:18px 20px 28px}

/* 页头 */
.ph{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.ph h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.2px}

/* 订单列表式导航（ombar 场景 tab，2026-11-04 用户拍板全站统一：弃 .ph 面包屑页头） */
.ombar{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-bottom:12px;box-shadow:var(--sh)}
.otabs{display:flex;gap:20px;margin:-10px -12px 10px;padding:0 12px;border-bottom:1px solid var(--line2,#eef0f4);overflow-x:auto}
.otab{position:relative;display:inline-flex;align-items:center;gap:5px;padding:11px 1px;font-size:14px;color:var(--ink2,#4d5768);cursor:pointer;white-space:nowrap;user-select:none}
.otab:hover{color:var(--brand)}
.otab.on{color:var(--brand);font-weight:600}
.otab.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.5px;background:var(--brand);border-radius:2px}
.otab .bdg{min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#e5484d;color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.omrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;align-items:center}
.omrow:last-child{margin-bottom:0}
.ph .sub{font-size:12.5px;color:var(--ink3);margin-top:3px}
.ph .sp{flex:1}

/* KPI */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.kpi{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--sh);padding:13px 15px}
.kpi .k{font-size:12.5px;color:var(--ink3);display:flex;align-items:center;gap:6px}
.kpi .k .ico{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px}
.kpi .ico.i1{background:var(--brand-bg);color:var(--brand)}
.kpi .ico.i2{background:var(--green-bg);color:var(--green)}
.kpi .ico.i3{background:var(--amber-bg);color:var(--amber)}
.kpi .ico.i4{background:var(--red-bg);color:var(--red)}
.kpi .v{font-size:23px;font-weight:700;letter-spacing:-.4px;margin-top:4px;font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .v small{font-size:12.5px;font-weight:500;color:var(--ink3);margin-left:3px}
.kpi .d{font-size:12px;color:var(--ink3);margin-top:3px}

/* 面板 */
.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--sh);margin-bottom:14px;overflow:hidden}
.panel-h{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line2)}
.panel-h h4{margin:0;font-size:14.5px;font-weight:700}
.panel-h .sp{flex:1}
.panel-h .hint{font-size:12px;color:var(--ink3)}
.panel-b{padding:14px 15px}
.panel-b.np{padding:0}
.note{padding:9px 15px;background:#fbfcfe;border-top:1px solid var(--line2);font-size:12px;color:var(--ink3);line-height:1.7}
.note b{color:var(--ink2)}

/* 按钮 */
.btn{border:1px solid var(--line);background:#fff;border-radius:7px;height:30px;padding:0 12px;font-size:13px;color:var(--ink2);cursor:pointer;white-space:nowrap}
.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(43,92,255,.3)}
.btn.dan{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}
.btn.gst{border-color:var(--line);color:var(--ink2)}
.btn.sm{height:26px;padding:0 9px;font-size:12.5px;border-radius:6px}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.sm.opb{position:relative;padding-left:25px}
.btn.sm.opb::before{content:"";position:absolute;left:8px;top:50%;width:11px;height:11px;margin-top:-5.5px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:11px 11px;mask-size:11px 11px}
.btn.opb-rooms{border-color:#d5d0f6;background:#f4f2ff;color:#5b46d6}
.btn.opb-rooms:hover{background:#ebe7ff;border-color:#bfb5f1}
.opb-rooms::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M2 5h2v8h16a2 2 0 0 1 2 2v4h-2v-3H4v3H2V5zm4 4h6v3H6V9z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M2 5h2v8h16a2 2 0 0 1 2 2v4h-2v-3H4v3H2V5zm4 4h6v3H6V9z'/></svg>")}
.btn.opb-price{border-color:#c9dafc;background:#eff5ff;color:#1d4ed8}
.btn.opb-price:hover{background:#e3edff;border-color:#a9c6f8}
.opb-price::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M20.6 2H13l-9 9a2 2 0 0 0 0 2.8l6.2 6.2a2 2 0 0 0 2.8 0l9-9V3.4A1.4 1.4 0 0 0 20.6 2zM17 7.5a1.6 1.6 0 1 1 0-3.2 1.6 1.6 0 0 1 0 3.2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M20.6 2H13l-9 9a2 2 0 0 0 0 2.8l6.2 6.2a2 2 0 0 0 2.8 0l9-9V3.4A1.4 1.4 0 0 0 20.6 2zM17 7.5a1.6 1.6 0 1 1 0-3.2 1.6 1.6 0 0 1 0 3.2z'/></svg>")}
.btn.opb-acct{border-color:#c5e9d6;background:#eefaf3;color:#0f7a4f}
.btn.opb-acct:hover{background:#e2f6eb;border-color:#a8dcc1}
.opb-acct::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm0 2c-4.4 0-8 2.2-8 5v1h16v-1c0-2.8-3.6-5-8-5z'/></svg>")}
.btn.opb-follow{border-color:#dbe2ee;background:#f7f9fd;color:#3d4a63}
.btn.opb-follow:hover{background:#eef3fb;border-color:#c4d2e8}
.opb-follow::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 3h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-9l-5 4v-4H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 6h12v2H6V9zm0 4h8v2H6v-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 3h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-9l-5 4v-4H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm3 6h12v2H6V9zm0 4h8v2H6v-2z'/></svg>")}
.btn.opb-cfg{border-color:#f0dcb8;background:#fdf6e7;color:#a16207}
.btn.opb-cfg:hover{background:#fbeecb;border-color:#e3c98f}
.opb-open::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M11 2h2v10h-2V2zm5.66 2.34 1.42 1.42a8 8 0 1 1-11.32 0l1.42-1.42a6 6 0 1 0 8.48 0z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M11 2h2v10h-2V2zm5.66 2.34 1.42 1.42a8 8 0 1 1-11.32 0l1.42-1.42a6 6 0 1 0 8.48 0z'/></svg>")}
.btn.opb-stat{border-color:#c7e6f7;background:#eff9ff;color:#0369a1}
.btn.opb-stat:hover{background:#e2f3fd;border-color:#9fd4ef}
.opb-stat::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 3h2v16a2 2 0 0 0 2 2h14v2H7a4 4 0 0 1-4-4V3zm5 10h2v5H8v-5zm4-4h2v9h-2V9zm4-4h2v13h-2V5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'><path d='M3 3h2v16a2 2 0 0 0 2 2h14v2H7a4 4 0 0 1-4-4V3zm5 10h2v5H8v-5zm4-4h2v9h-2V9zm4-4h2v13h-2V5z'/></svg>")}
.lnk{color:var(--brand);cursor:pointer;font-size:13px}
.lnk.dan{color:var(--red)}

/* 表格 */
table.tb{width:100%;border-collapse:collapse;font-size:13.5px;min-width:760px}
.panel{overflow-x:auto}
table.tb th{background:#fafbfd;border-bottom:1px solid var(--line);padding:9px 12px;text-align:left;font-size:12.5px;color:var(--ink3);font-weight:600;white-space:nowrap}
table.tb th.r{text-align:right}
table.tb td{padding:10px 12px;border-bottom:1px solid var(--line2);vertical-align:middle}
table.tb td.mono{white-space:nowrap}
table.tb tr:last-child td{border-bottom:0}
table.tb td.r{text-align:right}
table.tb tbody tr:hover{background:#fafbff}
table.tb tr.dis{background:#fbfbfc;color:var(--ink3)}
table.tb tr.dis td{opacity:.72}
.hcell{display:flex;align-items:center;gap:9px;min-width:176px}
.hcell .hname,.hcell .hsub{white-space:nowrap}
.hava{width:28px;height:28px;border-radius:7px;background:var(--brand-bg);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:0 0 28px}
.hname{font-weight:600;font-size:13.5px;line-height:1.3}
.hsub{font-size:11.5px;color:var(--ink3);margin-top:1px}

/* 标签 */
.tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;border-radius:20px;padding:2px 8px;white-space:nowrap;line-height:1.5}
.tag .dot{width:5px;height:5px;border-radius:50%}
.tag.g{background:var(--green-bg);color:var(--green)} .tag.g .dot{background:var(--green)}
.tag.b{background:var(--brand-bg);color:var(--brand)} .tag.b .dot{background:var(--brand)}
.tag.a{background:var(--amber-bg);color:var(--amber)} .tag.a .dot{background:var(--amber)}
.tag.r{background:var(--red-bg);color:var(--red)} .tag.r .dot{background:var(--red)}
.tag.n{background:#f1f3f7;color:var(--ink3)} .tag.n .dot{background:var(--ink3)}
.tag.p{background:var(--purple-bg);color:var(--purple)} .tag.p .dot{background:var(--purple)}

/* 表单 */
.form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}
.form.one{grid-template-columns:1fr}
.fld{display:flex;flex-direction:column;gap:5px}
.fld label{font-size:12.5px;font-weight:600;color:var(--ink2)}
.fld input,.fld select,.fld textarea{height:33px;border:1px solid var(--line);border-radius:7px;padding:0 10px;font-size:13.5px;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:.15s}
.fld textarea{height:auto;padding:8px 10px;resize:vertical}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-bg)}
.fld .h{font-size:11.5px;color:var(--ink3)}
.fld input.mini{height:26px;width:70px;padding:0 6px;font-family:var(--mono);font-size:12.5px;text-align:right}
.segs{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px}
.seg{border:0;background:transparent;border-radius:5px;padding:4px 10px;font-size:12.5px;color:var(--ink2);cursor:pointer;display:flex;align-items:center;gap:5px}
.seg.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(23,28,38,.1)}
.seg .n{font-family:var(--mono);font-size:10px;color:var(--ink3)}
.seg.on .n{color:var(--brand)}
.toolbar{display:flex;align-items:center;gap:8px;padding:10px 15px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.toolbar input,.toolbar select{height:30px;border:1px solid var(--line);border-radius:7px;padding:0 9px;font-size:13px;font-family:inherit;font-weight:400;color:var(--ink);background:#fff;outline:none}
.toolbar input{width:180px}

/* 审核页状态文字 tab（主体资料审核 / 收款账户审核共用）：蓝字 + 底部横线 + 数量角标 */
.mvTabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line2);margin:2px 0 14px;padding:2px 15px 0}
.mvTab{position:relative;padding:9px 2px 11px;font-size:14.5px;color:var(--ink3,#6b7280);cursor:pointer;user-select:none}
.mvTab:hover{color:var(--brand)}
.mvTab.on{color:var(--brand);font-weight:600}
.mvTab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2.5px;border-radius:2px;background:var(--brand)}
.mvTab i{font-style:normal;display:inline-block;min-width:17px;height:17px;line-height:17px;padding:0 5px;margin-left:4px;border-radius:9px;background:#e5484d;color:#fff;font-size:11.5px;font-weight:600;text-align:center;vertical-align:1px}

/* 复选 */
.ck{width:15px;height:15px;accent-color:var(--brand);cursor:pointer;vertical-align:-2px}

/* 价格日历 */
.rtgrp{border:1px solid var(--line);border-radius:9px;margin-bottom:10px;overflow:hidden}
.rtgrp-h{display:flex;align-items:center;gap:9px;padding:9px 12px;background:#fafbfd;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.rtgrp-h b{font-size:13.5px}
.rtgrp-h .sp{flex:1}
.cal{overflow-x:auto}
.cal table{border-collapse:collapse;font-size:12px;width:100%}
.cal th{background:#fafbfd;padding:5px 6px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);font-size:10px;color:var(--ink3);font-weight:600;text-align:center;white-space:nowrap}
.cal th:first-child,.cal td:first-child{text-align:left;background:#fafbfd;color:var(--ink2);font-weight:600;font-size:11.5px;white-space:nowrap;padding-left:10px;position:sticky;left:0;z-index:1}
.cal td{padding:4px 6px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);text-align:center;font-family:var(--mono);font-size:12px}
.cal td:last-child{border-right:0}
.cal tr:last-child td{border-bottom:0}
.cal td.out{background:var(--red-bg);color:var(--red);font-weight:600}
.cal td.low{background:var(--amber-bg);color:var(--amber);font-weight:600}
.cal td.hi{background:#f3f7ff;color:var(--brand);font-weight:600}
.cal .fr{font-family:var(--mono);font-size:11.5px;color:var(--ink)}

/* 矩阵 */
table.chg td,table.chg th{font-size:12.5px}
table.chg td{padding:9px 10px}
table.chg tr.off{background:#fbfbfc;color:var(--ink3)}
table.chg tr.off .mch{opacity:.55}
.mch{display:flex;align-items:center;gap:8px;font-weight:600}
.mch .cd{width:7px;height:7px;border-radius:50%}
.sum{display:flex;gap:24px;padding:10px 15px;background:#fbfcfe;border-top:1px solid var(--line2);font-size:12.5px;color:var(--ink3);flex-wrap:wrap}
.sum b{color:var(--ink);font-family:var(--mono);font-size:13.5px}

/* 弹窗 */
.mask{position:absolute;inset:0;background:rgba(23,28,38,.42);display:flex;align-items:center;justify-content:center;z-index:20;padding:24px}
.dlg{background:#fff;border-radius:12px;box-shadow:var(--sh-lg);width:680px;max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}
.dlg-h{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line2)}
.dlg-h h4{margin:0;font-size:15px;font-weight:700}
.dlg-h .sp{flex:1}
.dlg-h .x{border:0;background:none;font-size:17px;color:var(--ink3);cursor:pointer;padding:0 4px}
.dlg-b{padding:16px;overflow-y:auto}
.dlg-f{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line2);background:#fbfcfe}

/* 时间线 */
.tl{list-style:none;margin:0;padding:0 0 0 4px}
.tl li{position:relative;padding:0 0 15px 20px;font-size:13.5px;color:var(--ink3)}
.tl li::before{content:"";position:absolute;left:3px;top:5px;width:7px;height:7px;border-radius:50%;background:#d5dae6;border:2px solid #fff}
.tl li::after{content:"";position:absolute;left:6px;top:14px;bottom:0;width:1px;background:var(--line)}
.tl li:last-child{padding-bottom:0}
.tl li:last-child::after{display:none}
.tl li.done{color:var(--ink2)}
.tl li.done::before{background:var(--green)}
.tl li.cur{color:var(--ink);font-weight:600}
.tl li.cur::before{background:var(--brand);box-shadow:0 0 0 4px var(--brand-bg)}
.tl li .t{display:block;font-size:11.5px;color:var(--ink3);font-weight:400;margin-top:2px;font-family:var(--mono)}

/* 闸门 */
.gates{display:flex;flex-direction:column;gap:8px}
.gate{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.gate .no{width:20px;height:20px;border-radius:50%;background:var(--green-bg);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;flex:0 0 20px}
.gate.bad .no{background:var(--red-bg);color:var(--red)}
.gate .tt{font-size:13.5px;font-weight:600}
.gate .dd{font-size:12px;color:var(--ink3);margin-top:2px;line-height:1.6}
.gate .st{margin-left:auto;flex:0 0 auto}

/* 金额条 */
.amt{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.amt .c{border:1px solid var(--line);border-radius:9px;padding:11px 13px}
.amt .c .k{font-size:12px;color:var(--ink3)}
.amt .c .v{font-size:19px;font-weight:700;font-family:var(--mono);letter-spacing:-.4px;margin-top:3px}
.amt .c.hl{background:var(--brand-bg);border-color:#cddcff}
.amt .c.hl .v{color:var(--brand)}

/* 警告条 */
.warn{display:flex;gap:9px;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.7;margin-bottom:12px}
.warn .i{flex:0 0 15px;font-size:13px}
.warn.r{background:var(--red-bg);color:#9e2a2f;border:1px solid #f7cdcf}
.warn.a{background:var(--amber-bg);color:#8a5b0d;border:1px solid #f3ddb7}
.warn.b{background:var(--brand-bg);color:#1c3fae;border:1px solid #cddcff}
.warn b{font-weight:700}

/* 空态 */
.empty{text-align:center;padding:36px 16px;color:var(--ink3);font-size:13.5px}
.empty .ic{font-size:26px;opacity:.35;margin-bottom:8px}

/* 分页 */
.pg{display:flex;align-items:center;gap:6px;padding:10px 15px;border-top:1px solid var(--line2);font-size:12.5px;color:var(--ink3)}
.pg .sp{flex:1}
.pg .p{width:26px;height:26px;border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12.5px;color:var(--ink2)}
.pg .p.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}


/* 代理商端侧栏配色 */
.side.ag .logo .mark{background:linear-gradient(135deg,#8a6bff,#5b3fd6);box-shadow:0 2px 8px rgba(107,77,230,.45)}
.side.ag .gi.on{background:var(--purple);box-shadow:0 2px 10px rgba(107,77,230,.4)}

/* 工作台 */
.grid2{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;align-items:start}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.todo{display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid var(--line2);font-size:13.5px}
.todo:last-child{border-bottom:0}
.todo .k{width:4px;height:26px;border-radius:2px;flex:0 0 4px}
.todo .sp{flex:1}
.todo .n{font-family:var(--mono);font-weight:700;font-size:16px}
.todo .lb{flex:1;color:var(--ink2)}
.bars{display:flex;flex-direction:column;gap:11px;padding:4px 0}
.bar-row{display:flex;align-items:center;gap:10px;font-size:12.5px}
.bar-row .nm{width:52px;color:var(--ink2);flex:0 0 52px}
.bar-row .track{flex:1;height:8px;background:#f1f3f7;border-radius:5px;overflow:hidden}
.bar-row .fill{height:100%;border-radius:5px}
.bar-row .vv{width:64px;text-align:right;font-family:var(--mono);color:var(--ink2);flex:0 0 64px}
.chartbox{padding:6px 15px 14px}
.legend{display:flex;gap:14px;font-size:12px;color:var(--ink3);padding:0 15px 10px}
.legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;vertical-align:-1px}

/* 日志 */
.logip{font-family:var(--mono);font-size:12px;color:var(--ink3)}
.act{font-family:var(--mono);font-size:12px;background:#f4f6fa;border-radius:4px;padding:1px 6px;color:var(--ink2)}

/* 设置页 tab */
.vtabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px}
.vtab{padding:8px 14px;font-size:13.5px;color:var(--ink3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.vtab.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}

/* 户型房态周视图 */
.wk{border:1px solid var(--line);border-radius:9px;overflow:hidden}
.wk table{width:100%;border-collapse:collapse;font-size:12px}
.wk th{background:#fafbfd;padding:6px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);font-size:11.5px;color:var(--ink3);font-weight:600}
.wk td{padding:6px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);text-align:center;font-family:var(--mono)}
.wk td:last-child,.wk th:last-child{border-right:0}
.wk td.nm{text-align:left;font-family:inherit;font-weight:600;font-size:12.5px;color:var(--ink);background:#fafbfd;white-space:nowrap}

/* 分润/流水行 */
.flow-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13px}
.flow-row:last-child{border-bottom:0}
.flow-row .c{width:26px;height:26px;border-radius:50%;background:var(--brand-bg);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:0 0 26px}
.flow-row .sp{flex:1}
.flow-row .m{font-family:var(--mono);font-weight:600}

/* 登录页（在页面视口内） */.lgw{display:flex;height:100vh}
.lgw .l{flex:1.1;background:linear-gradient(160deg,#1b2233,#20294a 55%,#1e2c5c);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:0 52px;position:relative;overflow:hidden}
.lgw .l::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(43,92,255,.35),transparent 65%);top:-140px;right:-120px}
.lgw .l>*{position:relative;z-index:1}
.lgw .l h1{font-size:24px;line-height:1.5;margin:0 0 10px}
.lgw .l p{color:#9aa4c0;font-size:13.5px;line-height:1.8;max-width:340px;margin:0}
.lgw .r{flex:0 0 380px;display:flex;align-items:center;justify-content:center;background:#fff;padding:30px}
.lgw .rb{width:290px}
.lgw .rb h2{font-size:19px;margin:0 0 6px}
.lgw .rb .sub{font-size:13px;color:var(--ink3);margin-bottom:22px}
.lgw .rb .fld{margin-bottom:13px}
.lgw .rb .fld input{height:40px}
.lgw .go{width:100%;height:42px;border:0;border-radius:8px;background:linear-gradient(135deg,#3d6bff,#2547e0);color:#fff;font-size:14.5px;font-weight:600;letter-spacing:3px;cursor:pointer;margin-top:6px;box-shadow:0 4px 14px rgba(43,92,255,.32)}
.lgw .role{display:flex;background:#f4f6fa;border:1px solid var(--line);border-radius:8px;padding:3px;margin-bottom:20px}
.lgw .role div{flex:1;text-align:center;font-size:12.5px;padding:6px 0;border-radius:6px;color:var(--ink2)}
.lgw .role div.on{background:#fff;font-weight:600;color:var(--ink);box-shadow:0 1px 3px rgba(23,28,38,.1)}
/* ===== 云栈房态价格日历（06 页）—— 结构照搬 yunzhan-platform hotel 端 view-inventory ===== */
.yzcal{
  --primary:#2b5cff; --primary-light:#eef3ff; --t1:#171c26; --t2:#454e63; --t3:#677183;
  --border:#e7eaf0; --border-strong:#d6dbe6; --success:#12a06a; --warning:#d97706; --error:#dc2626;
  --font:inherit; --line:#e7eaf0;
  background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;
}
.yzcal .yzhd{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.yzcal .yzhd h3{margin:0;font-size:14px;font-weight:600;color:var(--t1)}
.yzcal .yzhd .sp{flex:1}
.yzcal .yzb{padding:13px 16px 15px}
.yzcal .legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--t2);margin-bottom:11px}
.yzcal .legend i{width:9px;height:9px;border-radius:2px;display:inline-block;margin-right:5px;vertical-align:middle}
.yzcal .legend b{font-weight:600}
.yzcal .matrix-wrap{overflow-x:auto;scroll-behavior:smooth}
.yzcal[data-span="7"] .matrix th:nth-child(n+9),.yzcal[data-span="7"] .matrix td:nth-child(n+9){display:none}
.yzcal .mtb{width:100%;border-collapse:collapse;font-size:12.5px}
.yzcal .mtb th,.yzcal .mtb td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left}
.yzcal .mtb th{background:#f7f9fc;color:var(--t2);font-weight:500;font-size:11.5px}
.yzcal .mtb tr:last-child td{border-bottom:0}
.yzcal .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.yzcal .r{text-align:right}
.yzcal .matrix-wrap{overflow-x:auto}.yzcal .cal-scroll-shell{position:relative}.yzcal .cal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:34px;height:34px;
  border-radius:50%;background:#fff;border:1px solid var(--border-strong);color:var(--t2);
  box-shadow:0 2px 10px rgba(15,27,61,.14);cursor:pointer;display:flex;align-items:center;justify-content:center;
  padding:0;opacity:0;pointer-events:none;transition:box-shadow .15s,color .15s,opacity .18s}.yzcal .cal-arrow svg{width:16px;height:16px}.yzcal .cal-arrow:hover{color:var(--primary);box-shadow:0 3px 14px rgba(37,99,235,.22)}.yzcal .cal-arrow.l{left:194px}.yzcal .cal-arrow.r{right:10px}.yzcal .cal-scroll-shell:hover .cal-arrow{opacity:1;pointer-events:auto}.yzcal .cal-scroll-shell:hover .cal-arrow.dis{opacity:.28;pointer-events:none}@media (hover:none){.yzcal .cal-arrow{opacity:.85;pointer-events:auto}}.yzcal .matrix{border-collapse:collapse;font-size:13.5px;min-width:100%}.yzcal .matrix th, .yzcal .matrix td{border:1px solid var(--border);padding:14px 12px;text-align:center;min-width:148px;vertical-align:middle}.yzcal .matrix th:first-child{left:0;z-index:3}.yzcal .matrix th{background:#F7F9FC;color:var(--t2);font-weight:500;position:sticky;top:0;z-index:3}.yzcal .matrix td.rn{text-align:left;background:#F7F9FC;position:sticky;left:0;z-index:2;min-width:184px;padding:16px 18px 46px}.yzcal .matrix td.rn .rn-name{display:block;font-size:16px;font-weight:700;color:var(--t1);line-height:1.35}.yzcal .matrix td.rn .rn-sub{font-size:12.5px;color:var(--t3);font-weight:400;margin-top:6px;line-height:1.4}.yzcal .matrix td.rn .rn-ops{position:absolute;left:18px;bottom:14px;display:flex;gap:14px}.yzcal .matrix td.rn .rn-ops .rn-edit{font-size:12px;font-weight:500;color:var(--primary);cursor:pointer;white-space:nowrap}.yzcal .matrix td.rn .rn-ops .rn-edit:hover{text-decoration:underline}.yzcal .matrix td.rn .rn-ops .rn-del{font-size:12px;font-weight:500;color:#E5484D;cursor:pointer;white-space:nowrap}.yzcal .matrix td.rn .rn-ops .rn-del:hover{text-decoration:underline}.yzcal .matrix td.rn .rn-ops .rn-mv{font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;white-space:nowrap;line-height:1}.yzcal .matrix td.rn .rn-ops .rn-mv:hover{text-decoration:underline}.yzcal .cell{cursor:pointer;border-radius:9px;padding:10px 8px;transition:.12s;position:relative;z-index:1}.yzcal .cell:hover{background:var(--primary-light)}.yzcal .cell .q{font-size:13px;color:var(--t3);margin-top:8px;padding-top:7px;border-top:1px solid rgba(0,0,0,.09);font-variant-numeric:tabular-nums}.yzcal .cell.low .q{color:#B45309;font-weight:800;font-size:13.5px}.yzcal .cell.sold .q{color:#B91C1C;font-weight:800;font-size:13.5px}.yzcal .matrix td.ok{background:#fff}.yzcal .matrix td.we{background:#FFF7ED}.yzcal .matrix td.hol{background:#FEF2F2}.yzcal .matrix td.low{background:#FFF1D6}.yzcal .matrix td.sold{background:#FFDFDB}.yzcal .matrix td.closed{background:repeating-linear-gradient(45deg,#F4F6F8,#F4F6F8 7px,#E7EAEE 7px,#E7EAEE 14px)}.yzcal .matrix td.roomoff{background:repeating-linear-gradient(45deg,#EFF1F4,#EFF1F4 7px,#DFE3E8 7px,#DFE3E8 14px)}.yzcal .cell.closed .rp-p, .yzcal .cell.closed .rp-p.hi, .yzcal .cell.roomoff .rp-p, .yzcal .cell.roomoff .rp-p.hi{color:var(--t2)}.yzcal .cell.closed .meal, .yzcal .cell.closed .meal.yes, .yzcal .cell.closed .meal.no, .yzcal .cell.roomoff .meal, .yzcal .cell.roomoff .meal.yes, .yzcal .cell.roomoff .meal.no{background:#E6E9ED;color:var(--t2)}.yzcal .cell.closed .q, .yzcal .cell.roomoff .q{color:#374151;font-weight:800;font-size:13.5px}.yzcal .seg{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:2px;gap:2px;vertical-align:middle}.yzcal .seg button{border:0;background:transparent;border-radius:5px;padding:4px 12px;font-size:12.5px;cursor:pointer;font-family:var(--font);color:var(--t2);transition:.15s}.yzcal .seg button:hover{color:var(--t1)}.yzcal .seg button.on{background:#fff;color:var(--t1);font-weight:600;box-shadow:0 1px 3px rgba(23,28,38,.12)}.yzcal .seg.sm button{padding:4px 10px;font-size:12px}.yzcal .seg.sm{vertical-align:middle}.yzcal .cal-range{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin-left:2px}.yzcal .cal-dp{width:120px;padding:5px 8px;font-size:12.5px;line-height:1.4;font-family:var(--font);color:var(--t2);
 text-align:center;background:#fff;border:1px solid var(--border-strong);border-radius:7px;cursor:pointer;
 font-variant-numeric:tabular-nums}.yzcal .cal-dp:hover{border-color:var(--primary)}.yzcal .cal-dp:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.yzcal .cal-dp-sep{font-size:12.5px;color:var(--t3)}.yzcal .matrix th{padding:13px 10px}.yzcal .matrix th .hd-date{font-size:15px;font-weight:700;color:var(--t1);font-variant-numeric:tabular-nums;white-space:nowrap}.yzcal .matrix th .hd-sub{font-size:12.5px;font-weight:400;margin-top:4px;color:var(--t3);white-space:nowrap}.yzcal .matrix th.hd-price-th{padding-right:20px}.yzcal #matrix.fs-lg th.hd-price-th{padding-right:21px}.yzcal #matrix.fs-xl th.hd-price-th{padding-right:22px}.yzcal .matrix th .hd-mk{display:flex;justify-content:flex-end;margin-top:5px;font-size:11.5px;font-weight:600;line-height:1.4;white-space:nowrap}.yzcal .matrix th .hd-mk-b{color:var(--t2)}.yzcal .matrix th .hd-mk-s{display:inline-block;width:44px;margin-left:5px;text-align:right;color:#0369A1}.yzcal .matrix th.we .hd-mk-b, .yzcal .matrix th.hol .hd-mk-b{color:inherit}.yzcal .matrix th.we{background:#FFF3E4}.yzcal .matrix th.we .hd-date, .yzcal .matrix th.we .hd-sub{color:#EA580C}.yzcal .matrix th.hol{background:#FEE9E7}.yzcal .matrix th.hol .hd-date{color:#DC2626}.yzcal .hd-hol{display:inline-block;background:#DC2626;color:#fff;border-radius:5px;padding:2px 7px;font-size:11.5px;margin-top:4px;font-weight:600;white-space:nowrap}.yzcal .cell .rp-list{display:flex;flex-direction:column;gap:0}.yzcal .cell .rp-row{display:flex;align-items:center;gap:8px}.yzcal .cell .rp-list .rp-row+.rp-row{margin-top:5px;padding-top:5px;border-top:1px dashed rgba(0,0,0,.16)}.yzcal .cell.closed .rp-list .rp-row+.rp-row, .yzcal .cell.roomoff .rp-list .rp-row+.rp-row{border-top-color:rgba(0,0,0,.10)}.yzcal .cell .rp-nm{flex:0 0 auto;white-space:nowrap}.yzcal .cell .meal{display:inline-block;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.yzcal .cell .meal.no{background:#F1F3F5;color:var(--t2)}.yzcal .cell .meal.yes{background:#EAF1FF;color:#2563EB}.yzcal .cell .rp-p{margin-left:auto;flex:0 0 auto;font-size:16px;font-weight:800;color:var(--t1);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.3px}.yzcal .cell .rp-p.hi{color:#DC2626}.yzcal .cell .rp-p .cur{font-size:11px;font-weight:700;opacity:.55;margin-right:1px}.yzcal .cell .rp-p .rp-mk{display:inline-block;width:44px;text-align:right;margin-left:5px;font-size:12px;font-weight:700;color:#0369A1;letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:baseline}.yzcal .cell.sold .rp-mk, .yzcal .cell.low .rp-mk, .yzcal .cell.closed .rp-mk, .yzcal .cell.roomoff .rp-mk{color:var(--t2)}.yzcal .cell .rp-row.off{opacity:.5}.yzcal .cell .rp-stop{margin-left:auto;flex:0 0 auto;font-size:12px;font-weight:700;color:var(--warning);white-space:nowrap}.yzcal .cell .rp-stop.today{color:var(--primary)}.yzcal .cell .st-badge{position:absolute;top:6px;right:6px;z-index:3;font-size:11px;font-weight:800;line-height:1;
  padding:4px 7px;border-radius:6px;color:#fff;white-space:nowrap;pointer-events:none;letter-spacing:.3px;
  box-shadow:0 1px 3px rgba(15,27,61,.22)}.yzcal .cell.sold .st-badge{background:#DC2626}.yzcal .cell.low .st-badge{background:#D97706}.yzcal .cell.closed .st-badge{background:#4B5563}.yzcal .cell.roomoff .st-badge{background:#1F2937}.yzcal .matrix tr.st-row .cell{padding-top:30px}.yzcal .cell.sold{box-shadow:inset 0 0 0 1.5px #F0938B}.yzcal .cell.closed{box-shadow:inset 0 0 0 1.5px #C3CAD2}.yzcal .cell.roomoff{box-shadow:inset 0 0 0 1.5px #AEB6C0}.yzcal .cell.sold:hover{background:#FFE7E3}.yzcal .cell.low:hover{background:#FFF6DE}.yzcal .cell.closed:hover, .yzcal .cell.roomoff:hover{background:#E9ECF0}.yzcal .matrix td.min{border-left:2px solid var(--border-strong)}.yzcal .rn-off{display:inline-block;font-size:11px;font-weight:800;color:#fff;background:#1F2937;border-radius:4px;padding:2px 6px;vertical-align:middle;margin-left:6px}.yzcal td.cal-empty{text-align:center;padding:56px 20px;background:#FBFCFE}.yzcal td.cal-empty .cal-empty-t{font-size:15px;font-weight:600;color:var(--t1)}.yzcal td.cal-empty .cal-empty-s{font-size:12.5px;color:var(--t3);margin-top:6px}.yzcal td.cal-empty .cal-empty-act{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:10px}.yzcal td.cal-empty .cal-empty-sel{max-width:260px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;font-size:13px;color:var(--t1)}
/* 未定价的价格计划（新上架房型按日定价前的状态） */
.rp-p.tbd .rp-tbd{display:inline-block;font-size:10px;line-height:1.5;color:#c2660b;background:#fff7ed;border:1px dashed #f0c48a;border-radius:4px;padding:0 4px;font-weight:600}

/* ---- 订单域（fp-order.js）：状态轨迹 / 双线标记 / 订单卡 / 弹层 ---- */
.ochip{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;font-size:12px;font-weight:600;margin-left:6px;white-space:nowrap;vertical-align:middle}
.ochip.b{background:var(--brand-bg);color:var(--brand)}
.ochip.a{background:var(--amber-bg);color:var(--amber)}
.ochip.n{background:#f1f3f7;color:var(--ink3)}
.ochip.p{background:var(--purple-bg);color:var(--purple)}
.srail{display:flex;align-items:stretch;flex-wrap:wrap;gap:2px;margin-bottom:10px}
.srail .st{min-width:104px;flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff}
.srail .st b{display:block;font-size:13.5px;color:var(--ink2)}
.srail .st span{font-family:var(--mono);font-size:10px;color:var(--ink3)}
.srail .st.done{background:#f4fbf7;border-color:#cfe9db}
.srail .st.done b{color:var(--green)}
.srail .st.cur{background:var(--brand-bg);border-color:#bcd0ff;box-shadow:0 0 0 2px rgba(43,92,255,.12)}
.srail .st.cur b{color:var(--brand)}
.srail .ar{align-self:center;color:var(--ink3);font-style:normal;font-size:12px}
.brs{margin:2px 0 4px;display:flex;gap:8px;flex-wrap:wrap}
.brs .br{font-size:12px;color:var(--ink3);border:1px dashed var(--line);border-radius:5px;padding:2px 8px}
.brs .br.on{color:var(--red);border-color:#f0c4c4;background:var(--red-bg);font-weight:600}
.ocard{border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:9px;padding:12px 14px;margin-bottom:10px;background:#fff}
.ocard .oh{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.ocard .ob{font-size:13.5px;line-height:1.7}
.ocard .of{display:flex;align-items:center;gap:9px;margin-top:9px}
.ordmask{position:fixed;inset:0;background:rgba(23,28,38,.42);display:flex;align-items:center;justify-content:center;z-index:9998;padding:24px}
.orddlg{width:520px;max-width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 24px 64px rgba(20,24,31,.3)}
.orddlg .odh{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}
.orddlg .odh h4{margin:0;font-size:15px;font-weight:700}
.orddlg .odx{border:0;background:none;font-size:16px;color:var(--ink3);cursor:pointer}
.orddlg .odb{padding:16px;font-size:13.5px;color:var(--ink2);line-height:1.7;max-height:58vh;overflow:auto}
.orddlg .odf{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:#fbfcfe}
.orddlg .odb .fld{margin-bottom:11px}
.nq3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;background:#f7f9fc;border:1px solid var(--line2);border-radius:9px;padding:10px 12px;margin-bottom:10px}
.nq3>div{min-width:0}
.nq3 .k{display:block;font-size:12px;color:var(--ink3);margin-bottom:3px}
.nq3 b{font-size:15px;font-variant-numeric:tabular-nums;display:block;margin-top:1px}
.nq3 b[data-sum] span{font-size:13px;font-weight:600}
.orddlg .odb .note{margin:10px 0 0}
.nqrule{padding:8px 11px;border-radius:8px;font-size:13px;line-height:1.7;margin-bottom:10px}
.nqrule.g{background:#f0faf4;border:1px solid #cdebd9;color:#05603a}
.nqrule.a{background:#fff8ec;border:1px solid #f3e2c4;color:#8a5a00}


/* ---- OTA 主从式订单管理（fp-order.js consoleView） ---- */
.ombar{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin-bottom:12px}
.omrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;align-items:center}
.omrow:last-child{margin-bottom:0}
.omrow input[type=text],.omrow select{height:30px;border:1px solid var(--line);border-radius:7px;padding:0 9px;font-size:13px;background:#fff}
.omrow .qt{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:7px;padding:2px}
.omrow .qt button{border:0;background:none;font-size:13px;padding:3px 9px;border-radius:5px;color:var(--ink2);cursor:pointer}
.omrow .qt button.on{background:var(--brand);color:#fff;font-weight:600}
.omsearch{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;padding:0 9px;height:30px}
.omsearch input{border:0;outline:none;font-size:13px;width:180px;background:none}
.omrow .gobtn{height:30px;border:0;border-radius:7px;background:var(--brand);color:#fff;font-size:13px;padding:0 16px;cursor:pointer;font-weight:600}
.omrow .rst{height:30px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:13px;padding:0 12px;cursor:pointer;color:var(--ink2)}
.oms{display:grid;grid-template-columns:330px minmax(0,1fr);gap:12px;align-items:start}
.omlist{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.omlist .lh{display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:700}
.omlist .lh .n{color:var(--brand)}
.omlist .lh a{margin-left:auto;font-size:12.5px;color:var(--brand);font-weight:500;text-decoration:none;cursor:pointer}
.ocard{padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid transparent}
.ocard:last-child{border-bottom:0}
.ocard:hover{background:#fafbfd}
.ocard.on{background:var(--brand-bg);border-left-color:var(--brand)}
.ocard .r1{display:flex;align-items:center;gap:6px;margin-bottom:4px}
.ocard .hn{font-size:13.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ocard .r2{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink2);margin-bottom:3px;gap:10px}
.ocard .r2 .g{font-weight:700;color:var(--ink);white-space:nowrap}
.ocard .r3{display:flex;justify-content:space-between;font-size:12px;color:var(--ink3)}
.ocard .r3 .mono{font-family:var(--mono)}
.omdetail{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.omd-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.omd-h .no{font-size:17px;font-weight:800;font-family:var(--mono)}
.omd-links{display:flex;gap:14px;flex-wrap:wrap;padding:7px 0 11px;border-bottom:1px solid var(--line);margin-bottom:12px}
.omd-links a{font-size:13px;color:var(--ink2);text-decoration:none;cursor:pointer}
.omd-links a:hover{color:var(--brand)}
.omd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px 28px;margin-top:4px}
.omd-grid .fi{display:block;min-width:0}
.omd-grid .fi .k{display:block;color:var(--ink3);font-size:12.5px;margin-bottom:2px}
.omd-grid .fi .v{display:block;color:var(--ink);font-weight:700;font-size:14px;word-break:break-all}
.omd-sum{font-size:14px;margin:16px 0 4px;color:var(--ink2)}
.omd-sum b{font-size:17px;color:var(--ink);font-weight:800}
.omd-sec{font-size:14.5px;font-weight:800;color:var(--ink);margin:18px 0 8px}
.omd-grid .fi .v .mut{font-weight:500}
@media(max-width:1080px){.oms{grid-template-columns:1fr}}

/* ---- 订单详情分区卡片（平台端 / 酒店端共用一套渲染器） ---- */
.dcard{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:10px;overflow:hidden}
.dcard-h{display:flex;align-items:center;gap:9px;padding:9px 13px;background:#fbfcfe;border-bottom:1px solid var(--line)}
.dcard-h b{font-size:13.5px;color:var(--ink)}
.dcard-h .hint{font-size:12px;color:var(--ink3);margin-left:auto;text-align:right}
.dcard .omd-grid{padding:11px 13px}
.dcard .omd-sec{padding:0 13px;margin-top:13px}
.dcard .omd-txt{padding:0 13px;margin-bottom:4px}
.dcard .omd-sum{margin:10px 13px 0}
.dcard .note{margin:9px 13px 12px}
.dcard>.tb{margin:0 13px;width:auto}
.srcbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.srcbar .sb{flex:1;min-width:174px;border:1px solid var(--line);border-radius:9px;padding:8px 11px;background:linear-gradient(180deg,#fbfdff,#fff)}
.srcbar .sb b{font-size:14px;display:inline-block;margin-right:6px}
.srcbar .sbk{display:block;font-size:11.5px;color:var(--ink3);margin-bottom:2px;letter-spacing:.03em}
.pmark{display:inline-block;font-size:9px;font-weight:700;color:#fff;background:var(--purple);border-radius:3px;padding:1px 4px;margin-left:4px;vertical-align:1px;letter-spacing:0}
.lnk{color:var(--brand);cursor:pointer;font-size:13px}
.mono.big{font-size:16px}
/* ---- 订单时效时钟与列表统计条（fp-order.js clockHTML / omsStat） ---- */

.omstat{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.omstat .s{flex:1;min-width:104px;border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:#fff}
.omstat .s .sk{display:block;font-size:11.5px;color:var(--ink3);margin-bottom:3px;white-space:nowrap}
.omstat .s .sv{font-size:16px;font-weight:800;font-family:var(--mono);color:var(--ink)}
.omstat .s.warn{border-color:#f3d9ad;background:#fffdf7}
.omstat .s.warn .sv{color:var(--amber)}
.omstat .s.crit{border-color:#f0c4c4;background:#fffafa}
.omstat .s.crit .sv{color:var(--red)}
.omlist .lh .qtsort{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:6px;padding:1px;margin-left:auto;font-weight:500}
.omlist .lh .qtsort button{border:0;background:none;font-size:12px;padding:2px 7px;border-radius:4px;color:var(--ink2);cursor:pointer}
.omlist .lh .qtsort button.on{background:var(--brand);color:#fff;font-weight:600}
.omlist .lh a{margin-left:8px}
.ocard.c-brand{border-left-color:var(--brand)}
.ocard.c-amber{border-left-color:var(--amber)}
.ocard.c-red{border-left-color:var(--red)}
.ocard.c-green{border-left-color:var(--green)}
.ocard .oc-top{display:flex;align-items:center;gap:6px;margin-bottom:5px}
.ocard .oc-line{font-size:10px;font-weight:700;border-radius:3px;padding:1px 4px;letter-spacing:.02em}
.ocard .oc-line.a{background:var(--brand-bg);color:var(--brand)}
.ocard .oc-line.b{background:var(--amber-bg);color:var(--amber)}
.ocard .oc-clock{margin-left:auto;font-family:var(--mono);font-size:13px;font-weight:800;white-space:nowrap}
.ocard .oc-clock.t-red{color:var(--red)}
.ocard .oc-clock.t-amber{color:var(--amber)}
.ocard .oc-clock.t-brand{color:var(--brand)}
.ocard .oc-clock.t-green{color:var(--green)}
.ocard .oc-clock.t-n{color:var(--ink3);font-weight:600}
.ocard .hn{font-size:13.5px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}
.ocard .oc-r{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ink2);margin-bottom:3px}
.ocard .oc-r .g{font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ocard .oc-r .mut{color:var(--ink3)}
.ocard .oc-meta{display:flex;flex-wrap:wrap;gap:4px 9px;align-items:center;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--ink3)}
.ocard .oc-meta .mm{white-space:nowrap}
.ocard .oc-meta .gm{color:var(--green);font-weight:800}
.ocard .oc-meta .rk{color:var(--red);font-weight:700}
.ocard .oc-meta .st{color:var(--ink2);font-weight:600}
.oclock{border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:10px;padding:11px 14px;margin:0 0 12px;background:linear-gradient(180deg,#fbfdff,#fff)}
.oclock.t-red{border-left-color:var(--red);background:linear-gradient(180deg,#fffafa,#fff)}
.oclock.t-amber{border-left-color:var(--amber);background:linear-gradient(180deg,#fffdf7,#fff)}
.oclock.t-green{border-left-color:var(--green);background:linear-gradient(180deg,#f7fdf9,#fff)}
.oclock.t-n{border-left-color:var(--ink3);background:#fbfcfe}
.oclock .oc-l{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.oclock .oc-k{font-size:13px;color:var(--ink2);font-weight:700}
.oclock .oc-v{font-size:24px;font-weight:800;font-family:var(--mono);letter-spacing:-.5px;line-height:1.15}
.oclock.t-red .oc-v{color:var(--red)}
.oclock.t-amber .oc-v{color:var(--amber)}
.oclock.t-brand .oc-v{color:var(--brand)}
.oclock.t-green .oc-v{color:var(--green)}
.oclock.t-n .oc-v{color:var(--ink3);font-size:18px}
.oclock .oc-a{font-size:12.5px;color:var(--ink2);margin-left:auto;text-align:right}
.oclock .oc-bar{height:5px;border-radius:3px;background:#eef1f6;margin:9px 0 7px;overflow:hidden}
.oclock .oc-bar i{display:block;height:100%;border-radius:3px;background:var(--brand);transition:width .5s linear}
.oclock.t-red .oc-bar i{background:var(--red)}
.oclock.t-amber .oc-bar i{background:var(--amber)}
.oclock.t-green .oc-bar i{background:var(--green)}
.oclock .oc-c{font-size:12.5px;color:var(--ink3);line-height:1.75}
.oc-q{margin-top:8px;padding-top:7px;border-top:1px dashed var(--line);font-size:12.5px;color:var(--ink2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.oc-q .qv{font-weight:800;color:var(--brand)}
.oc-q.warn{color:var(--red)}
.oc-q.warn .qv{color:var(--red)}
/* ---- 确认超时倒计时（omd-h 小 chip + 超时时刻） ---- */
.oc-chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;border-radius:6px;padding:3px 9px;background:#fff;border:1px solid var(--line);color:var(--ink2)}
.oc-chip b{font-size:14px;letter-spacing:-.2px}
.oc-chip.t-red{border-color:#f0c4c4;background:var(--red-bg);color:var(--red)}
.oc-chip.t-amber{border-color:#f3d9ad;background:var(--amber-bg);color:var(--amber)}
.oc-chip.t-brand{border-color:#bcd0ff;background:var(--brand-bg);color:var(--brand)}
.oclock .oc-dl{font-size:12.5px;color:var(--ink3);white-space:nowrap}
.oclock .oc-dl b{color:var(--ink);font-size:13.5px}
.oc-q{font-size:12px;color:var(--ink3)}
.oc-q .qv{font-weight:700}


/* 取自 demo/app.html 内联 <style> —— 侧栏交互/抽屉/toast */

html,body{height:100%;margin:0}
#root{height:100%}
#root .app{height:100vh}
.side .gi{cursor:pointer;user-select:none}
.side .gi:hover{background:rgba(255,255,255,.06)}
.side .gi.on:hover{background:var(--brand)}
.side .gi.dis{opacity:.42;cursor:not-allowed}
.side .gi.dis:hover{background:transparent}
.side .grp.closed .gi{display:none}
.side .grp-h{cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.side .grp-h::after{content:'⌄';font-size:9px;opacity:.55;transition:transform .15s}
.side .grp.closed .grp-h::after{transform:rotate(-90deg)}
.side .quit{padding:9px 14px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#6d7690;display:flex;gap:12px}
.side .quit a{color:#8b93a8;text-decoration:none;cursor:pointer}
.side .quit a:hover{color:#fff}
/* 向左合并左侧菜单：顶栏开关按钮 */
.side-toggle{flex:0 0 auto;width:26px;height:26px;padding:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink3);font-size:13px;line-height:1;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s}
.side-toggle:hover{color:var(--brand);border-color:var(--brand)}
/* 合并动画：侧栏整体向左滑出，主区域自动铺满 */
.side{transition:margin-left .22s ease}
.app.side-collapsed .side{margin-left:-212px;visibility:hidden;transition:margin-left .22s ease,visibility 0s .22s}
.content table tbody tr{cursor:pointer}
.content table tbody tr:hover td{background:#f7f9ff}
.content .kpi{cursor:pointer}
.content .kpi:hover{border-color:#d6e0ff}
.topbar input.gs{width:200px;height:30px;border:1px solid var(--line);border-radius:7px;background:var(--bg);padding:0 10px;font-size:12.5px;outline:none;font-family:inherit}
.topbar input.gs:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px rgba(43,92,255,.1)}
.pagein{animation:pin .18s ease}
@keyframes pin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* 抽屉 */
.dw{position:fixed;top:0;right:0;bottom:0;width:460px;background:#fff;box-shadow:-8px 0 40px rgba(23,28,38,.14);
transform:translateX(102%);transition:transform .22s ease;display:flex;flex-direction:column;z-index:60}
.dw.on{transform:none}
.dw-h{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:10px}
.dw-h h4{margin:0;font-size:15.5px;font-weight:700}
.dw-h .sub{font-size:12px;color:var(--ink3);margin-top:2px}
.dw-h .x{margin-left:auto;width:26px;height:26px;border-radius:6px;border:1px solid var(--line);background:#fff;
display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--ink3)}
.dw-h .x:hover{background:var(--bg);color:var(--ink)}
.dw-b{flex:1;overflow-y:auto;padding:6px 18px 18px}
.dw-row{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13px}
.dw-row:last-child{border-bottom:0}
.dw-row .k{flex:0 0 104px;color:var(--ink3)}
.dw-row .v{flex:1;text-align:right;word-break:break-all}
.dw-f{padding:12px 18px;border-top:1px solid var(--line);display:flex;gap:8px;justify-content:flex-end}
/* 跟进记录时间线（我的酒店 · 跟进抽屉） */
.ftl{padding:10px 2px 0}
.ftl-i{position:relative;display:flex;gap:11px;padding-bottom:14px}
.ftl-i::before{content:'';position:absolute;left:12px;top:28px;bottom:2px;width:1px;background:var(--line)}
.ftl-i:last-child{padding-bottom:4px}
.ftl-i:last-child::before{display:none}
.ftl-dot{flex:0 0 25px;width:25px;height:25px;border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #fff}
.ftl-c{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line2);border-radius:9px;padding:8px 11px}
.ftl-h{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink)}
.ftl-h b{font-weight:600}
.ftl-h .mut{margin-left:auto;font-size:11.5px}
.ftl-h .mut + .mut{margin-left:0}
.ftl-note{margin-top:5px;font-size:13.5px;line-height:1.65;color:var(--ink2);word-break:break-all;white-space:pre-wrap}
.ftl-next{margin-top:7px;display:inline-block;font-size:12px;color:var(--brand);background:var(--brand-bg);padding:2px 9px;border-radius:20px}
/* 跟进附件：表单已选文件 chip + 时间线附件 chip */
.fw-chip,.ftl-file{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--ink2);background:var(--bg);border:1px solid var(--line2);border-radius:6px;padding:3px 8px;line-height:1.4}
.fw-chip a{cursor:pointer;color:var(--ink3);font-size:10px;padding:0 1px}
.fw-chip a:hover{color:var(--error)}
#fwList .fw-chip{margin:0 6px 6px 0}
.ftl-files{margin-top:7px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px}
.ftl-file{cursor:pointer;background:#fff}
.ftl-file:hover{border-color:var(--brand);color:var(--brand)}
.ftl-file-dl{font-size:11.5px;cursor:pointer}
/* 跟进语音输入：按住说话（ai-panel .aip-hold 同款配色） */
.fw-hold{margin-left:auto;height:24px;padding:0 10px;border:none;border-radius:13px;background:#eef2fb;color:#2b5cff;font-size:12px;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;white-space:nowrap}
.fw-hold:hover{background:#e2e9fb}
.fw-hold.rec{background:#e5484d;color:#fff;font-weight:600;letter-spacing:2px}
.fw-hold:disabled{opacity:.55;cursor:not-allowed}
.mask{position:fixed;inset:0;background:rgba(23,28,38,.32);opacity:0;pointer-events:none;transition:opacity .2s;z-index:55}
.mask.on{opacity:1;pointer-events:auto}

/* toast */
#toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,14px);background:#1b2233;color:#fff;
font-size:13.5px;padding:9px 16px;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.24);
opacity:0;pointer-events:none;transition:all .2s;z-index:10000;max-width:70vw;
display:flex;align-items:flex-start;gap:14px;cursor:pointer}
#toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#toast-x{flex:none;color:rgba(255,255,255,.45);font-size:16px;line-height:1.3;user-select:none}
#toast:hover #toast-x{color:#fff}

/* 登录屏 */
.lg{height:100vh;display:flex;background:#0e1420}
.lg .l{flex:1;padding:56px 60px;display:flex;flex-direction:column;position:relative;overflow:hidden;
background:linear-gradient(150deg,#101728 0%,#16203a 55%,#0d1320 100%)}
.lg .l::before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;left:-160px;bottom:-200px;
background:radial-gradient(circle,rgba(43,92,255,.34),transparent 62%)}
.lg .l::after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;top:-120px;
background:radial-gradient(circle,rgba(107,77,230,.22),transparent 64%)}
.lg .l>*{position:relative;z-index:1}
.lg .brand{display:flex;align-items:center;gap:11px}
.lg .brand .mk{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#3d6bff,#2547e0);
display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 3px 16px rgba(43,92,255,.5)}
.lg .brand b{color:#fff;font-size:15.5px;letter-spacing:.6px}
.lg .brand span{display:block;font-size:11.5px;color:#7d87a3;margin-top:1px}
.lg h1{color:#fff;font-size:27px;line-height:1.45;margin:0 0 14px;letter-spacing:-.3px;font-weight:650}
.lg .lead{color:#8b95ad;font-size:14px;line-height:1.85;max-width:440px;margin:0}
.lg .stats{display:flex;gap:38px;margin-top:auto;padding-top:40px}
.lg .stats .v{font-family:var(--mono);font-size:23px;font-weight:700;color:#fff}
.lg .stats .v small{font-size:12.5px;color:#6f9bff;margin-left:2px}
.lg .stats .k{font-size:12px;color:#7d87a3;margin-top:3px}
.lg .r{flex:0 0 460px;background:#fff;display:flex;align-items:center;justify-content:center;padding:40px}
.lgf{width:100%;max-width:334px}
.lgf h2{margin:0 0 5px;font-size:19px;font-weight:700}
.lgf .tip{font-size:13px;color:var(--ink3);margin-bottom:22px}
.roles{display:flex;gap:3px;background:#f1f3f7;border-radius:8px;padding:3px;margin-bottom:20px}
.roles div{flex:1;text-align:center;font-size:12.5px;padding:7px 0;border-radius:6px;color:var(--ink2);cursor:pointer;transition:.14s}
.roles div.on{background:#fff;font-weight:600;color:var(--ink);box-shadow:0 1px 3px rgba(23,28,38,.12)}
.f{margin-bottom:14px}
.f label{display:block;font-size:12.5px;color:var(--ink2);margin-bottom:5px}
.f input{width:100%;height:38px;border:1px solid var(--line);border-radius:7px;padding:0 11px;font-size:14px;
outline:none;font-family:inherit;transition:.14s}
.f input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(43,92,255,.11)}
.f.err input{border-color:var(--red);box-shadow:0 0 0 3px rgba(229,72,77,.1)}
.f .e{font-size:12px;color:var(--red);margin-top:4px;display:none}
.f.err .e{display:block}
.f .row{display:flex;gap:8px}
.f .row input{flex:1}
.f .row button{flex:0 0 104px;height:38px;border:1px solid var(--brand);background:var(--brand-bg);color:var(--brand);
border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}
.f .row button:disabled{opacity:.55;cursor:default}
.sub-btn{width:100%;height:40px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:14.5px;
font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 3px 14px rgba(43,92,255,.34);transition:.14s}
.sub-btn:hover{background:#1e46d9}
.extra{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--ink3);margin:2px 0 18px}
.extra label{display:flex;align-items:center;gap:5px;cursor:pointer}
.extra a{color:var(--brand);text-decoration:none;cursor:pointer}
.lgf .foot{font-size:12px;color:var(--ink3);text-align:center;margin-top:22px;line-height:1.7}