@import url("dailian.css");

/* 账号租售 — 紫罗兰主色 + 首页橙点缀（与顶栏导航协调） */
.ls-page{
 --ls-primary:#7744dd;
 --ls-primary-dark:#6335c4;
 --ls-primary-soft:#f3eeff;
 --ls-accent:#ff6600;
 --ls-accent-dark:#e55a00;
 --ls-bg:#f5f5f5;
 --ls-card:#fff;
 --ls-text:#333;
 --ls-muted:#999;
 --ls-border:#eee;
 --ls-radius:12px;
 --ls-shadow:0 2px 12px rgba(0,0,0,.06);
 text-align:left;
}
body.ls-page{
 background:#fff;
}
body.ls-page .yjcode{
 width:100%;
 max-width:1400px;
 box-sizing:border-box;
}
body.ls-page .bgkuang{
 width:100%;
 max-width:1400px;
 box-sizing:border-box;
 padding:25px;
 margin:20px 0 0 0;
 background-color:#fff;
 border-radius:8px;
}
/* 白色主区铺满紫色 bgkuang 内框，并上移盖住顶部紫色留白 */
body.ls-page .bgkuang > .alltype,
body.ls-page .bgkuang > .alltype.dl-panel{
 width:calc(100% + 50px) !important;
 max-width:calc(100% + 50px) !important;
 margin:-25px -25px -25px -25px !important;
 padding:20px 16px 28px !important;
 box-sizing:border-box !important;
 float:none !important;
 border-radius:8px;
 background:#fff;
 overflow:visible;
}
body.ls-page .bgkuang > .alltype.dl-panel::after{
 content:"";
 display:table;
 clear:both;
}
.ls-page .yjcode,
.ls-page .alltype,
.ls-page .alltype.dl-panel,
.ls-page .ls-layout,
.ls-page .ls-sidebar,
.ls-page .ls-main,
.ls-page .ls-cat-item,
.ls-page .ls-info-bar{text-align:left;}
.ls-page .bgkuang .step .l2 .a1{color:var(--ls-primary);}

/* ── Banner（与顶栏导航渐变同系） ── */
.ls-banner{
 float:none;
 width:100%;
 background:linear-gradient(to right,#f0e8ff 0%,#e8f0ff 55%,#f5f8ff 100%);
 color:#4a3580;
 border:1px solid #e2d9f5;
 border-radius:var(--ls-radius);
 padding:20px 24px;
 margin-bottom:10px;
 height:auto;
 min-height:76px;
 box-sizing:border-box;
}
body.ls-page .ls-info-bar--xh{
 margin:0 -16px 0 -16px !important;
 padding:0 16px 12px 16px !important;
 width:calc(100% + 32px) !important;
 max-width:calc(100% + 32px) !important;
 border-bottom:1px solid #f0f0f0;
 position:relative;
 z-index:2;
 box-sizing:border-box;
 float:none !important;
}
body.ls-page .ls-info-bar--xh .ls-deposit-tip{margin:0 !important;float:none !important;}
body.ls-page .ls-info-bar--xh .ls-nav{
 margin:0 0 0 auto !important;
 float:none !important;
 display:flex !important;
 align-items:center;
 gap:8px;
 flex:0 0 auto;
}
body.ls-page .ls-info-bar--xh .ls-nav > a,
body.ls-page .ls-info-bar--xh .ls-nav > .dl-btn{
 display:inline-flex !important;
 align-items:center;
 justify-content:center;
 margin:0 !important;
 float:none !important;
 flex:0 0 auto !important;
 width:auto !important;
 max-width:none !important;
 white-space:nowrap;
 line-height:20px;
}
.ls-banner h2{font-size:22px;font-weight:800;margin:0 0 6px;line-height:1.2;color:#4a3580;}
.ls-banner h2 em{font-style:normal;color:var(--ls-primary);}
.ls-banner p{margin:0;font-size:13px;opacity:.85;line-height:1.4;color:#6b5b8a;}

/* ── 租赁/出售 Tab ── */
.ls-ex-tabs{
 display:flex;
 gap:0;
 background:var(--ls-card);
 border:1px solid var(--ls-border);
 border-radius:var(--ls-radius);
 overflow:hidden;
 margin-bottom:14px;
 box-shadow:var(--ls-shadow);
}
.ls-ex-tab{
 flex:1;
 text-align:center;
 padding:12px 10px;
 font-size:14px;
 font-weight:600;
 color:#666;
 cursor:pointer;
 border-bottom:3px solid transparent;
 transition:all .15s;
}
.ls-ex-tab:hover{color:var(--ls-primary);background:var(--ls-primary-soft);}
.ls-ex-tab.on{color:var(--ls-primary);border-bottom-color:var(--ls-primary);background:var(--ls-primary-soft);}
.ls-ex-tab.sell-tab.on{color:var(--ls-primary);border-bottom-color:var(--ls-primary);background:var(--ls-primary-soft);}

/* ── 主区布局（无侧栏，分类下拉在筛选条） ── */
.ls-layout{
 display:block;
 float:left;
 width:100%;
 box-sizing:border-box;
}
.ls-layout--full .ls-info-bar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 margin-bottom:0;
 font-size:12px;
 color:var(--ls-muted);
 flex-wrap:nowrap;
 width:100%;
 box-sizing:border-box;
 overflow:visible;
}
.ls-info-bar--xh .ls-deposit-tip{flex:1 1 auto;text-align:left;}
.ls-info-bar--xh .ls-nav{margin-left:auto;}
.ls-layout--full .ls-main{
 width:100%;
 padding-left:0;
 box-sizing:border-box;
}
.ls-cat-select{
 flex-shrink:0;
 height:28px;
 min-width:118px;
 max-width:160px;
 padding:0 26px 0 10px;
 border:1px solid #e8e8e8;
 border-radius:20px;
 font-size:12px;
 font-weight:600;
 color:#555;
 background:#fafafa url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 8px center;
 appearance:none;
 cursor:pointer;
 outline:none;
 transition:border-color .15s,background .15s,color .15s;
}
.ls-cat-select:hover{border-color:var(--ls-primary);color:var(--ls-primary);background-color:var(--ls-primary-soft);}
.ls-cat-select:focus{border-color:var(--ls-primary);box-shadow:0 0 0 2px rgba(119,68,221,.12);}
.ls-search-inline{
 display:flex;
 align-items:center;
 background:#f7f7f8;
 border:1px solid var(--ls-border);
 border-radius:20px;
 padding:4px 12px;
 min-width:160px;
 flex-shrink:0;
}
.ls-search-inline input{
 border:none;
 background:none;
 outline:none;
 font-size:12px;
 width:140px;
 color:#333;
}
.ls-info-count{flex:1 1 auto;text-align:left;white-space:nowrap;min-width:0;}
.ls-info-bar b{color:var(--ls-primary);font-size:15px;}
.ls-deposit-tip{font-size:11px;color:#bbb;}
.ls-info-bar .ls-nav{flex:0 0 auto;display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end;align-items:center;}
.ls-btn-pub{background:var(--ls-primary) !important;}
.ls-btn-pub:hover{opacity:.92;color:#fff !important;}
.ls-btn-pub-sell{background:var(--ls-primary) !important;}
.ls-btn-pub-sell:hover{opacity:.92;color:#fff !important;}

/* ── 小花商行风格筛选头（xh-filter） ── */
.xh-filter{
 background:#fff;
 border:none;
 border-radius:0;
 padding:4px 20px 12px;
 margin-bottom:12px;
 margin-top:0;
 box-sizing:border-box;
 box-shadow:none;
 width:100%;
 overflow:visible;
}
body.ls-page .alltype.dl-panel .xh-filter{
 width:calc(100% + 32px) !important;
 max-width:calc(100% + 32px) !important;
 margin:0 -16px 12px -16px !important;
 padding:4px 16px 10px !important;
 border:none !important;
 border-radius:0 !important;
 box-shadow:none !important;
 float:none !important;
 box-sizing:border-box !important;
 overflow:visible !important;
}
/* 主内容区与 banner 同宽贴边 */
body.ls-page .alltype.dl-panel .ls-banner,
body.ls-page .alltype.dl-panel .ls-layout,
body.ls-page .alltype.dl-panel .ls-main,
body.ls-page .alltype.dl-panel #rentSection,
#rentGridView.ls-rent-grid,
body.ls-page .alltype.dl-panel #rentGridView{
 width:100% !important;max-width:100% !important;
 box-sizing:border-box;
}
body.ls-page .alltype.dl-panel #rentGridView,
#rentGridView.ls-rent-grid{
 overflow:visible;
}
body.ls-page .alltype.dl-panel #rentSection{
 overflow:visible !important;
}
body.ls-page .alltype.dl-panel .ls-xh-list-wrap{
 overflow-x:auto !important;
 overflow-y:visible !important;
 -webkit-overflow-scrolling:touch;
}
body.ls-page .alltype.dl-panel .ls-pager,
body.ls-page .alltype.dl-panel .dl-empty{
 width:100% !important;
 max-width:100% !important;
 margin-left:0 !important;
 margin-right:0 !important;
 float:none !important;
 box-sizing:border-box !important;
}
body.ls-page .alltype.dl-panel .ls-main{
 overflow:visible;
 background:#fff;
}
body.ls-page .alltype.dl-panel #rentSection,
body.ls-page .alltype.dl-panel #rentGridView.ls-rent-grid{
 background:#fff;
 padding-top:6px;
}
.xh-filter-row{display:flex;align-items:center;width:100%;box-sizing:border-box;}
.xh-filter-row--drops{
 flex-wrap:wrap;
 gap:8px;
 margin-bottom:0;
 padding:12px 0;
 align-items:flex-start;
 justify-content:flex-start;
 overflow:visible;
}
/* 有已选条件时：保持原尺寸，允许换行，不裁剪下拉面板 */
body.ls-page .xh-filter--has-filters .xh-filter-row--drops{
 flex-wrap:wrap;
 gap:8px;
 overflow:visible;
}
body.ls-page .xh-filter--has-filters .xh-drop,
body.ls-page .xh-filter--has-filters .xh-clear-all{
 flex-shrink:0;
}
.xh-filter-row--selected{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 align-items:center;
 justify-content:flex-start;
 padding:10px 0 12px;
 border-top:1px solid #f0f0f0;
 border-bottom:1px solid #f0f0f0;
 box-sizing:border-box;
}
.xh-filter-row--selected.is-empty{
 padding:0;
 min-height:0;
 border-top:none;
 border-bottom:1px solid #f0f0f0;
}
.xh-filter-row--selected.is-empty .xh-selected-lbl,
.xh-filter-row--selected.is-empty .xh-selected-tags{
 display:none;
}
.xh-selected-lbl{
 flex:0 0 auto;
 flex-shrink:0;
 font-size:12px;
 color:#999;
 line-height:28px;
 white-space:nowrap;
 margin:0 !important;
 float:none !important;
}
.xh-selected-tags{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 align-items:center;
 justify-content:flex-start;
 flex:0 1 auto;
 min-width:0;
 margin:0 !important;
 float:none !important;
}
.xh-selected-tag{
 display:inline-flex;
 align-items:center;
 gap:4px;
 height:28px;
 padding:0 10px;
 border:1px solid #ffd4b8;
 border-radius:14px;
 background:#fff;
 color:#ff6600;
 font-size:12px;
 line-height:1;
 white-space:nowrap;
 box-sizing:border-box;
 margin:0 !important;
 float:none !important;
}
.xh-tag-x{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:16px;height:16px;
 margin:0;padding:0;
 border:none;background:transparent;
 color:#ff6600;
 font-size:14px;line-height:1;
 cursor:pointer;
 opacity:.75;
}
.xh-tag-x:hover{opacity:1;}
.xh-clear-all{
 display:inline-flex;
 align-items:center;
 gap:4px;
 height:32px;
 padding:0 12px;
 margin-left:0;
 border:1px solid #e8e8e8;
 border-radius:16px;
 background:#fff;
 color:#666;
 font-size:12px;
 cursor:pointer;
 white-space:nowrap;
 transition:border-color .15s,color .15s;
 font-family:inherit;
 outline:none;
 box-sizing:border-box;
 flex-shrink:0;
 margin:0 !important;
 float:none !important;
}
.xh-clear-all svg{width:12px;height:12px;flex-shrink:0;}
.xh-clear-all:hover{border-color:#ddd;color:#333;}
.xh-drop-badge{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:16px;
 height:16px;
 padding:0 4px;
 border-radius:8px;
 background:#ff6600;
 color:#fff;
 font-size:10px;
 font-weight:600;
 line-height:1;
 box-sizing:border-box;
}
.xh-drop.has-filter>.xh-drop-btn{
 border-color:#ffd4b8;
 color:#ff6600;
}
.xh-filter-row--toolbar{
 justify-content:space-between;
 gap:16px;
 flex-wrap:nowrap;
 padding:10px 0;
 border-top:none;
 border-bottom:none;
}
.xh-filter-row--result{
 padding-top:10px;
 padding-bottom:0;
 font-size:13px;
 color:#333;
 line-height:1.4;
 justify-content:flex-start;
 text-align:left;
 border-top:1px solid #f0f0f0;
 border-bottom:none;
 box-sizing:border-box;
}
.xh-result-txt{
 display:inline-block;
 margin:0 !important;
 float:none !important;
 text-align:left;
 white-space:nowrap;
}
.xh-result-txt b{
 display:inline;
 margin:0 !important;
 padding:0;
 float:none !important;
 font-weight:700;
 color:#111;
}
.xh-filter .xh-drop,
.xh-filter .xh-drop-btn,
.xh-filter .xh-view-btn,
.xh-filter .xh-opt,
.xh-filter .xh-total,
.xh-filter .xh-result-txt,
.xh-filter .xh-selected-lbl,
.xh-filter .xh-selected-tags,
.xh-filter .xh-selected-tag,
.xh-filter .xh-tag-x,
.xh-filter .xh-clear-all{margin-left:0;margin-right:0;float:none;}
.xh-filter .xh-sort-item{margin-left:0;float:none;}
.xh-filter .xh-sort-bar .xh-sort-item{margin-right:24px !important;}
.xh-filter .xh-sort-bar .xh-sort-item--sub:last-child{margin-right:0 !important;}
.xh-filter .xh-selected-tag,
.xh-filter .xh-tag-x{margin:0 !important;}

/* 胶囊按钮 */
.xh-drop{position:relative;display:inline-block;vertical-align:top;}
.xh-drop-btn,
.xh-drop-btn--static{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:4px;
 height:32px;
 padding:0 14px;
 border:1px solid #e8e8e8;
 border-radius:16px;
 background:#fff;
 color:#333;
 font-size:12px;
 font-weight:400;
 line-height:1;
 cursor:pointer;
 white-space:nowrap;
 transition:border-color .15s,color .15s,background .15s;
 font-family:inherit;
 outline:none;
 box-sizing:border-box;
}
.xh-drop-btn--static{cursor:default;}
.xh-drop-btn:hover{border-color:#ddd;}
.xh-drop.open>.xh-drop-btn{
 border-color:#f5d9c8;
 color:#333;
 background:#fdf6f0;
}
.xh-drop-btn--main{padding-left:12px;}
.xh-drop-btn .xh-ico{width:13px;height:13px;flex-shrink:0;color:#666;}
.xh-drop-btn .xh-chev{width:10px;height:10px;flex-shrink:0;color:#c0c0c0;margin-left:2px;transition:transform .15s;}
.xh-drop.open>.xh-drop-btn .xh-chev{transform:rotate(180deg);color:#999;}

/* 下拉面板（图3：标题 + 分割线 + 纵向列表） */
.xh-drop-panel{
 display:none;
 position:absolute;
 top:calc(100% + 8px);
 left:0;
 z-index:300;
 min-width:200px;
 padding:16px 18px 14px;
 background:#fff;
 border:1px solid #f0f0f0;
 border-radius:16px;
 box-shadow:0 8px 28px rgba(0,0,0,.1);
 box-sizing:border-box;
}
.xh-drop.open>.xh-drop-panel{display:block;}
.xh-panel-hd{
 font-size:14px;font-weight:500;color:#333;line-height:1.3;
 margin:0 0 12px;padding:0;
}
.xh-panel-divider{
 height:1px;background:#f0f0f0;margin:0 0 6px;
}
.xh-opt-list{
 list-style:none;margin:0;padding:0;
}
.xh-opt{
 padding:11px 2px;
 font-size:13px;color:#666;line-height:1.3;
 cursor:pointer;user-select:none;
 transition:color .12s;
}
.xh-opt:hover{color:#ff6600;}
.xh-opt.on{color:#ff6600;font-weight:500;}

/* 第二行工具栏 */
.xh-toolbar-left{
 display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:0;
}
.xh-toolbar-vdiv{
 width:1px;height:14px;background:#e5e5e5;flex-shrink:0;margin:0 18px;
}
.xh-view-bar{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.xh-view-btn{
 display:inline-flex;align-items:center;gap:5px;
 height:28px;padding:0 12px;
 border:1px solid #e8e8e8;border-radius:14px;
 background:#fff;color:#4B5563;font-size:12px;font-weight:400;
 cursor:pointer;white-space:nowrap;
 transition:border-color .15s,color .15s,background .15s;user-select:none;line-height:1;
 box-sizing:border-box;
}
.xh-view-btn .xh-ico{width:15px;height:15px;color:#4B5563;flex-shrink:0;transition:color .15s;}
.xh-view-btn .xh-ico--outline{overflow:visible;}
.xh-view-btn .xh-ico--moon{width:14px;height:14px;}
.xh-view-btn:hover{border-color:#ffd4b8;color:#ff6600;}
.xh-view-btn:hover .xh-ico{color:#ff6600;}
.xh-view-btn.on{
 border-color:#ffd4b8;
 color:#ff6600;
 background:#fdf6f0;
 font-weight:400;
}
.xh-view-btn.on .xh-ico{color:#ff6600;}

/* 排序 */
.xh-sort-bar{
 display:flex;align-items:center;flex-wrap:nowrap;gap:0;
 flex:1 1 auto;min-width:0;
 position:relative;z-index:2;
}
.xh-sort-item{
 display:inline-flex;align-items:center;gap:4px;
 margin:0 24px 0 0 !important;font-size:12px;font-weight:400;color:#4B5563;cursor:pointer;
 white-space:nowrap;line-height:1;user-select:none;
 transition:color .12s;flex-shrink:0;
 position:relative;z-index:1;
}
.xh-sort-item.on{
 color:#ff6600;
 font-weight:400;
 gap:4px;
}
.xh-sort-item--sub{
 color:#4B5563;
 margin-right:24px;
 gap:4px;
 font-weight:400;
}
.xh-sort-item--sub:last-child{margin-right:0;}
.xh-sort-item:hover{color:#ff6600;}
.xh-sort-item--sub:hover{color:#ff6600;}
.xh-sort-item--sub.on{color:#ff6600;font-weight:400;}
.xh-sort-icon-slot{
 width:14px;height:12px;flex-shrink:0;
 display:inline-flex;align-items:center;justify-content:center;
}
.xh-sort-arrow-wrap{
 width:10px;height:8px;flex-shrink:0;
 display:inline-flex;align-items:center;justify-content:center;
 cursor:pointer;color:#c8cdd5;
}
.xh-sort-arrow{width:8px;height:5px;display:block;flex-shrink:0;}
.xh-sort-arrow-wrap .xh-sort-arrow--up{display:none;}
.xh-sort-arrow-wrap.is-asc .xh-sort-arrow--down{display:none;}
.xh-sort-arrow-wrap.is-asc .xh-sort-arrow--up{display:block;}
.xh-sort-item.on .xh-sort-arrow-wrap{color:#ff6600;}
.xh-sort-item:not(.on) .xh-sort-arrow-wrap{color:#c8cdd5;}
.xh-sort-both{
 width:14px;height:12px;flex-shrink:0;
 color:#c8cdd5;display:block;
}
.xh-sort-item--sub .xh-sort-both{color:#c8cdd5;opacity:1;}
.xh-sort-item--sub:hover .xh-sort-both{color:#ff6600;}
.xh-sort-item--sub.on .xh-sort-both{color:#ff6600;}
.xh-sort-item.on .xh-sort-both{display:block;color:#ff6600;}
.xh-sort-item.on .xh-sort-down{display:none;}
.xh-sort-item:not(.on) .xh-sort-down{display:none;}
.xh-sort-item:not(.on) .xh-sort-both{display:block;}
.xh-total{
 flex-shrink:0;font-size:12px;color:#999;white-space:nowrap;line-height:1;
 margin-left:12px;
}
.xh-total b{font-weight:400;color:#999;font-size:12px;}

/* 列表显示模式（参考小花商行：表头 + 卡片式数据行） */
.ls-xh-list-wrap{
 width:100%;overflow-x:auto !important;overflow-y:visible;
 box-sizing:border-box;margin-top:0;
 background:#fff;
 padding:8px 0 12px;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:thin;
 scrollbar-color:#c4c9d4 #f5f7fa;
}
.ls-xh-list-wrap::-webkit-scrollbar{height:8px;}
.ls-xh-list-wrap::-webkit-scrollbar-track{background:#f5f7fa;border-radius:4px;}
.ls-xh-list-wrap::-webkit-scrollbar-thumb{background:#c4c9d4;border-radius:4px;}
.ls-xh-list-wrap::-webkit-scrollbar-thumb:hover{background:#a8b0bc;}
.ls-xh-table{
 width:100%;min-width:1480px;
 border-collapse:separate;border-spacing:0 10px;
 table-layout:fixed;background:transparent;font-size:13px;
}
.ls-xh-table thead tr,
.ls-xh-table tbody tr{filter:none;}
.ls-xh-table thead th,
.ls-xh-table tbody td{
 padding:16px 6px;
 text-align:center;vertical-align:middle;
 line-height:1.5;
 background:#fff;
 border-top:1px solid #f0f0f0;
 border-bottom:1px solid #f0f0f0;
 box-sizing:border-box;
}
.ls-xh-table thead th{
 position:sticky;top:0;z-index:40;
 color:#4B5563;
 font-size:15px;font-weight:700;
 white-space:nowrap;
 box-shadow:none;
}
.ls-xh-table thead th:first-child,
.ls-xh-table tbody td:first-child{
 border-left:1px solid #f0f0f0;
 border-radius:8px 0 0 8px;
}
.ls-xh-table thead th:last-child,
.ls-xh-table tbody td:last-child{
 border-right:1px solid #f0f0f0;
 border-radius:0 8px 8px 0;
}
.ls-xh-table tbody tr{
 cursor:pointer;
 transition:filter .15s;
}
.ls-xh-table tbody td{
 font-size:13px;font-weight:500;color:#333;
 word-break:break-word;
}
.ls-xh-table tbody tr:hover{
 filter:drop-shadow(0 6px 8px rgba(75,85,99,.32));
}
.ls-xh-table tbody tr:hover td{border-color:#f0f0f0;}
.ls-xh-table .xh-c-no{width:88px;}
.ls-xh-table .xh-c-login{width:80px;}
.ls-xh-table .xh-c-coin{width:72px;}
.ls-xh-table .xh-c-safe{width:118px;padding-right:12px;}
.ls-xh-table .xh-c-ratio{width:52px;padding-left:6px;}
.ls-xh-table .xh-c-skin{width:110px;}
.ls-xh-table .xh-c-stat{width:52px;}
.ls-xh-table .xh-c-div{width:68px;}
.ls-xh-table .xh-c-renew{width:64px;}
.ls-xh-table .xh-c-price{width:60px;}
.ls-xh-table .xh-c-total{width:68px;}
.ls-xh-table .xh-c-act{width:80px;}
.ls-xh-table tbody td.xh-c-safe{overflow:hidden;}
.ls-xh-table tbody td.xh-c-skin{padding-left:8px;text-align:left;}
.ls-xh-no{
 display:inline-block;font-size:13px;font-weight:600;color:#d48806;
 line-height:1.3;
}
.ls-xh-login{
 display:inline-block;padding:1px 8px;border-radius:10px;
 font-size:12px;font-weight:500;line-height:1.5;white-space:nowrap;
 border:1px solid transparent;background:#fff;
}
.ls-xh-login--qq{color:#1677ff;border-color:#91caff;background:#f0f7ff;}
.ls-xh-login--wx{color:#52c41a;border-color:#b7eb8f;background:#f6ffed;}
.ls-xh-pill{
 display:inline-block;padding:2px 10px;border-radius:10px;
 font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;
}
.ls-xh-pill--coin{background:#f0faf4;color:#389e0d;}
.ls-xh-pill--safe{
 background:#f5f0ff;color:#722ed1;
 max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 vertical-align:middle;
}
.ls-xh-ratio{font-size:13px;font-weight:500;color:#d48806;}
.ls-xh-skin{
 display:block;color:#4a90e2;font-weight:500;font-size:12px;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;
}
.ls-xh-self{font-size:13px;font-weight:600;color:#52c41a;}
.ls-xh-yes{font-size:13px;font-weight:600;color:#52c41a;}
.ls-xh-no-flag{font-size:13px;font-weight:500;color:#bbb;}
.ls-xh-price{font-size:13px;font-weight:500;color:#333;}
.ls-xh-total{font-size:15px;font-weight:700;color:#ff6600;}
.ls-xh-muted{font-size:13px;font-weight:400;color:#ccc;}
.ls-xh-table .b{
 padding:2px 8px;font-size:12px;font-weight:600;line-height:1.4;
 border-radius:10px;white-space:nowrap;display:inline-block;
 margin:0;border:none !important;
}
.ls-xh-table .b-div-none{background:#fff1f0;color:#cf1322;}
.ls-xh-table .b-div-bz{background:#fff7e6;color:#d46b08;}
.ls-xh-table .b-div-by{background:#f5f5f5;color:#595959;}
.ls-xh-table .b-div-hj{background:#fffbe6;color:#d48806;}
.ls-xh-table .b-div-bj{background:#e6fffb;color:#08979c;}
.ls-xh-table .b-div-zs{background:#e6f4ff;color:#1677ff;}
.ls-xh-table .b-div-hy{background:#f9f0ff;color:#531dab;}
.ls-xh-table .b-div-top{background:#f3eeff;color:#722ed1;}
.ls-xh-rent-btn{
 padding:5px 14px;border:none;border-radius:4px;
 background:#ff6600;color:#fff;font-size:12px;font-weight:600;
 cursor:pointer;white-space:nowrap;line-height:1.3;
 box-shadow:none;transition:background .12s;
}
.ls-xh-rent-btn:hover{background:#ff8533;}

/* 图片显示模式（参考小花商行卡片） */
.ls-rent-grid{
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:16px;
 width:100%;max-width:100%;box-sizing:border-box;
 padding:8px 0 4px;
 overflow:visible;
}
@media(max-width:1100px){
 .ls-rent-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:860px){
 .ls-rent-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.ls-rent-card{
 width:100%;max-width:100%;min-height:368px;height:368px;
 background:#fff;border:1px solid #f0f0f0;border-radius:14px;
 overflow:hidden;cursor:pointer;
 display:flex;flex-direction:column;
 box-sizing:border-box;
 box-shadow:0 2px 10px rgba(0,0,0,.04);
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
/* 图片区：flex 纵向，底栏在文档流中固定显示（无图时也不消失） */
body.ls-page #rentGridView .ls-rent-card > .ls-rent-card-head,
body.ls-page #rentGridView .ls-rent-card > .ls-rent-card-img{
 display:flex !important;
 flex-direction:column !important;
 width:100% !important;
 height:170px !important;
 min-height:170px !important;
 max-height:170px !important;
 flex:0 0 170px !important;
 flex-shrink:0 !important;
 margin:0 !important;
 padding:0 !important;
 box-sizing:border-box !important;
 overflow:hidden !important;
 background:linear-gradient(180deg,#3a3a42 0%,#121218 55%,#000 100%);
}
body.ls-page #rentGridView .ls-rent-card-head.ls-rent-card-img--empty,
body.ls-page #rentGridView .ls-rent-card-img.ls-rent-card-img--empty{
 background:linear-gradient(180deg,#4a4a54 0%,#1a1a22 45%,#000 100%) !important;
}
body.ls-page #rentGridView .ls-rent-card-head .ls-rent-card-media-wrap,
body.ls-page #rentGridView .ls-rent-card-img .ls-rent-card-media-wrap{
 position:relative !important;
 flex:1 1 auto !important;
 min-height:0 !important;
 width:100% !important;
 margin:0 !important;
 padding:0 !important;
 overflow:hidden !important;
}
body.ls-page #rentGridView .ls-rent-card-head .ls-rent-card-media,
body.ls-page #rentGridView .ls-rent-card-img .ls-rent-card-media{
 position:absolute !important;
 top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;
 z-index:1 !important;
 width:100% !important;
 height:100% !important;
 margin:0 !important;
 padding:0 !important;
 overflow:hidden !important;
}
body.ls-page #rentGridView .ls-rent-card-head .ls-rent-card-ph,
body.ls-page #rentGridView .ls-rent-card-img .ls-rent-card-ph{
 width:100% !important;
 height:100% !important;
 min-height:100% !important;
 display:block !important;
 margin:0 !important;
 background:linear-gradient(180deg,#4a4a54 0%,#1a1a22 45%,#000 100%) !important;
}
body.ls-page #rentGridView .ls-rent-card-head .ls-rent-card-media img,
body.ls-page #rentGridView .ls-rent-card-img .ls-rent-card-media img{
 width:100% !important;
 height:100% !important;
 object-fit:cover !important;
 object-position:center !important;
 display:block !important;
 margin:0 !important;
 transition:transform .4s ease;
 transform:scale(1);
}
body.ls-page #rentGridView .ls-rent-card:hover .ls-rent-card-media img{
 transform:scale(1.08);
}
body.ls-page #rentGridView .ls-rent-card-head .ls-rent-card-tools,
body.ls-page #rentGridView .ls-rent-card-img .ls-rent-card-tools{
 position:absolute !important;
 top:10px !important;right:10px !important;
 left:auto !important;bottom:auto !important;
 display:flex !important;
 gap:8px !important;
 z-index:6 !important;
 margin:0 !important;
 padding:0 !important;
 width:auto !important;
 height:auto !important;
 pointer-events:none !important;
}
body.ls-page #rentGridView .ls-rent-card-head .ls-rent-card-bar,
body.ls-page #rentGridView .ls-rent-card-img .ls-rent-card-bar{
 position:relative !important;
 flex:0 0 auto !important;
 width:100% !important;
 z-index:5 !important;
 display:flex !important;
 align-items:center !important;
 justify-content:flex-start !important;
 gap:10px !important;
 padding:7px 12px !important;
 margin:0 !important;
 box-sizing:border-box !important;
 background:rgba(0,0,0,.72) !important;
 color:#fff !important;
 font-size:11px !important;
 line-height:1.3 !important;
 text-align:left !important;
}
body.ls-page #rentGridView .ls-rent-card-bar span,
body.ls-page #rentGridView .ls-rent-card-bar i,
body.ls-page #rentGridView .ls-rent-card-bar b{
 margin:0 !important;
 float:none !important;
}
.ls-rent-card:hover{
 transform:translateY(-4px);
 border-color:#ff6600;
 box-shadow:0 0 0 1px #ff6600,0 12px 28px rgba(255,102,0,.18);
 position:relative;
 z-index:2;
}
.ls-rent-card-ico{
 width:24px;height:24px;border-radius:50%;
 background:rgba(0,0,0,.4);color:#fff;
 display:inline-flex;align-items:center;justify-content:center;
 transition:background .15s,transform .15s;
 cursor:pointer;
 pointer-events:auto !important;
 position:relative;
 z-index:7;
}
.ls-rent-card:hover .ls-rent-card-ico{background:rgba(0,0,0,.55);}
.ls-rent-card-ico:hover{background:rgba(0,0,0,.72) !important;transform:scale(1.08);}
.ls-rent-card-ico.ls-rent-card-fav.is-active{background:rgba(0,0,0,.72) !important;}
.ls-rent-card-ico.ls-rent-card-fav.is-active svg path{
 fill:#ffb84d;
 stroke:#ffb84d;
}
.ls-rent-card-ico svg{width:12px;height:12px;pointer-events:none;}
.ls-rent-card-bar-sep{
 font-style:normal;opacity:.45;font-size:10px;
}
.ls-rent-card-bar b{font-weight:700;margin-left:2px;}
.ls-rent-bar-v1{color:#ffb84d;}
.ls-rent-bar-v2{color:#52c41a;}
.ls-rent-bar-v3{color:#69b1ff;}
.ls-rent-card-bd{
 flex:1 1 auto;min-height:0;
 padding:8px 14px 8px;
 display:flex;flex-direction:column;
 box-sizing:border-box;
 text-align:left;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
}
.ls-rent-card-bd .ls-rent-card-title,
.ls-rent-card-bd .ls-rent-card-sub,
.ls-rent-card-bd .ls-rent-card-tip,
.ls-rent-card-bd .ls-rent-card-meta,
.ls-rent-card-bd .ls-rent-card-meta span,
.ls-rent-card-bd .ls-rent-card-foot,
.ls-rent-card-bd .ls-rent-card-price,
.ls-rent-card-bd .ls-rent-card-price b,
.ls-rent-card-bd .ls-rent-card-price-sub{
 margin-left:0 !important;
 margin-right:0 !important;
 text-align:left;
}
.ls-rent-card-bd .ls-rent-card-price-sub{color:#4B5563 !important;}
.ls-rent-card-bd .ls-rent-card-price b{color:#f5222d !important;}
.ls-rent-card-tags{
 display:flex;flex-wrap:wrap;gap:6px;
 justify-content:flex-start !important;align-items:flex-start;
 align-content:flex-start;
 min-height:20px;margin-bottom:6px;overflow:hidden;
 width:100%;text-align:left;
}
body.ls-page #rentGridView .ls-rent-card-tags,
body.ls-page #rentGridView .ls-rent-card-tags .ls-rent-tag{
 margin-left:0 !important;
 margin-right:0 !important;
 float:none !important;
}
.ls-rent-tag{
 display:inline-block;padding:2px 8px;border-radius:4px;
 font-size:11px;font-weight:600;color:#fff;line-height:1.4;
 white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;
 vertical-align:top;
}
.ls-rent-tag--v{background:#7c5cfc;}
.ls-rent-tag--o{background:#ff7a45;}
.ls-rent-tag--b{background:#1677ff;}
.ls-rent-tag--r{background:#eb2f96;}
.ls-rent-tag--y{background:#faad14;}
.ls-rent-card-title{
 font-size:15px;font-weight:700;color:#111827;line-height:1.4;
 margin-bottom:5px;overflow:hidden;
 white-space:nowrap;text-overflow:ellipsis;
 text-align:left;
}
.ls-rent-card-sub{
 font-size:14px;color:#4B5563;line-height:1.5;
 margin-bottom:8px;overflow:hidden;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
 max-height:42px;
 text-align:left;
 width:100%;
}
.ls-rent-card-tip{
 flex-shrink:0;
 align-self:stretch;
 display:block;
 width:100%;
 box-sizing:border-box;
 padding:5px 12px;margin-bottom:6px;
 background:#fff5f5;border:1px solid #ffccc7;border-radius:20px;
 font-size:13px;font-weight:500;color:#f5222d;line-height:1.45;
 overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
 text-align:left;
}
.ls-rent-card-meta{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;
 font-size:12px;color:#4B5563;line-height:1.4;
 margin-bottom:0;padding-top:0;
 min-height:16px;overflow:hidden;text-align:left;
 width:100%;
}
.ls-rent-meta-rank{color:#fa8c16;font-weight:700;}
.ls-rent-card-bd .ls-rent-meta-rank{color:#fa8c16 !important;font-weight:700 !important;}
.ls-rent-card-foot{
 display:flex;align-items:center;justify-content:flex-start;
 gap:8px;padding-top:8px;padding-bottom:6px;margin-top:8px;
 border-top:1px solid #f0f0f0;
}
.ls-rent-card-price{
 min-width:0;flex:1;
 display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 8px;
 text-align:left;
}
.ls-rent-card-price b{
 display:inline;font-size:20px;font-weight:800;color:#f5222d;line-height:1.2;
 margin:0 !important;
}
.ls-rent-card-price-sub{
 display:inline;margin:0 !important;
 font-size:11px;color:#4B5563;font-weight:400;line-height:1.35;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* 旧版筛选栏（兼容其他页） */
.ls-filter{
 background:var(--ls-card);
 border:1px solid var(--ls-border);
 border-radius:var(--ls-radius);
 padding:12px 14px;
 margin-bottom:12px;
 box-shadow:var(--ls-shadow);
}
.ls-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ls-div-filter{display:flex;gap:4px;flex-wrap:wrap;flex:1 1 auto;min-width:0;}
.ls-mchip{
 padding:4px 14px;
 border-radius:20px;
 font-size:12px;
 cursor:pointer;
 border:1px solid #e8e8e8;
 background:#fafafa;
 color:#555;
 font-weight:500;
 white-space:nowrap;
 transition:all .15s;
}
.ls-mchip:hover{border-color:var(--ls-primary);color:var(--ls-primary);background:var(--ls-primary-soft);}
.ls-mchip.on{border-color:var(--ls-primary);color:#fff;background:var(--ls-primary);}
.ls-mchip.hot{border-color:#ff4d4f;color:#ff4d4f;background:#fff1f0;}
.ls-mchip.hot.on{background:#ff4d4f;color:#fff;border-color:#ff4d4f;}
.ls-mchip.special{border-color:#faad14;color:#fa8c16;background:#fffbe6;}
.ls-mchip.special.on{background:#faad14;color:#fff;border-color:#faad14;}
.ls-sort-btns{display:flex;gap:4px;flex-shrink:0;}
.ls-sort-btn{
 padding:4px 10px;
 border-radius:8px;
 font-size:11px;
 cursor:pointer;
 border:1px solid #e8e8e8;
 background:#fafafa;
 color:#666;
 transition:all .15s;
}
.ls-sort-btn.on{border-color:var(--ls-primary);color:var(--ls-primary);background:var(--ls-primary-soft);}
.ls-price-range{display:flex;align-items:center;gap:6px;}
.ls-price-sep{color:#ddd;}
.ls-price-inp{
 width:72px;
 padding:4px 8px;
 border:1px solid #e8e8e8;
 border-radius:8px;
 font-size:12px;
 background:#fff;
}
.ls-price-inp:focus{border-color:var(--ls-primary);outline:none;box-shadow:0 0 0 2px rgba(119,68,221,.12);}

/* ── 密集多列表格（参考 zxfps，紫色主题） ── */
.ls-table-wrap{
 overflow:visible;
 background:var(--ls-card);
 border:1px solid #e2d9f5;
 border-radius:8px;
 box-shadow:var(--ls-shadow);
}
.ls-rent-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px;}
.ls-rent-table--dense .c-no{width:10%;}
.ls-rent-table--dense .c-img{width:5%;}
.ls-rent-table--dense .c-login{width:6%;}
.ls-rent-table--dense .c-div{width:5%;}
.ls-rent-table--dense .c-face{width:4%;}
.ls-rent-table--dense .c-asset,.ls-rent-table--dense .c-coin{width:5%;}
.ls-rent-table--dense .c-ratio{width:5%;}
.ls-rent-table--dense .c-lv,.ls-rent-table--dense .c-train,.ls-rent-table--dense .c-rank,.ls-rent-table--dense .c-kd{width:4%;}
.ls-rent-table--dense .c-safe{width:11%;}
.ls-rent-table--dense .c-dep{width:6%;}
.ls-rent-table--dense .c-price{width:8%;}
.ls-rent-table--dense .c-act{width:7%;}
.ls-rent-table--dense thead tr{background:#1a1a1a;}
.ls-rent-table--dense thead th{
 padding:9px 2px;text-align:center;font-size:10px;color:#fff;font-weight:700;
 white-space:nowrap;border-right:1px solid rgba(255,255,255,.1);letter-spacing:.02em;
}
.ls-rent-table--dense thead th:last-child{border-right:none;}
.ls-rent-table--dense thead .th-no{text-align:left;padding-left:8px;}
.ls-rent-table--dense tbody tr{border-bottom:1px solid #eef0f5;cursor:pointer;transition:background .12s;}
.ls-rent-table--dense tbody tr:nth-child(even){background:#f8f9fc;}
.ls-rent-table--dense tbody tr:nth-child(odd){background:#fff;}
.ls-rent-table--dense tbody tr:hover{background:#f3eeff;box-shadow:inset 3px 0 0 var(--ls-primary);}
.ls-rent-table--dense tbody td{
 padding:6px 2px;text-align:center;vertical-align:middle;word-break:break-word;
 border-right:1px solid #f3f4f8;line-height:1.35;
}
.ls-rent-table--dense tbody td:last-child{border-right:none;}
.ls-rent-table--dense .b,
.ls-rent-table--dense .b-tag{
 padding:1px 4px;font-size:9px;line-height:1.3;border-radius:3px;
 margin:1px 1px 1px 0;white-space:nowrap;display:inline-block;vertical-align:middle;
}
.ls-dense-thumb{width:44px;height:34px;object-fit:cover;border-radius:4px;border:1px solid #e2d9f5;cursor:zoom-in;display:block;margin:0 auto;}
.ls-dense-noimg{display:inline-flex;align-items:center;justify-content:center;width:44px;height:34px;font-size:9px;color:#bbb;background:#f8f5ff;border:1px dashed #e2d9f5;border-radius:4px;margin:0 auto;}
.ls-cell-stack{display:flex;flex-direction:column;align-items:center;gap:2px;}
.td-no{text-align:left !important;padding-left:6px !important;}
.td-img{padding:4px 2px !important;}
.td-login{line-height:1.2;}
.td-safe .b{white-space:normal;max-width:100%;}
.td-tags,.td-notes{text-align:left !important;padding:4px 3px !important;}
.td-notes{font-size:9px;color:#888;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.td-act{padding:4px 3px !important;text-align:center !important;}
.ls-rent-table--dense .listing-no{font-size:10px;color:var(--ls-primary);font-weight:800;font-family:monospace;line-height:1.2;}
.ls-rent-table--dense .listing-title{font-size:9px;color:#888;margin-top:2px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.ls-rent-table--dense .b-price{font-size:10px;font-weight:800;}
.ls-act-btns{display:flex;flex-direction:column;gap:4px;align-items:stretch;width:100%;}
.ls-rent-table--dense .ls-act-btns{gap:3px;align-items:center;width:auto;margin:0 auto;}
.ls-rent-table--dense .ls-btn-order,
.ls-rent-table--dense .ls-btn-detail{width:auto;min-width:40px;display:inline-block;}
.ls-rent-table--dense .ls-btn-order{padding:3px 8px;font-size:10px;border-radius:4px;box-shadow:0 1px 4px rgba(119,68,221,.2);}
.ls-btn-order{
 padding:6px 10px;border-radius:8px;
 background:linear-gradient(135deg,#8b6fd4,var(--ls-primary));
 color:#fff;border:none;font-size:11px;font-weight:700;cursor:pointer;
 display:block;width:100%;box-sizing:border-box;line-height:1.3;
 box-shadow:0 2px 8px rgba(119,68,221,.22);
 transition:transform .15s,box-shadow .15s,opacity .15s;
}
.ls-btn-order:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px rgba(119,68,221,.28);}
.ls-rent-table--dense .ls-btn-order:hover{transform:none;box-shadow:0 2px 6px rgba(119,68,221,.28);}
.ls-btn-detail{
 padding:5px 10px;border-radius:8px;background:#fff;color:var(--ls-primary);
 border:1px solid #e2d9f5;font-size:11px;font-weight:600;cursor:pointer;
 display:block;width:100%;text-align:center;text-decoration:none;box-sizing:border-box;line-height:1.3;
 transition:background .15s,border-color .15s,color .15s;
}
.ls-rent-table--dense .ls-btn-detail{padding:2px 8px;font-size:9px;border-radius:4px;}
.ls-btn-detail:hover{background:var(--ls-primary-soft);border-color:var(--ls-primary);color:var(--ls-primary-dark);}
.ls-no-img{font-size:10px;color:#ccc;}

/* ── 分页 ── */
.ls-pager{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:12px;
 padding:16px 4px 6px;
 margin-top:4px;
 border-top:1px solid var(--ls-border);
}
.ls-pg-info{font-size:12px;color:var(--ls-muted);}
.ls-pg-btns{display:flex;gap:6px;flex-wrap:wrap;}
.ls-pager a{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-width:34px;
 height:34px;
 padding:0 12px;
 border:1px solid #e8e8e8;
 border-radius:8px;
 font-size:13px;
 cursor:pointer;
 color:#666;
 background:#fff;
 text-decoration:none;
 transition:all .15s;
}
.ls-pager a:hover{border-color:var(--ls-primary);color:var(--ls-primary);background:var(--ls-primary-soft);}
.ls-pager a.on{background:var(--ls-primary);border-color:var(--ls-primary);color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(119,68,221,.2);}

/* ── 徽章（实心彩底 + 白字，参考 zxfps） ── */
.b{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:700;white-space:nowrap;margin:1px;border:none !important;color:#fff;}
.b-qq{background:#1677ff;}
.b-wx{background:#52c41a;}
.b-acct{background:#d46b08;}
.b-face{background:#722ed1;}
.b-noface{background:#8c8c8c;}
.b-safe-vip{background:#d48806;}
.b-safe-hi{background:#1677ff;}
.b-safe-md{background:#52c41a;}
.b-safe-no{background:#8c8c8c;}
.b-div-none{background:#cf1322;}
.b-div-bz{background:#d4380d;}
.b-div-by{background:#595959;}
.b-div-hj{background:#d48806;}
.b-div-bj{background:#08979c;}
.b-div-zs{background:#0958d9;}
.b-div-hy{background:#531dab;}
.b-div-top{background:linear-gradient(90deg,#8b6fd4,var(--ls-primary));color:#fff;}
.b-kd-lo{background:#389e0d;}
.b-kd-md{background:#d48806;}
.b-kd-hi{background:#cf1322;}
.b-dep{background:#cf1322;}
.b-dep-free{background:#8c8c8c;}
.b-price{background:var(--ls-accent);color:#fff;font-weight:700;}
.b-train{background:#d46b08;}
.b-rank{background:#08979c;}
.b-asset-hi{background:#0958d9;}
.b-asset-md{background:#2f54eb;}
.b-asset-lo{background:#8c8c8c;}
.b-coin-hi{background:#722ed1;}
.b-coin-md{background:#1d39c4;}
.b-coin-lo{background:#8c8c8c;}
.b-ratio{background:#08979c;}
.b-ratio-none{background:#8c8c8c;}
.b-lv-hi{background:#cf1322;}
.b-lv-md{background:#d48806;}
.b-lv-lo{background:#389e0d;}
.b-tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:600;margin:1px;color:#fff;border:none;background:#8c8c8c;}
.b-tag.red{background:#cf1322;}
.b-tag.green{background:#389e0d;}
.b-tag.blue{background:#0958d9;}
.b-tag.orange{background:#d46b08;}
.b-tag.purple{background:#531dab;}

/* ── 出售卡片 ── */
.ls-sell-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:4px 0;}
@media(max-width:1280px){.ls-sell-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:900px){.ls-sell-grid{grid-template-columns:repeat(2,1fr);}}
.ls-sell-card{
 background:var(--ls-card);
 border:1px solid var(--ls-border);
 border-radius:var(--ls-radius);
 overflow:hidden;
 cursor:pointer;
 transition:box-shadow .2s,transform .2s;
 box-shadow:var(--ls-shadow);
}
.ls-sell-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08);}
.ls-sell-img{height:140px;background:#f7f7f7;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.ls-sell-img img{width:100%;height:100%;object-fit:cover;}
.ls-sell-tag{position:absolute;top:8px;left:8px;background:#fff5eb;color:var(--ls-accent);font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;}
.ls-sell-bd{padding:10px 12px;}
.ls-sell-title{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;}
.ls-sell-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px;}
.ls-sell-price{font-size:20px;font-weight:800;color:var(--ls-accent);}
.ls-sell-price small{font-size:11px;font-weight:400;color:#aaa;}

/* ── 详情页 ── */
.ls-detail-wrap{float:left;width:100%;}
.ls-detail-no{display:inline-block;background:var(--ls-primary-soft);color:var(--ls-primary);font-family:monospace;font-size:13px;font-weight:800;padding:3px 10px;border-radius:6px;margin-right:10px;}
.ls-detail-title{font-size:17px;font-weight:800;color:#1a1a1a;line-height:1.6;margin:10px 0;display:inline;}
.ls-type-badge{display:inline-block;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:700;margin-left:8px;vertical-align:middle;}
.ls-type-rent{background:var(--ls-primary-soft);color:var(--ls-primary);border:1px solid #e2d9f5;}
.ls-type-sell{background:#fff5eb;color:var(--ls-accent);border:1px solid #ffc9a8;}
.ls-strip{display:flex;border:1px solid var(--ls-border);border-radius:var(--ls-radius);overflow:hidden;margin:16px 0;background:linear-gradient(90deg,var(--ls-primary-soft),#fff);flex-wrap:wrap;box-shadow:var(--ls-shadow);}
.ls-strip-item{flex:1;min-width:100px;padding:14px 10px;text-align:center;border-right:1px solid #f5f5f5;}
.ls-strip-item:last-child{border-right:none;}
.ls-strip-lbl{font-size:11px;color:#aaa;margin-bottom:6px;}
.ls-strip-val{font-size:20px;font-weight:800;line-height:1.1;color:var(--ls-text);}
.ls-strip-unit{font-size:12px;font-weight:400;color:#aaa;margin-left:2px;}
.ls-sec{font-size:14px;font-weight:700;color:#1a1a1a;margin:16px 0 12px;padding-left:10px;border-left:3px solid var(--ls-primary);}
.ls-dt-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;}
@media(max-width:900px){.ls-dt-badges{grid-template-columns:repeat(2,1fr);}}
.ls-dt-badge{border-radius:9px;padding:11px 13px;display:flex;flex-direction:column;gap:4px;min-width:0;}
.ls-dt-badge-lbl{font-size:11px;opacity:.65;}
.ls-dt-badge-val{font-size:14px;font-weight:800;word-break:break-all;}
.ls-guarantee{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:var(--ls-primary-soft);border-radius:var(--ls-radius);border:1px solid #e2d9f5;margin-bottom:16px;font-size:13px;color:#555;}
.ls-gi{color:var(--ls-primary);font-weight:600;}
.ls-tabs{margin-top:16px;border:1px solid var(--ls-border);border-radius:var(--ls-radius);overflow:hidden;background:var(--ls-card);box-shadow:var(--ls-shadow);}
.ls-tab-hd{display:flex;border-bottom:2px solid #f0f0f0;}
.ls-tab-btn{padding:12px 28px;font-size:14px;font-weight:700;color:#999;cursor:pointer;border:none;background:none;border-bottom:3px solid transparent;margin-bottom:-2px;}
.ls-tab-btn.on{color:var(--ls-primary);border-bottom-color:var(--ls-primary);}
.ls-tab-pane{padding:20px;display:none;}
.ls-tab-pane.on{display:block;}
.ls-irow{display:flex;padding:10px 0;border-bottom:1px solid #f5f5f5;font-size:13px;gap:16px;}
.ls-ikey{width:88px;flex-shrink:0;color:#999;}
.ls-ival{flex:1;color:#333;word-break:break-all;}
.ls-dt-imgs{display:flex;flex-direction:column;gap:10px;margin-top:12px;}
.ls-dt-imgs img{width:100%;max-width:600px;border-radius:8px;border:1px solid #f0f0f0;cursor:zoom-in;}
.ls-notice{font-size:13px;color:#555;line-height:1.9;}
.ls-notice h4{font-size:14px;font-weight:700;margin:16px 0 8px;}
.ls-notice li{margin:4px 0 4px 18px;}
.ls-rent-days{margin:12px 0;}
.ls-rent-days input{width:80px;padding:6px;border:1px solid var(--ls-border);border-radius:8px;}
.ls-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}

/* ── 详情页（小花商行风格双栏） ── */
body.ls-page--detail{background:#f3f2f7;}
body.ls-page--detail .yjcode{overflow:visible;}
body.ls-page--detail .bgkuang{background:#f3f2f7;padding:20px 25px 28px;overflow:visible;}
body.ls-page--detail .bgkuang > .alltype.dl-panel{
 margin:-20px -25px -28px -25px !important;
 padding:16px 20px 24px !important;
 background:#f3f2f7;
 overflow:visible !important;
}
body.ls-page--detail .alltype.dl-panel #pageContent,
body.ls-page--detail .ls-dv-page,
body.ls-page--detail .ls-dv-main,
body.ls-page--detail .ls-dv-aside{
 float:none !important;overflow:visible !important;
}
body.ls-page--detail .ls-dv-aside{
 position:sticky !important;top:72px !important;align-self:flex-start !important;
}
.ls-dv-back{margin:0 0 14px;}
.ls-dv-back a{font-size:13px;color:#6b7280;text-decoration:none;}
.ls-dv-back a:hover{color:#ff6600;}
.ls-dv-loading,.ls-dv-error{
 padding:80px 20px;text-align:center;color:#9ca3af;font-size:14px;
}
.ls-dv-error{color:#f5222d;}
.ls-dv-page{
 display:flex;align-items:flex-start;gap:20px;width:100%;
 box-sizing:border-box;max-width:1400px;margin:0 auto;
}
.ls-dv-main{
 flex:1 1 auto;min-width:0;
}
.ls-dv-aside{
 width:440px;flex:0 0 440px;align-self:flex-start;
 position:sticky;top:72px;z-index:30;
}
.ls-dv-sidebar{
 display:flex;flex-direction:column;gap:12px;
 width:100%;box-sizing:border-box;
 overflow:visible;
}
.ls-dv-hero{
 position:relative;border-radius:14px;overflow:hidden;
 min-height:460px;background:#0f1419;
 box-shadow:0 4px 20px rgba(0,0,0,.08);
}
.ls-dv-hero-img{
 display:block;width:100%;min-height:460px;max-height:none;
 object-fit:contain;object-position:center center;
 background:#0f1419;
}
.ls-dv-hero--empty{
 min-height:320px;
 background:linear-gradient(135deg,#1f2937 0%,#374151 55%,#111827 100%);
}
.ls-dv-hero-mask{
 position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.78) 100%);
 pointer-events:none;
}
.ls-dv-hero-body{
 position:absolute;left:0;right:0;bottom:0;z-index:1;
 padding:28px 24px 22px;
 color:#fff;text-align:left;
}
.ls-dv-hero-badge{
 display:inline-block;padding:2px 10px;border-radius:999px;
 background:rgba(255,102,0,.92);color:#fff;font-size:11px;font-weight:700;
 margin-bottom:10px;
}
.ls-dv-hero-title{
 margin:0 0 10px;font-size:24px;font-weight:800;line-height:1.35;color:#fff;
}
.ls-dv-hero-meta{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start !important;
 gap:6px;font-size:12px;color:rgba(255,255,255,.72);
 text-align:left !important;width:100%;margin:0 !important;
}
.ls-dv-hero-meta span{margin:0 !important;float:none !important;text-align:left !important;}
.ls-dv-hero-dot{opacity:.55;margin:0 !important;}
.ls-dv-card{
 background:#fff;border-radius:12px;padding:20px;
 margin-top:14px;border:1px solid #f0f0f0;
 box-shadow:0 2px 10px rgba(0,0,0,.04);
 box-sizing:border-box;text-align:left !important;
}
.ls-dv-card-hd{
 display:flex;align-items:center;gap:8px;margin-bottom:16px;
 justify-content:flex-start !important;text-align:left !important;
 width:100%;box-sizing:border-box;
}
.ls-dv-hd-svg{width:18px;height:18px;flex-shrink:0;margin:0 !important;}
.ls-dv-card-ico{
 width:4px;height:16px;border-radius:2px;background:#ff6600;flex-shrink:0;margin:0 !important;
}
.ls-dv-card-hd h3{
 margin:0 !important;font-size:15px;font-weight:700;color:#111827;line-height:1.2;
 text-align:left !important;float:none !important;width:auto !important;
}
.ls-dv-card-extra{
 margin-left:auto !important;margin-right:0 !important;float:none !important;
 font-size:12px;color:#9ca3af;font-weight:400;text-align:right;
}
.ls-dv-param-grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
@media(max-width:1100px){
 .ls-dv-param-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:900px){
 .ls-dv-page{flex-direction:column;}
 .ls-dv-aside{width:100%;flex:1 1 auto;position:static !important;}
}
.ls-dv-param-col{
 border:1px solid #f0f0f0;border-radius:14px;padding:14px 14px 10px;
 background:#fff;min-width:0;
}
.ls-dv-param-row{
 display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
 padding:8px 0;border-bottom:1px solid #f5f5f5;font-size:12px;line-height:1.45;
}
.ls-dv-param-row:last-child{border-bottom:none;padding-bottom:0;}
.ls-dv-param-k{color:#4B5563;flex-shrink:0;font-size:12px;}
.ls-dv-param-v{color:#111827;font-weight:600;text-align:right;word-break:break-all;font-size:12px;}
.ls-dv-param-v--hl{color:#ff6600;font-weight:700;}
.ls-dv-skin-section{
 margin-top:18px;padding-top:16px;border-top:1px solid #f5f5f5;
 display:flex;flex-direction:column;align-items:flex-start;width:100%;
 text-align:left !important;
}
.ls-dv-skin-title{
 font-size:14px;font-weight:700;color:#111827;margin-bottom:12px;
 text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-skin-row{
 display:flex;align-items:center;justify-content:flex-start;gap:0;
 padding:8px 0;border-bottom:1px solid #f8f8f8;
 width:100%;max-width:100%;flex-wrap:wrap;
 text-align:left !important;margin:0 !important;
}
.ls-dv-skin-row:last-child{border-bottom:none;padding-bottom:0;}
.ls-dv-skin-k{
 flex:0 0 auto;font-size:12px;color:#4B5563;
 padding:0;margin:0 4px 0 0 !important;text-align:left !important;
}
.ls-dv-skin-tags{
 display:inline-flex;flex:0 0 auto;flex-wrap:wrap;gap:4px;
 align-items:center;margin:0 !important;justify-content:flex-start;
}
.ls-dv-skin-tag{margin:0 !important;}
.ls-dv-skin-tag{
 display:inline-block;padding:4px 14px;border-radius:4px;
 font-size:12px;font-weight:600;color:#fff;line-height:1.4;
}
.ls-dv-skin-tag--p{background:#7c5cfc;}
.ls-dv-skin-tag--r{background:#c41d3f;}
.ls-dv-skin-tag--o{background:#fa8c16;}
.ls-dv-empty-note{font-size:13px;color:#9ca3af;padding:4px 0;}
.ls-dv-notes{display:flex;flex-direction:column;gap:16px;text-align:left !important;}
.ls-dv-note-block{text-align:left !important;width:100%;}
.ls-dv-note-label{
 font-size:13px;font-weight:600;color:#374151;margin-bottom:10px;
 text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-note-pill{
 display:block;width:100%;box-sizing:border-box;
 padding:12px 20px;border-radius:24px;font-size:13px;color:#374151;line-height:1.5;
 border:1px solid transparent;text-align:left !important;
 margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-note-pill--green{
 background:#f6ffed;border-color:#b7eb8f;
}
.ls-dv-note-pill--orange{
 background:#fffbe6;border-color:#ffe58f;
}
.ls-dv-flow--4{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
@media(max-width:1100px){
 .ls-dv-flow--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.ls-dv-flow-item{
 padding:16px 14px;border:1px solid #f0f0f0;border-radius:10px;background:#fff;
 text-align:left !important;min-height:100px;box-sizing:border-box;
 margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-flow-num{
 font-size:20px;font-weight:800;color:#ff801a;line-height:1;margin-bottom:10px;
 font-family:Georgia,serif;text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-flow-item b{
 display:block;font-size:14px;color:#111827;margin-bottom:6px;font-weight:700;
 text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-flow-item p{
 margin:0 !important;font-size:12px;color:#4B5563;line-height:1.55;
 text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-imgs{display:flex;flex-direction:column;gap:16px;}
.ls-dv-imgs img{
 width:100%;border-radius:12px;border:1px solid #e8eaed;cursor:zoom-in;display:block;
 min-height:360px;object-fit:contain;background:#0f1419;padding:4px;box-sizing:border-box;
}
.ls-dv-owner-card,.ls-dv-buy-card{
 background:#fff;border-radius:12px;border:1px solid #f0f0f0;
 box-shadow:0 2px 10px rgba(0,0,0,.04);overflow:hidden;
 width:100%;box-sizing:border-box;margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-owner-card{padding:0;}
.ls-dv-buy-card{padding:20px 22px 18px;}
.ls-dv-owner-cap{
 font-size:13px;font-weight:700;color:#111827;text-align:left !important;
 background:#fafafa;border-bottom:1px solid #f0f0f0;
 padding:12px 18px;margin:0 !important;
}
.ls-dv-owner{
 display:flex;align-items:center;justify-content:flex-start;gap:10px;
 padding:14px 16px 16px;text-align:left !important;
}
.ls-dv-owner-ava{
 width:40px;height:40px;border-radius:50%;flex-shrink:0;
 background:#fff5f0;border:1px solid #f0e6e0;
 display:flex;align-items:center;justify-content:center;margin:0 !important;
}
.ls-dv-owner-info{flex:0 1 auto;text-align:left !important;margin:0 !important;}
.ls-dv-owner-name{font-size:14px;font-weight:700;color:#111827;text-align:left !important;margin:0 !important;}
.ls-dv-owner-role{font-size:12px;color:#9ca3af;margin-top:2px;text-align:left !important;margin-left:0 !important;}
.ls-dv-buy-card{
 display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100% !important;
}
.ls-dv-buy-card > *{margin-left:0 !important;margin-right:auto !important;text-align:left !important;}
.ls-dv-price-lbl{font-size:13px;color:#4B5563;margin-bottom:6px;text-align:left !important;margin-left:0 !important;}
.ls-dv-price-main{
 font-size:38px;font-weight:800;color:#ff801a;line-height:1.05;margin-bottom:8px;
 letter-spacing:-0.5px;text-align:left !important;margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-price-sub{font-size:14px;color:#111827;line-height:1.55;margin-bottom:2px;text-align:left !important;margin-left:0 !important;}
.ls-dv-price-refund{font-size:13px;color:#9ca3af;margin-bottom:6px;text-align:left !important;margin-left:0 !important;}
.ls-dv-info-list{
 padding:14px 0 16px;margin:0 !important;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;
 width:100%;box-sizing:border-box;text-align:left !important;
}
.ls-dv-info-row{
 display:flex;align-items:center;gap:10px;padding:10px 0;
 font-size:14px;line-height:1.45;width:100%;text-align:left !important;
 margin-left:0 !important;margin-right:0 !important;
}
.ls-dv-info-ico{
 width:22px;height:22px;flex-shrink:0;color:#c4c9d4;
 display:inline-flex;align-items:center;justify-content:center;margin:0 !important;
}
.ls-dv-info-k{
 color:#4B5563 !important;flex:1;white-space:nowrap;text-align:left !important;
 margin:0 !important;font-weight:400;
}
.ls-dv-info-v{
 color:#111827 !important;font-weight:600;text-align:right !important;
 word-break:break-all;max-width:58%;margin:0 !important;
}
.ls-dv-info-v--hl{color:#ff801a !important;font-weight:700;}
.ls-dv-days{
 display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;
 background:transparent;border-radius:0;padding:12px 0 4px;
 box-shadow:none;width:auto !important;max-width:100%;
 text-align:left !important;margin:0 !important;
}
.ls-dv-days label{
 font-size:14px;color:#374151;font-weight:600;flex:0 0 auto;
 margin:0 !important;text-align:left !important;
}
.ls-dv-days input{
 width:88px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;
 font-size:14px;text-align:center;outline:none;flex:0 0 auto;
 margin:0 !important;
}
.ls-dv-days input:focus{border-color:#ff6600;}
.ls-dv-err{
 display:none;margin:0;font-size:12px;color:#f5222d;
 background:#fff5f5;border:1px solid #ffccc7;border-radius:8px;padding:8px 12px;
}
.ls-dv-btn{
 width:100%;box-sizing:border-box;border:none;border-radius:12px;
 padding:14px 16px;font-size:16px;font-weight:700;cursor:pointer;
 transition:opacity .15s,transform .15s;line-height:1.3;margin-top:10px;
}
.ls-dv-btn--primary{
 background:#ff801a;color:#fff;box-shadow:0 4px 14px rgba(255,128,26,.25);border-radius:10px;
}
.ls-dv-btn--primary:hover{opacity:.92;transform:translateY(-1px);}
.ls-dv-btn--outline{
 background:#fff;color:#4b8df8;border:1px solid #91caff;border-radius:10px;
}
.ls-dv-btn--outline:hover{background:#f0f7ff;}
.ls-dv-btn--disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;}
.ls-dv-side-actions{display:flex;gap:12px;margin-top:6px;width:100%;}
.ls-dv-side-btn{
 flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;
 min-height:44px;padding:12px 16px;border:1px solid #e8e8e8;border-radius:22px;
 background:#fff;color:#374151;font-size:14px;font-weight:600;cursor:pointer;
 transition:border-color .15s,color .15s,background .15s;
 box-sizing:border-box;text-align:center !important;
}
.ls-dv-side-btn:hover{border-color:#ffd4b8;color:#ff801a;}
.ls-dv-side-btn.is-active{border-color:#ff801a;color:#ff801a;background:#fff7ed;}
.ls-dv-side-btn.ls-rent-card-fav.is-active,
.ls-dv-side-btn.ls-rent-card-fav.is-active:hover{
 border-color:#e8e8e8 !important;color:#374151 !important;background:#fff !important;
}
.ls-dv-side-btn.ls-rent-card-fav.is-active svg{color:#ffc107;}
.ls-dv-side-btn.ls-rent-card-fav.is-active svg path{
 fill:#ffc107 !important;stroke:#ffc107 !important;
}
.ls-dv-side-btn svg{width:16px;height:16px;flex-shrink:0;margin:0 !important;}
.ls-dv-side-btn *{margin:0 !important;}
.ls-dv-lb{
 position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:9999;
 align-items:center;justify-content:center;flex-direction:column;
}
.ls-dv-lb-close{
 position:fixed;top:18px;right:24px;color:#fff;font-size:36px;
 background:none;border:none;cursor:pointer;line-height:1;
}
.ls-dv-lb-nav{
 position:fixed;top:50%;transform:translateY(-50%);
 background:rgba(255,255,255,.15);border:none;color:#fff;
 font-size:28px;width:42px;height:58px;cursor:pointer;border-radius:7px;
 display:flex;align-items:center;justify-content:center;
}
.ls-dv-lb-prev{left:16px;}
.ls-dv-lb-next{right:16px;}
.ls-dv-lb img{max-width:90vw;max-height:80vh;border-radius:8px;}
.ls-dv-lb-counter{color:rgba(255,255,255,.6);font-size:13px;margin-top:12px;}

/* ── 发布商品页 ── */
body.ls-page--publish{background:#f5f6f8;}
body.ls-page--publish .bgkuang{background:#f5f6f8;padding:20px 24px 28px;}
body.ls-page--publish .bgkuang > .alltype.ls-pub-wrap{
 margin:0 !important;padding:0 !important;width:100% !important;max-width:100% !important;
 background:transparent;border-radius:0;box-shadow:none;border:none;
}
body.ls-page--publish .step{display:none;}
body.ls-page--publish .dl-back{display:none;}
.ls-pub-wrap{float:left;clear:both;width:100%;}
.bgkuang > .alltype.ls-pub-wrap{width:calc(100% - 50px);padding:25px;margin:25px 0 0 0;box-sizing:content-box;}

/* 顶部标题区 — 白底卡片，无左右灰线 */
.ls-pub-hero{
 float:left;width:100%;box-sizing:border-box;
 display:flex;align-items:flex-start;justify-content:space-between;gap:20px;
 padding:22px 26px;margin-bottom:16px;
 background:#fff;border:1px solid #eef0f3;border-radius:14px;
 box-shadow:0 1px 8px rgba(15,23,42,.04);
}
.ls-pub-hero-main{flex:1;min-width:0;text-align:left;}
.ls-pub-hero-back{
 flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
 height:36px;padding:0 16px;border:1px solid #e5e7eb;border-radius:8px;
 background:#fff;color:#6b7280;font-size:13px;font-weight:600;
 text-decoration:none;transition:all .15s;white-space:nowrap;
}
.ls-pub-hero-back:hover{color:var(--ls-accent);border-color:#ffb366;background:#fff7ed;}
.ls-pub-banner-tag,
.ls-pub-hero .ls-pub-banner-tag{
 display:inline-block;padding:3px 10px;border-radius:999px;
 background:rgba(255,102,0,.1);color:#ff6600;font-size:12px;font-weight:700;margin-bottom:8px;
}
.ls-pub-hero h2{font-size:24px;font-weight:800;margin:0 0 8px;line-height:1.25;color:#111827;}
.ls-pub-hero p{font-size:13px;margin:0;line-height:1.6;color:#6b7280;}

/* 主表单白色外壳卡片 */
.ls-pub-shell{
 float:left;width:100%;box-sizing:border-box;
 background:#fff;border:1px solid #eef0f3;border-radius:14px;
 padding:28px 32px 24px;margin-bottom:14px;
 box-shadow:0 1px 8px rgba(15,23,42,.04);
}

/* 123 步骤条 — 图标在上、文字在下 */
.ls-pub-steps{
 display:flex;align-items:flex-start;justify-content:flex-start;gap:0;
 padding-bottom:20px;margin-bottom:16px;
}
.ls-pub-step{
 display:flex;flex-direction:column;align-items:flex-start;gap:8px;
 flex:0 1 auto;min-width:0;padding-right:8px;
}
.ls-pub-step-num{
 flex-shrink:0;width:32px;height:32px;border-radius:50%;
 display:flex;align-items:center;justify-content:center;
 font-size:15px;font-weight:700;line-height:1;
 background:#f3f4f6;color:#9ca3af;border:2px solid #e5e7eb;
 transition:all .2s;
}
.ls-pub-step.on .ls-pub-step-num{
 background:var(--ls-accent);border-color:var(--ls-accent);color:#fff;
}
.ls-pub-step-body{min-width:0;text-align:left;}
.ls-pub-step-title{font-size:14px;font-weight:600;color:#9ca3af;line-height:1.35;white-space:nowrap;}
.ls-pub-step.on .ls-pub-step-title{color:#111827;font-weight:700;}
.ls-pub-step-desc{font-size:12px;color:#c5c9d0;margin-top:0;line-height:1.4;white-space:nowrap;}
.ls-pub-step.on .ls-pub-step-desc{color:#9ca3af;}
.ls-pub-step-line{
 flex:1 1 80px;min-width:40px;max-width:120px;height:2px;
 background:#e5e7eb;margin-top:16px;align-self:flex-start;
}
.ls-pub-step-hd{
 display:flex;align-items:center;justify-content:flex-start;gap:10px;
 padding:12px 16px;margin-bottom:22px;
 border:1px solid #e5e7eb;border-radius:10px;background:#fff;
}
.ls-pub-step-hd > *{margin:0 !important;}
.ls-pub-step-hd-icon{flex-shrink:0;color:var(--ls-accent);display:block;}
.ls-pub-step-hd-text{display:flex;flex-direction:column;gap:2px;text-align:left;flex:0 1 auto;}
.ls-pub-step-hd-text strong{font-size:15px;font-weight:700;color:#111827;line-height:1.35;}
.ls-pub-step-hd-text span{font-size:12px;color:#9ca3af;line-height:1.4;}

/* 外壳内表单区块 — 合并为单卡片内分区 */
.ls-pub-shell .ls-pub-card{
 background:transparent;border:none;box-shadow:none;border-radius:0;
 padding:20px 0;margin-bottom:0;
 border-bottom:1px solid #f3f4f6;
}
.ls-pub-shell .ls-pub-card:last-of-type{border-bottom:none;}
.ls-pub-shell .ls-pub-foot{
 border:none;box-shadow:none;border-radius:0;
 padding:24px 0 0;margin:0;border-top:1px solid #f3f4f6;
}
@media(max-width:960px){
 .ls-pub-hero{flex-direction:column;align-items:stretch;}
 .ls-pub-hero-back{align-self:flex-end;}
 .ls-pub-shell{padding:20px 16px;}
 .ls-pub-steps{flex-wrap:wrap;gap:8px;}
 .ls-pub-step-line{display:none;}
 .ls-pub-step{flex:1 1 100%;padding-right:0;}
 .ls-pub-step-title,.ls-pub-step-desc{white-space:normal;}
 .ls-pub-wrap .ls-chips.ls-type-chips{grid-template-columns:1fr;}
}

/* 兼容旧 banner 类名 */
.ls-pub-banner{
 float:left;width:100%;box-sizing:border-box;min-height:88px;padding:22px 26px;
 border-radius:14px;margin-bottom:16px;
 background:#fff;color:#1f2937;border:1px solid #eef0f3;
 display:flex;align-items:center;
 box-shadow:0 1px 8px rgba(15,23,42,.04);
}
.ls-pub-banner-text{width:100%;text-align:left;}
.ls-pub-banner h2{font-size:24px;font-weight:800;margin:0 0 8px;line-height:1.25;color:#111827;}
.ls-pub-banner p{font-size:13px;margin:0;line-height:1.6;color:#6b7280;}
.ls-pub-card{
 float:left;width:100%;box-sizing:border-box;background:#fff;
 border:1px solid #eef0f3;border-radius:14px;
 padding:22px 24px 20px;margin-bottom:14px;box-shadow:0 1px 8px rgba(15,23,42,.04);
}
.ls-pub-card h3{
 font-size:16px;font-weight:700;color:#111827;margin:0 0 18px;padding-bottom:14px;
 border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:8px;
}
.ls-pub-card h3::before{
 content:'';width:4px;height:16px;background:linear-gradient(180deg,#ff8533,var(--ls-accent));
 border-radius:2px;flex-shrink:0;
}
.ls-form-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;width:100%;
}
.ls-form-grid .ls-field--full{grid-column:1 / -1;}
@media(max-width:768px){
 .ls-form-grid{grid-template-columns:1fr;}
}
.ls-form-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:4px;}
.ls-form-row:last-child{margin-bottom:0;}
.ls-field{flex:1;min-width:180px;margin:0 !important;text-align:left !important;}
.ls-field label{
 display:block;font-size:13px;font-weight:600;color:#374151;margin:0 0 8px !important;
 line-height:1.4;text-align:left !important;
}
.ls-field label .req{color:#f5222d;margin-right:2px;}
.ls-field input,.ls-field select,.ls-field textarea{
 width:100%;box-sizing:border-box;height:42px;border:1px solid #e5e7eb;
 border-radius:10px;padding:0 14px;font-size:14px;color:#111827;background:#fff;
 outline:none;transition:border-color .15s,background .15s,box-shadow .15s;
 margin:0 !important;
}
.ls-field input.is-readonly,.ls-field input[readonly]{
 background:#f9fafb;color:#9ca3af;cursor:not-allowed;
}
.ls-field input:focus,.ls-field select:focus,.ls-field textarea:focus{
 border-color:#ffb366;background:#fff;box-shadow:0 0 0 3px rgba(255,102,0,.1);
}
.ls-field textarea{height:96px;padding:12px 14px;resize:vertical;line-height:1.6;}
.ls-field select{
 cursor:pointer;appearance:none;-webkit-appearance:none;
 background-color:#fff;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;
}
/* 发布页自定义下拉 — 替代原生 select，统一橙色选中/悬停 */
.ls-pub-wrap .ls-pub-dd{
 position:relative;width:100%;z-index:1;
}
.ls-pub-wrap .ls-field:has(.ls-pub-dd.open){
 z-index:500;position:relative;
}
.ls-pub-wrap .ls-pub-dd.open{z-index:500;}
.ls-pub-wrap .ls-pub-dd-native{
 position:absolute!important;width:1px!important;height:1px!important;
 padding:0!important;margin:0!important;border:0!important;
 opacity:0!important;pointer-events:none!important;
 clip:rect(0,0,0,0)!important;overflow:hidden!important;
 background:none!important;
}
.ls-pub-wrap .ls-pub-dd-btn{
 width:100%;height:42px;padding:0 36px 0 14px;box-sizing:border-box;
 border:1px solid #e5e7eb;border-radius:10px;background:#fff;
 color:#111827;font-size:14px;font-weight:400;line-height:42px;
 display:block;position:relative;cursor:pointer;
 font-family:inherit;text-align:left;
 transition:border-color .15s,box-shadow .15s;
 -webkit-appearance:none;appearance:none;outline:none;
}
.ls-pub-wrap .ls-pub-dd-btn:hover{border-color:#ffb366;}
.ls-pub-wrap .ls-pub-dd.open .ls-pub-dd-btn{
 border-color:var(--ls-accent);
 box-shadow:0 0 0 3px rgba(255,102,0,.12);
}
.ls-pub-wrap .ls-pub-dd-label{
 display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ls-pub-wrap .ls-pub-dd-arrow{
 position:absolute;right:14px;top:50%;transform:translateY(-50%);
 font-size:10px;color:#9ca3af;line-height:1;pointer-events:none;
}
.ls-pub-wrap .ls-pub-dd-menu{
 display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:600;
 background:#fff;border:1px solid #eee;border-radius:10px;
 box-shadow:0 8px 24px rgba(0,0,0,.1);
 max-height:260px;overflow-y:auto;padding:6px 0;
 box-sizing:border-box;
}
.ls-pub-wrap .ls-pub-dd.open .ls-pub-dd-menu{display:block;}
.ls-pub-wrap .ls-pub-dd-opt{
 padding:11px 16px;font-size:14px;color:#333;cursor:pointer;
 line-height:1.45;transition:background .12s,color .12s;
}
.ls-pub-wrap .ls-pub-dd-opt:hover{
 background:#fff7ed;color:var(--ls-accent);
}
.ls-pub-wrap .ls-pub-dd-opt.on{
 background:var(--ls-accent);color:#fff;font-weight:600;
}
.ls-pub-wrap .ls-pub-dd-opt.on:hover{
 background:#ff8533;color:#fff;
}
.ls-chips{display:flex;flex-wrap:wrap;gap:8px;}
/* 发布类型按钮 — 宽度对齐表单双列栅格（与游戏名称等输入框同宽） */
.ls-pub-wrap .ls-chips.ls-type-chips{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:16px 20px;width:100%;max-width:100%;
}
.ls-pub-wrap .ls-chips.ls-type-chips .dl-chip{
 width:100%;display:flex;align-items:center;justify-content:center;
 box-sizing:border-box;
}
.ls-pub-wrap .ls-chips .dl-chip{
 height:40px;line-height:36px;padding:0 24px;border-radius:20px;font-size:13px;
 border:2px solid #d1d5db;background:#fff;color:#6b7280;margin:0;font-weight:600;
 transition:all .15s;cursor:pointer;
}
.ls-pub-wrap .ls-chips .dl-chip:hover{border-color:#ffb366;color:var(--ls-accent);background:#fff7ed;}
.ls-pub-wrap .ls-chips .dl-chip.on,
.ls-pub-wrap .ls-chips .dl-chip.sell-chip.on{
 color:#fff;background:linear-gradient(135deg,#ff9a44,var(--ls-accent));
 border:2px solid var(--ls-accent);box-shadow:0 2px 8px rgba(255,102,0,.2);
}
.ls-opt-chip{
 display:inline-block;padding:7px 14px;border-radius:20px;border:1px solid #e5e7eb;
 font-size:12px;cursor:pointer;background:#fff;color:#6b7280;user-select:none;
 transition:all .15s;margin:0 !important;
}
.ls-opt-chip:hover{border-color:#ffb366;color:var(--ls-accent);background:#fff7ed;}
.ls-opt-chip.on,.ls-opt-chip.multi.on{
 border-color:var(--ls-accent);color:var(--ls-accent);background:#fff7ed;font-weight:600;
}
.ls-hint{font-size:12px;color:#4B5563;margin:8px 0 0 !important;line-height:1.55;text-align:left !important;}
.ls-hint.red{color:#e71111;}
.ls-province-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:220px;overflow-y:auto;padding:4px 0;}
@media(max-width:900px){.ls-province-grid{grid-template-columns:repeat(4,1fr);}}
.ls-price-preview{background:#fff5eb;border:1px solid #ffc9a8;border-radius:10px;padding:14px 16px;margin-top:12px;font-size:13px;color:#555;}
.ls-price-preview .row{display:flex;justify-content:space-between;margin-bottom:6px;}
.ls-price-preview .total{display:flex;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #e2d9f5;font-size:16px;font-weight:800;color:var(--ls-primary);}
.ls-note-count{text-align:right;font-size:11px;color:#bbb;margin-top:4px;}
.ls-upload-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;max-width:540px;}
.ls-upload-item{aspect-ratio:1;border:1.5px dashed #d9dee7;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#fafbfc;color:#bbb;font-size:28px;font-weight:300;transition:border-color .15s,background .15s;position:relative;}
.ls-upload-item:hover{border-color:var(--ls-primary);background:var(--ls-primary-soft);color:var(--ls-primary);}
.ls-upload-item img{width:100%;height:100%;object-fit:cover;}
.ls-upload-item .del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:14px;line-height:20px;text-align:center;cursor:pointer;}
.ls-pub-foot{
 float:left;width:100%;box-sizing:border-box;background:#fff;
 border:1px solid #eef0f3;border-radius:14px;
 padding:20px 24px;margin-bottom:14px;display:flex;align-items:center;
 justify-content:space-between;gap:16px;flex-wrap:wrap;clear:both;
 box-shadow:0 1px 8px rgba(15,23,42,.04);
}
.ls-pub-foot .dl-err{flex:1 1 100%;width:100%;margin:0 0 8px;display:none;padding:10px 12px;background:#fff1f0;border:1px solid #ffa39e;color:#cf1322;font-size:13px;border-radius:8px;text-align:left;box-sizing:border-box;}
.ls-pub-tip{flex:1;min-width:240px;margin:0;font-size:12px;color:#4B5563;line-height:1.6;text-align:left;}
.ls-pub-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:auto;}
.ls-pub-cancel{display:inline-block;min-width:100px;height:42px;line-height:40px;padding:0 24px;border:1px solid var(--ls-border);border-radius:8px;background:#fff;color:#666;font-size:14px;font-weight:600;text-align:center;text-decoration:none;box-sizing:border-box;transition:all .15s;}
.ls-pub-cancel:hover{color:var(--ls-primary);border-color:#e2d9f5;background:var(--ls-primary-soft);}
.ls-pub-submit{display:inline-block;min-width:160px;height:42px;padding:0 28px;border:0;border-radius:8px;background:var(--ls-accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 3px 12px rgba(255,102,0,.25);transition:opacity .15s,transform .15s;-webkit-appearance:none;appearance:none;box-sizing:border-box;font-family:inherit;}
.ls-pub-submit:hover{opacity:.95;transform:translateY(-1px);}
.ls-pub-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}

/* 出售模式 — 橙色主题（多选标签、步骤条等） */
body.ls-pub-mode-sell .ls-pub-wrap .ls-opt-chip.on,
body.ls-pub-mode-sell .ls-pub-wrap .ls-opt-chip.multi.on{
 border-color:var(--ls-accent);color:var(--ls-accent);background:#fff7ed;
}
body.ls-pub-mode-sell .ls-pub-wrap .ls-opt-chip:hover{
 border-color:#ffb366;color:var(--ls-accent);background:#fff7ed;
}
body.ls-pub-mode-sell .ls-pub-step.on .ls-pub-step-num{
 background:var(--ls-accent);border-color:var(--ls-accent);
}
body.ls-pub-mode-sell .ls-pub-step-hd-icon{color:var(--ls-accent);}
body.ls-pub-mode-sell .ls-pub-card h3::before{
 background:linear-gradient(180deg,#ff8533,var(--ls-accent));
}

/* ── 我的发布 / 我的订单（对齐发布页风格） ── */
body.ls-page--sub{background:#f5f6f8;}
body.ls-page--sub .bgkuang{background:#f5f6f8;padding:20px 24px 28px;}
body.ls-page--sub .step{display:none;}
body.ls-page--sub .bgkuang > .alltype.ls-pub-wrap{
 margin:0 !important;padding:0 !important;width:100% !important;max-width:100% !important;
 background:transparent;border-radius:0;box-shadow:none;border:none;
}
body.ls-page--sub .ls-sub-shell{padding:24px 28px;}
body.ls-page--sub .ls-sub-nav{
 display:flex;align-items:center;gap:8px;margin-bottom:18px;padding-bottom:16px;
 border-bottom:1px solid #f3f4f6;
}
body.ls-page--sub .ls-sub-nav a{
 display:inline-flex;align-items:center;height:32px;padding:0 14px;
 border-radius:8px;font-size:13px;font-weight:600;color:#6b7280;
 text-decoration:none;background:#fafbfc;border:1px solid #eef0f3;
 transition:all .15s;
}
body.ls-page--sub .ls-sub-nav a:hover{
 color:var(--ls-accent);border-color:#ffc9a8;background:#fff7ed;
}
body.ls-page--sub .ls-sub-nav-on{
 display:inline-flex;align-items:center;height:32px;padding:0 14px;
 border-radius:8px;font-size:13px;font-weight:600;
 color:var(--ls-accent);background:#fff7ed;border:1px solid #ffc9a8;
}
body.ls-page--sub .ls-sub-bar{
 float:none !important;width:100% !important;margin:0 0 20px !important;
 padding:0 !important;min-height:auto !important;height:auto !important;
 background:transparent !important;border-radius:0 !important;
 display:flex;flex-wrap:wrap;gap:12px;align-items:center;box-sizing:border-box;
 text-align:left !important;
}
body.ls-page--sub .ls-sub-filters{gap:14px;}
/* my页：发布按钮绝对靠右，不参与左侧筛选 flex，避免把下拉挤变形 */
body.ls-page--my .ls-sub-filters{
 position:relative;
 padding-right:132px !important;
 flex-wrap:nowrap;
}
body.ls-page--my .ls-sub-pub-btn{
 position:absolute;right:0;top:50%;transform:translateY(-50%);
 margin-left:0 !important;
}
body.ls-page--sub .ls-dd{
 display:inline-flex;align-items:center;gap:8px;margin:0;float:none !important;
 font-size:13px;color:#6b7280;font-weight:600;
 vertical-align:middle;text-align:left;
}
body.ls-page--sub .ls-dd-lab{white-space:nowrap;flex-shrink:0;}
body.ls-page--sub .ls-dd-sel{
 appearance:none;-webkit-appearance:none;-moz-appearance:none;
 height:36px;min-width:128px;padding:0 32px 0 12px;margin:0;
 border:1px solid #e5e7eb;border-radius:8px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239ca3af' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;
 font-size:13px;font-weight:600;color:#374151;font-family:inherit;
 box-sizing:border-box;cursor:pointer;outline:none;line-height:34px;
}
body.ls-page--sub .ls-dd-sel:hover{border-color:#ffb366;}
body.ls-page--sub .ls-dd-sel:focus{border-color:var(--ls-accent);box-shadow:0 0 0 3px rgba(255,102,0,.12);}
body.ls-page--sub .ls-sub-bar .dl-chip{
 float:none !important;height:36px;line-height:32px;padding:0 18px;border-radius:20px;
 font-size:13px;font-weight:600;border:2px solid #d1d5db;background:#fff;
 color:#6b7280;transition:all .15s;cursor:pointer;
}
body.ls-page--sub .ls-sub-bar .dl-chip:hover{
 border-color:#ffb366;color:var(--ls-accent);background:#fff7ed;
}
body.ls-page--sub .ls-sub-bar .dl-chip.on{
 color:#fff !important;background:linear-gradient(135deg,#ff9a44,var(--ls-accent)) !important;
 border-color:var(--ls-accent) !important;box-shadow:0 2px 8px rgba(255,102,0,.2);
}
body.ls-page--sub .ls-sub-pub-btn{
 margin-left:auto;display:inline-flex;align-items:center;justify-content:center;
 height:36px;padding:0 20px;border-radius:8px;border:0;box-sizing:border-box;
 background:var(--ls-accent);color:#fff !important;font-size:13px;font-weight:700;
 text-decoration:none;box-shadow:0 2px 8px rgba(255,102,0,.2);transition:opacity .15s;
 white-space:nowrap;float:none !important;line-height:1;
}
body.ls-page--sub .ls-sub-pub-btn:hover{opacity:.92;color:#fff !important;}
body.ls-page--sub .ls-ops{
 display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
}
body.ls-page--sub .ls-sub-card{
 float:none !important;width:100% !important;margin:0 !important;padding:0 !important;
 background:transparent !important;border:none !important;border-radius:0 !important;
 box-shadow:none !important;overflow:visible !important;
}
body.ls-page--sub .ls-sub-card-hd{
 padding:0 0 16px !important;margin:0 0 4px !important;
 font-size:14px !important;color:#6b7280 !important;
 border-bottom:1px solid #f3f4f6 !important;background:transparent !important;
}
body.ls-page--sub .ls-sub-card-hd b{
 color:var(--ls-accent) !important;font-size:18px !important;font-weight:700 !important;
}
body.ls-page--sub .dl-table{
 width:100%;border-collapse:collapse;border:1px solid #eef0f3;border-radius:10px;
 overflow:hidden;font-size:13px;
}
body.ls-page--sub .dl-table th{
 background:#fafbfc !important;padding:14px 12px !important;
 font-size:13px !important;font-weight:600 !important;color:#4B5563 !important;
 border-bottom:1px solid #eef0f3 !important;
}
body.ls-page--sub .dl-table td{
 padding:14px 12px !important;border-bottom:1px solid #f3f4f6 !important;
 text-align:center;vertical-align:middle;color:#374151 !important;
}
body.ls-page--sub .dl-table td.tl{text-align:left !important;}
body.ls-page--sub .dl-table tbody tr:last-child td{border-bottom:none !important;}
body.ls-page--sub .dl-table tbody tr:hover td{background:#fffaf6 !important;}
body.ls-page--sub .dl-btn,
body.ls-page--sub a.dl-btn,
body.ls-page--sub button.dl-btn{
 display:inline-flex !important;align-items:center;justify-content:center;
 height:30px;min-width:56px;padding:0 12px !important;margin:0 !important;
 border-radius:8px;border:none;box-sizing:border-box !important;
 font-size:12px !important;font-weight:600;line-height:1 !important;
 cursor:pointer;vertical-align:middle;white-space:nowrap;float:none !important;
 color:#fff !important;background:var(--ls-accent) !important;text-decoration:none !important;
 transition:opacity .15s,background .15s;font-family:inherit;
}
body.ls-page--sub .dl-btn:hover,
body.ls-page--sub a.dl-btn:hover,
body.ls-page--sub button.dl-btn:hover{opacity:.92;color:#fff !important;}
body.ls-page--sub .dl-btn2,
body.ls-page--sub a.dl-btn2{
 background:#fff !important;color:var(--ls-accent) !important;
 border:1px solid #ffc9a8 !important;
}
body.ls-page--sub .dl-btn2:hover,
body.ls-page--sub a.dl-btn2:hover{background:#fff7ed !important;color:var(--ls-accent) !important;opacity:1;}
body.ls-page--sub .dl-btn3,
body.ls-page--sub button.dl-btn3{
 background:#fff !important;color:#6b7280 !important;
 border:1px solid #e5e7eb !important;
}
body.ls-page--sub .dl-btn3:hover,
body.ls-page--sub button.dl-btn3:hover{
 border-color:#ffb366 !important;color:var(--ls-accent) !important;
 background:#fff7ed !important;opacity:1;
}
body.ls-page--sub .dl-tag{
 display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;
 background:#f3f4f6;color:#6b7280;font-weight:500;
}
body.ls-page--sub .dl-tag-new{
 background:#fff7ed !important;color:var(--ls-accent) !important;font-weight:600 !important;
}
body.ls-page--sub .dl-empty{
 padding:48px 20px !important;text-align:center;color:#9ca3af !important;
 background:#fafbfc !important;border:1px dashed #e5e7eb !important;
 border-radius:10px !important;margin-top:12px !important;
}
body.ls-page--sub .dl-empty a{color:var(--ls-accent);font-weight:600;text-decoration:none;}
body.ls-page--sub .dl-empty a:hover{text-decoration:underline;}
@media(max-width:960px){
 body.ls-page--sub .ls-sub-shell{padding:20px 16px;}
 body.ls-page--sub .ls-pub-hero{flex-direction:column;align-items:stretch;}
 body.ls-page--my .ls-sub-filters{padding-right:0 !important;flex-wrap:wrap;}
 body.ls-page--my .ls-sub-pub-btn{
  position:static;transform:none;width:100%;margin-top:4px;
 }
 body.ls-page--sub .ls-sub-pub-btn{margin-left:0;width:100%;margin-top:4px;}
 body.ls-page--sub .ls-dd{width:100%;}
 body.ls-page--sub .ls-dd-sel{flex:1;min-width:0;width:100%;}
 body.ls-page--sub .dl-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

/* 空状态、分页兼容 */
.ls-page .dl-empty{padding:48px 20px;text-align:center;color:var(--ls-muted);background:var(--ls-card);border:1px solid var(--ls-border);border-radius:var(--ls-radius);margin-top:8px;}
.ls-page .dl-pager{padding:16px 0;text-align:center;}
.ls-page .dl-pager a,.ls-page .dl-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 12px;margin:0 2px;border:1px solid #e8e8e8;border-radius:8px;font-size:13px;cursor:pointer;color:#666;background:#fff;text-decoration:none;}
.ls-page .dl-pager .on{background:var(--ls-primary);border-color:var(--ls-primary);color:#fff;font-weight:700;}

/* 旧版横向分类条（兼容） */
.ls-cat-bar{display:flex;gap:0;overflow-x:auto;background:var(--ls-card);border:1px solid var(--ls-border);border-radius:var(--ls-radius);margin-bottom:10px;padding:0 8px;white-space:nowrap;}
.ls-cat-pill{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;cursor:pointer;font-size:12px;font-weight:600;color:#666;border-bottom:2px solid transparent;margin-bottom:-1px;}
.ls-cat-pill.on,.ls-cat-pill:hover{color:var(--ls-primary);background:var(--ls-primary-soft);}
.ls-cat-pill.on{border-bottom-color:var(--ls-primary);}

/* 保留旧卡片样式兼容 */
.ls-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px;}
.ls-sort{display:flex;gap:4px;margin-top:10px;}
.ls-sort a{padding:5px 14px;border-radius:6px;font-size:12px;color:#888;cursor:pointer;text-decoration:none;}
.ls-sort a.on{color:var(--ls-primary);background:var(--ls-primary-soft);font-weight:600;}

/* alltype 内布局覆盖（对齐 virtual） */
.alltype.dl-panel .ls-banner,
.alltype.dl-panel .ls-ex-tabs,
.alltype.dl-panel .ls-layout{float:left;width:100%;box-sizing:border-box;text-align:left;}
.alltype.dl-panel .ls-layout{
 display:block !important;
 float:left !important;
 width:100% !important;
 box-sizing:border-box;
}
.alltype.dl-panel .ls-main{
 float:none !important;
 display:block;
 width:100%;
 min-width:0;
 box-sizing:border-box;
 padding-left:0;
 overflow:visible;
}
.alltype.dl-panel .ls-info-bar{
 float:none !important;
 width:100%;
 box-sizing:border-box;
 display:flex !important;
}
.alltype.dl-panel .ls-info-bar .ls-nav{float:none;text-align:right;}
.alltype.dl-panel .ls-table-wrap,
.alltype.dl-panel .ls-sell-grid,
.alltype.dl-panel .ls-pager,
.alltype.dl-panel .xh-filter,
.alltype.dl-panel .ls-xh-list-wrap,
.alltype.dl-panel .ls-rent-grid{float:none !important;width:100%;box-sizing:border-box;}