#cq-root{
  --bg:#f4f0e9; --card:#fdfbf7; --line:#e6dfd3; --txt:#3a3128; --sub:#8a7c6b;
  --brand:#7b5a3c; --brand-d:#5c432c; --brand-l:#efe6d9; --danger:#b25a50; --gold:#c9a572;
  --font-title:Georgia,"Times New Roman","Noto Serif SC","Songti SC",SimSun,serif;
  --radius:12px;
} #cq-root *{box-sizing:border-box;margin:0;padding:0} #cq-root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--txt);font-size:15px;line-height:1.6} #cq-root button{font-family:inherit;cursor:pointer} #cq-root input,#cq-root select{font-family:inherit;font-size:15px;color:var(--txt)} #cq-root .hd{background:linear-gradient(135deg,#7b5a3c,#8a6a48);color:#fdfbf7;padding:12px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;box-shadow:0 2px 10px rgba(31,45,61,.18)} #cq-root .hd-left{display:flex;align-items:center;gap:10px} #cq-root .logo-icon{width:42px;height:42px;border-radius:10px;background:#fdfbf7;color:var(--brand);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;font-family:var(--font-title);flex-shrink:0} #cq-root .hd h1{font-size:20px;font-weight:700;font-family:var(--font-title);letter-spacing:.5px} #cq-root .hd .meta{font-size:13px;opacity:.85} #cq-root .hd .acts{display:flex;gap:6px;flex-wrap:wrap} #cq-root .btn{border:1px solid var(--line);background:var(--card);color:var(--sub);border-radius:10px;padding:7px 14px;font-size:14px;font-weight:600;transition:.18s;box-shadow:0 1px 3px rgba(58,49,40,.1)} #cq-root .btn:hover{border-color:var(--brand);color:var(--brand)} #cq-root .btn.pri{background:linear-gradient(180deg,#8a6a48,#7b5a3c);border:none;color:#fdfbf7;box-shadow:inset 0 0 0 1px rgba(201,165,114,.4),0 1px 3px rgba(58,49,40,.18)} #cq-root .btn.pri:hover{background:linear-gradient(180deg,#7b5a3c,#5c432c)} #cq-root .btn.sm{padding:5px 12px;font-size:13px} #cq-root .btn.ghost{background:rgba(253,251,247,.14);border:1px solid rgba(253,251,247,.4);color:#fdfbf7;box-shadow:none} #cq-root .btn.ghost:hover{background:rgba(253,251,247,.26);color:#fff} #cq-root .btn.danger{color:var(--danger)} #cq-root .btn.danger:hover{border-color:var(--danger)} #cq-root .wrap{max-width:1280px;margin:16px auto;padding:0 16px;display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
@media(max-width:980px){ #cq-root .wrap{grid-template-columns:1fr}} #cq-root .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;box-shadow:0 1px 4px rgba(31,45,61,.08)} #cq-root .card h2{font-size:16px;margin-bottom:12px;display:flex;align-items:center;gap:8px;font-weight:700;font-family:var(--font-title);letter-spacing:.3px} #cq-root .card h2 .tag{font-size:12px;color:var(--sub);font-weight:400;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif} #cq-root .frow{display:flex;gap:8px;margin-bottom:9px;flex-wrap:wrap} #cq-root .fitem{flex:1;min-width:100px;display:flex;flex-direction:column;gap:4px} /* v22.13：短字段缩窄（除型号/备注外，数字/下拉/短文本字段紧凑排列，型号与备注保持拉伸占满剩余） */ #cq-root .frow .fitem:has(select),#cq-root .frow .fitem:has(input[type=number]),#cq-root .frow .fitem:has(input[name="room"]){flex:0 1 132px;min-width:0} #cq-root .frow .fitem:has(input[data-dd="cq-fin-datalist"]){flex:0 1 150px;min-width:0} #cq-root .fitem label{font-size:13px;color:var(--sub)} #cq-root .fitem input,#cq-root .fitem select{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fdfbf7;width:100%} #cq-root .fitem input:focus,#cq-root .fitem select:focus{outline:none;border-color:var(--brand)} #cq-root .cust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px} #cq-root .cust-grid .fitem.wide{grid-column:1/-1} #cq-root .sub-level{margin:9px 0 0 8px;padding:2px 0 2px 12px;border-left:2px solid #e3dac9} #cq-root .layer-box{border:1px solid #eadfce;background:#faf6ee;border-radius:10px;padding:12px;margin:9px 0} #cq-root .layer-box h3{font-size:13.5px;color:var(--brand);margin-bottom:9px;font-weight:700} #cq-root .subhead{font-size:13px;color:var(--sub);margin:7px 0 6px;font-weight:600} #cq-root .chk{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer;user-select:none} #cq-root .chk input{accent-color:var(--brand)} #cq-root .acc-row{display:flex;gap:8px;align-items:flex-end;border-top:1px dashed var(--line);padding-top:8px;margin-top:8px;flex-wrap:wrap} #cq-root .acc-row .fitem{min-width:76px} #cq-root .list-item{border:1px solid var(--line);border-radius:10px;margin-bottom:9px;overflow:hidden} #cq-root .list-item .li-hd{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#faf6ee;padding:8px 12px;font-size:14px;flex-wrap:wrap} #cq-root .li-hd b{font-size:15px} #cq-root .li-hd .sub{color:var(--sub);font-size:12.5px} #cq-root table.tb{width:100%;border-collapse:collapse;font-size:13.5px} #cq-root .tb th{background:#f6f0e6;color:var(--sub);font-weight:600;text-align:left;padding:6px 10px;border-top:1px solid var(--line);white-space:nowrap} #cq-root .tb td{padding:6px 10px;border-top:1px solid #efe8db;vertical-align:top} #cq-root .tb td.num,#cq-root .tb th.num{text-align:right;white-space:nowrap} #cq-root .tb .fee td{color:var(--sub)} #cq-root .total-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,#fdfbf7,#f6f0e6);border:1px solid #e3dac9;border-radius:10px;padding:11px 14px;margin-top:7px} #cq-root .total-bar .amt{font-size:22px;font-weight:800;color:var(--brand);font-family:var(--font-title)} #cq-root .exp-bar{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px} #cq-root .empty{text-align:center;color:var(--sub);padding:28px 10px;font-size:14px} #cq-root .tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px} #cq-root .tabs button{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:6px 14px;font-size:13.5px;color:var(--sub)} #cq-root .tabs button.on{background:var(--brand);border-color:var(--brand);color:#fdfbf7;font-weight:600} #cq-root .tabs button .cnt{font-size:11.5px;opacity:.75;margin-left:3px} #cq-root .modal{position:fixed;inset:0;background:rgba(58,49,40,.45);display:none;z-index:50;padding:16px;overflow:auto} #cq-root .modal.open{display:flex;align-items:flex-start;justify-content:center} #cq-root .modal .mbox{background:var(--card);border-radius:14px;max-width:900px;width:100%;padding:18px;margin:auto 0} #cq-root .mbox .m-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px} #cq-root .mbox .m-hd h3{font-size:16px;font-family:var(--font-title)} #cq-root .x{border:none;background:none;font-size:19px;color:var(--sub);line-height:1} #cq-root .note{font-size:13px;color:var(--sub);background:#f6ead9;border:1px solid #e3dac9;border-radius:8px;padding:8px 10px;margin-top:9px} #cq-root .ft{text-align:center;color:var(--sub);font-size:12.5px;padding:16px 10px 28px} #cq-root .badge{display:inline-block;font-size:11.5px;border-radius:10px;padding:1px 9px;margin-right:4px;font-weight:600} #cq-root .badge.b1{background:var(--brand-l);color:var(--brand)} #cq-root .badge.b2{background:#e9efe6;color:#5e8a6b} #cq-root .badge.b3{background:#f6ead9;color:#c08a5a} #cq-root details.rules summary{cursor:pointer;font-size:13px;color:var(--sub)} #cq-root details.rules .inner{font-size:13px;color:var(--sub);line-height:1.8;margin-top:7px} #cq-root .opt-fees{border:1px dashed #e3dac9;background:#fdfbf7;border-radius:10px;margin:9px 0;padding:7px 11px 9px} #cq-root .opt-fees summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--brand);padding:4px 0;user-select:none;list-style:none;display:flex;align-items:center;gap:6px} #cq-root .opt-fees summary::-webkit-details-marker{display:none} #cq-root .opt-fees summary::before{content:"▸";font-size:11px;transition:transform .15s} #cq-root .opt-fees[open] summary::before{transform:rotate(90deg)} #cq-root .opt-fees summary .hint{font-weight:400;color:var(--sub);font-size:12px} #cq-root .opt-fees .frow{margin-bottom:7px} #cq-root .opt-fees .frow:last-child{margin-bottom:0} #cq-root .opt-fees .opt-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:7px} #cq-root .opt-fees .opt-row:last-child{margin-bottom:0} #cq-root .opt-fees .opt-row .chk{flex:0 0 96px;padding-bottom:9px} #cq-root .opt-fees .opt-row .fitem{min-width:0} #cq-root .opt-fees .opt-row input[type=number]{padding:6px 8px} #cq-root .opt-fees .opt-row input:disabled{opacity:.45;background:#f3efe7} #cq-root .edit-banner{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#f6ead9;border:1px solid #c9a572;border-radius:10px;padding:8px 12px;margin-bottom:12px;font-size:13.5px;color:var(--brand);font-weight:600}



#cq-root{display:block} #cq-root .cq-link-btn{margin-left:auto}
 #cq-root .fitem{position:relative} #cq-root .cq-dd{position:absolute;top:calc(100% + 3px);left:0;min-width:130px;max-height:224px;overflow:auto;background:#fdfbf7;border:1px solid #e6dfd3;border-radius:8px;box-shadow:0 6px 18px rgba(58,49,40,.2);z-index:40;padding:4px 0;margin:0;list-style:none} #cq-root .cq-dd div{padding:6px 12px;font-size:14px;cursor:pointer;white-space:nowrap;color:#3a3128} #cq-root .cq-dd div:hover{background:#efe6d9;color:#7b5a3c}