/* ===== 瑞象选景站 · 沿用首页「纸本」主题(surachang_home 的 :root)=====
   ⚠ 颜色/字体一律取首页的 --paper/--ink/--line/--sans;别在这里另起一套。 */
.tlw{--bg:var(--paper);--card:var(--paper2);--bd:var(--line);--bd2:var(--line);--t1:var(--ink);--t2:var(--muted);--t3:var(--muted);--head:var(--ink);--btn:var(--line);--btnt:var(--ink);--chip:var(--paper2);--chipt:var(--muted);background:var(--bg);color:var(--t1);font-size:14px;font-family:var(--sans);font-weight:300}
.tlw a{text-decoration:none;color:inherit}

/* 顶栏 */
.tlw-top{background:#fff;border-bottom:.5px solid var(--bd);display:flex;align-items:center;gap:12px;padding:11px 18px;flex-wrap:wrap}
.tlw-brand{font-family:var(--disp);color:var(--head);font-size:17px;letter-spacing:.5px}
.tlw-brand span{opacity:.45;font-size:12px;margin-left:6px;font-family:inherit}
.tlw-search{margin-left:auto;display:flex;background:#f3f1ec;border-radius:9px;padding:5px;flex:1;max-width:420px;min-width:180px}
.tlw-search input{flex:1;border:none;background:transparent;font-size:13px;padding:0 8px;outline:none}
.tlw-search button{background:var(--btn);color:var(--btnt);border:none;border-radius:7px;padding:0 14px;font-size:13px;cursor:pointer}
.tlw-sellink{color:var(--t2);font-size:13px;white-space:nowrap}

/* 浏览布局 */
.tlw-wrap{display:flex;gap:26px;padding:26px 30px 60px;max-width:1280px;margin:0 auto}
.tlw-side{width:210px;flex-shrink:0}
.tlw-side-title{font-size:13px;font-weight:600;color:var(--head)}
.tlw-fg{font-size:12px;font-weight:500;color:var(--t1);margin:12px 0 6px}
.tlw-region{width:100%;border:.5px solid var(--bd);border-radius:7px;height:32px;font-size:12px;padding:0 6px;background:#fff;color:var(--t1)}
.tlw-ck{display:block;font-size:12px;color:var(--t2);margin:5px 0;cursor:pointer}
.tlw-ck input{vertical-align:-1px;margin-right:6px;accent-color:var(--t3)}
.tlw-clear{display:inline-block;margin-top:12px;font-size:12px;color:var(--t3)}
.tlw-main{flex:1;min-width:0}
.tlw-resultbar{font-size:14px;color:var(--t3);margin-bottom:16px}
.tlw-resultbar b{color:var(--t1)}

/* 卡片网格 */
.tlw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:980px){.tlw-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.tlw-grid{grid-template-columns:1fr}}
.tlw-card{border:.5px solid var(--bd);border-radius:12px;overflow:hidden;background:var(--card)}
.tlw-th{display:block;aspect-ratio:4/3;position:relative;background:#e8e5df}
.tlw-th img{width:100%;height:100%;object-fit:cover;display:block}
.tlw-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#bdb8af;font-size:28px;background:#e4e1db}
.tlw-ph.big{aspect-ratio:16/10}
.tlw-fav{position:absolute;top:8px;right:8px;
    background:none;border:none;border-radius:50%;width:34px;height:34px;
    color:#fff;cursor:pointer;font-size:17px;line-height:1;z-index:2;
    text-shadow:0 1px 4px rgba(0,0,0,.55);
    opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
.tlw-fav.on{color:#ff5a72;text-shadow:0 1px 5px rgba(0,0,0,.5)}

/* 有鼠标的设备：三件东西默认藏起来，指到卡片上才出来 */
@media (hover:hover){
    .tlw-th:hover .tlw-arrow,
    .tlw-th:hover .tlw-fav{opacity:1;visibility:visible}
}
/* 触屏：没有 hover 这回事 —— 箭头**不要**（改用手指左右滑），
   收藏钮常显，否则手机上根本收藏不了。 */
@media (hover:none){
    .tlw-arrow{display:none}
    .tlw-fav{opacity:1;visibility:visible}
}
/* 已收藏的永远看得见，不管鼠标在不在 */
.tlw-fav.on{opacity:1;visibility:visible}
.tlw-meta{padding:13px 15px 15px}
.tlw-name{display:block;font-size:16px;font-weight:500;color:var(--t1)}
.tlw-sub{font-size:13px;color:var(--t3);margin-top:3px}
.tlw-tags{margin-top:9px}
.tlw-tag{display:inline-block;background:var(--chip);color:var(--chipt);border-radius:9px;padding:3px 10px;font-size:12px;margin:0 5px 5px 0}
.tlw-empty{padding:30px;text-align:center;color:var(--t3);font-size:13px}
.tlw-pager{margin:16px 0;text-align:center}
.tlw-pg{display:inline-block;min-width:28px;padding:4px 8px;margin:0 3px;border:.5px solid var(--bd);border-radius:7px;font-size:12px;color:var(--t2)}
.tlw-pg.on{background:var(--btn);color:var(--btnt);border-color:var(--btn)}

/* 详情 */
.tlw-detail{max-width:1180px;margin:0 auto;padding:24px 30px 60px}
.tlw-back{font-size:12px;color:var(--t2);display:inline-block;margin-bottom:12px}
.tlw-d-top{display:flex;gap:16px;flex-wrap:wrap}
.tlw-gallery{flex:1;min-width:300px}
.tlw-g-main{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#dcd8d1}
.tlw-g-main img{width:100%;height:100%;object-fit:cover;display:block}
.tlw-g-thumbs{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px}
.tlw-g-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:pointer}
.tlw-d-side{width:250px;flex-shrink:0}
.tlw-d-side h1{font-family:var(--disp);font-size:22px;color:#4c4942;line-height:1.25;margin:0}
.tlw-d-region{font-size:12px;color:var(--t3);margin:6px 0 14px}
.tlw-btn{display:block;width:100%;text-align:center;background:var(--btn);color:var(--btnt);border:none;border-radius:9px;height:42px;line-height:42px;font-size:14px;font-weight:500;margin-bottom:8px;cursor:pointer}
.tlw-btn.on{background:#cdbfb6}
.tlw-btn-ghost{display:block;width:100%;text-align:center;background:#fff;color:var(--t1);border:.5px solid var(--bd2);border-radius:9px;height:40px;line-height:40px;font-size:14px}
.tlw-map{margin-top:12px;border:.5px solid var(--bd);border-radius:9px;overflow:hidden;height:150px}
.tlw-map iframe{width:100%;height:100%;border:0;display:block}
.tlw-d-desc{margin:16px 0;max-width:620px;font-size:13px;color:var(--t1);line-height:1.7}
.tlw-d-secname{font-size:12px;color:var(--t3);margin:14px 0 6px}
.tlw-d-secname.big{font-family:var(--disp);font-size:16px;color:var(--head);margin-top:20px}
.tlw-sim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.tlw-sim{border:.5px solid var(--bd);border-radius:9px;overflow:hidden;background:#fff;display:block}
.tlw-sim img,.tlw-sim .tlw-ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.tlw-sim-name{padding:7px 8px;font-size:11px;color:var(--t1)}

/* 选景单 */
.tlw-sel{max-width:760px;margin:0 auto;padding:16px;display:flex;gap:16px;flex-wrap:wrap}
.tlw-sel-list{flex:1;min-width:280px}
.tlw-sel-h{font-family:var(--disp);font-size:18px;color:var(--head);margin-bottom:12px}
.tlw-sel-row{display:flex;align-items:center;gap:11px;background:#fff;border:.5px solid var(--bd);border-radius:10px;padding:9px;margin-bottom:9px}
.tlw-sel-row img,.tlw-sel-row .tlw-ph{width:64px;height:50px;border-radius:7px;object-fit:cover;flex-shrink:0}
.tlw-sel-row .tlw-ph{font-size:18px}
.tlw-sel-row .nm{flex:1}
.tlw-sel-row .nm b{font-size:13px;font-weight:500;color:var(--t1);display:block}
.tlw-sel-row .nm small{font-size:11px;color:var(--t3)}
.tlw-sel-row .rm{color:#c2bdb4;font-size:16px;cursor:pointer;background:none;border:none}
.tlw-inq{width:250px;flex-shrink:0;background:#fff;border:.5px solid var(--bd);border-radius:12px;padding:14px;align-self:flex-start}
.tlw-inq-h{font-size:14px;font-weight:600;color:var(--head)}
.tlw-inq-sub{font-size:11px;color:var(--t3);margin-bottom:6px}
.tlw-inq-lab{display:block;font-size:12px;color:var(--t2);margin:8px 0 4px}
.tlw-inq-in{width:100%;border:.5px solid var(--bd2);border-radius:8px;height:36px;font-size:13px;padding:0 10px;box-sizing:border-box;outline:none}
.tlw-inq-note{font-size:11px;color:var(--t3);text-align:center;margin-top:7px}

/* ===== 增补:搜索条 / 卡片左右翻图 / 全直角 ===== */
.tlw-searchbar{display:flex;align-items:center;gap:14px;padding:16px 30px;max-width:1280px;margin:0 auto;flex-wrap:wrap;border-bottom:.5px solid var(--bd)}
.tlw-searchbar form{display:flex;background:#f3f1ec;padding:5px;flex:1;max-width:480px;min-width:200px}
.tlw-searchbar input{flex:1;border:none;background:transparent;font-size:13px;padding:0 8px;outline:none}
.tlw-searchbar button{background:var(--btn);color:var(--btnt);border:none;padding:0 16px;font-size:13px;cursor:pointer;height:34px}
.tlw-sellink{color:var(--t2);font-size:13px;white-space:nowrap}

/* 卡片内左右翻图 */
.tlw-th{overflow:hidden}

/* ======== 场地库 v2(道具库结构:大标题+红统计+分类计数+三列卡)======== */
/* ⚠ 上边距 24px，和道具库 /props 的 `container pt-4` 一致。
   以前是 104px，再加上 .tlw-page 的 padding-top:84px（那是为
   position:fixed 的抬头补的），两处叠起来 = 标题上方空一大片。
   抬头改成 sticky 之后**两处都不需要**，只留和道具库一样的 24px。 */
.tlw2{--red:#c8102e;--ink:#1c1a17;--muted:#8b8579;--line:#ddd3c0;--tan:#b0a793;
    max-width:1240px;margin:0 auto;padding:24px 34px 64px;color:var(--ink);font-size:14px;
    font-family:var(--sans);font-weight:300}
.tlw2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;
    padding-bottom:20px;border-bottom:1px solid var(--line)}
.tlw2-title{font-family:var(--disp);font-size:26px;font-weight:400;letter-spacing:.04em;color:var(--ink);line-height:1.2}
/* 和道具库 .showcase-side 完全一致：宽屏右对齐，窄屏换行后左对齐 */
.tlw2-stat{text-align:right;min-width:0;flex:0 1 auto}
.tlw2-stat-num{font-family:var(--disp);font-size:46px;font-weight:400;color:var(--red);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
/* ⚠ 数字滚动时每一帧位数都在变，非等宽字形会让整块左右抖。
   tabular-nums 已经在上面那条里了，这里再锁一次，别被 .tlw2-u 继承走。 */
/* ⚠⚠ 原来这里是 `.tlw2-stat-num span{font-size:14px;color:var(--muted)}` ——
   那时候数字是**裸文本节点**，这条只命中「个场地」那个 span。
   为了做滚动动画我把数字也包进了 <span class="tlw2-n">，
   于是它**也被这条命中**了：46px 大红数字变成 14px 灰字。
   **把一段裸文本包进标签，它就会开始匹配那些「元素后代」选择器。**
   ⇒ 那条改成只认 .tlw2-u；数字这条把字号/颜色显式写死，不靠继承赌。 */
.tlw2-stat-num .tlw2-n{
    font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;
    line-height:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums}
.tlw2-stat-num .tlw2-u{font-size:14px;color:var(--muted);font-family:var(--sans);
    font-weight:300;letter-spacing:normal}
.tlw2-stat-sub{font-size:12px;color:var(--red);margin-top:6px;letter-spacing:.02em}
/* 「持续更新」后面那颗点会呼吸 —— 和道具库 /props 同一套。
   ⚠ 尊重 prefers-reduced-motion：关掉动画，别让人晕。 */
.tlw2-dot{color:var(--red);animation:sc-pulse 2s ease-in-out infinite}
@keyframes sc-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.tlw2-dot{animation:none}}
/* 搜索栏吸顶：往上滚的时候停在抬头下面，别整条跑掉。
   ⚠ `top` 用 JS 量出来的 --nav-h，**不写死像素** ——
     顶栏高度取决于字号、语言（泰文行高不一样）、有没有多一个按钮；
     写死的话对不上多少像素，滚动时卡片就从那道缝里漏出来。
     56px 只是 JS 没跑起来时的兜底。（道具库 /props 也是这套。）
   ⚠ 必须有不透明背景，否则卡片会从它下面透出来。 */
.tlw2-searchbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    margin:20px 0 14px;position:sticky;top:var(--nav-h,56px);z-index:9;
    background:var(--paper,#f1ebdd);padding:10px 0 8px}
.tlw2-searchbar form{display:flex;gap:10px;flex:1;min-width:260px;max-width:560px}
/* 搜索框：和道具库 /props 一样的**下划线极简**款 ——
   原来是「浅色圆角块 + 圆角按钮」，手机上那两块占掉小半屏，
   而且和道具库并排看完全是两个网站。 */
.tlw2-searchbar input{flex:1;background:transparent;border:0;
    border-bottom:1px solid var(--ink);border-radius:0;
    padding:7px 2px;font-size:13px;color:var(--ink);outline:none}
.tlw2-searchbar input::placeholder{color:var(--muted)}
.tlw2-searchbar input:focus{border-bottom-color:var(--red)}
.tlw2-searchbar button{background:transparent;border:1px solid var(--line);
    border-radius:999px;padding:6px 18px;font-size:13px;
    color:var(--ink);cursor:pointer;white-space:nowrap;transition:.2s}
.tlw2-searchbar button:hover{border-color:var(--red);color:var(--red)}
.tlw2-searchbar button:hover{background:#e7dcc2}
.tlw2-sellink{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:13px;
    color:var(--ink);text-decoration:none;white-space:nowrap;transition:.2s}
.tlw2-sellink .fa{font-size:15px}
.tlw2-sellink:hover{color:var(--red)}
.tlw2-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:12.5px}
.tlw2-pill-label{color:var(--muted);letter-spacing:.06em;margin-right:2px}
.tlw2-pill{border:1px solid #d6ccb6;color:#6b6459;border-radius:15px;padding:3px 14px;
    text-decoration:none;transition:.2s}
.tlw2-pill:hover{border-color:var(--red);color:var(--red)}
.tlw2-pill.on{border-color:var(--red);color:var(--red);background:#fbeeee}
.tlw2-wrap{display:flex;gap:30px;align-items:flex-start;padding-top:20px;border-top:1px solid var(--line)}
.tlw2-side{width:184px;flex:none}
/* 左栏做成可折叠的 details —— 手机上它落在卡片墙上面，
   几十个类型+区域会把场地整个挤到屏幕外。和道具库 /props 同一个做法。
   ⚠ summary 的文字是「筛选」，不是「类型」——
     里面第一条就是「类型」，重名的话展开后会看到两个「类型」。 */
.tlw2-side > summary{font-size:13px;letter-spacing:.08em;color:var(--muted);
    padding-bottom:8px;border-bottom:1px solid var(--line);
    cursor:pointer;list-style:none}
.tlw2-side > summary::-webkit-details-marker{display:none}
.tlw2-side > summary::after{content:" \25BE";color:var(--muted)}
.tlw2-side[open] > summary::after{content:" \25B4"}
/* 宽屏上这一栏本来就是常驻的，summary 只是个标题，别让它太显眼 */
@media(min-width:721px){.tlw2-side > summary{cursor:default}}
.tlw2-cat-h{font-size:14px;font-weight:400;color:var(--ink);margin:18px 0 8px;letter-spacing:.02em}
.tlw2-cat-h:first-child{margin-top:0}
.tlw2-cat{display:flex;justify-content:space-between;align-items:center;gap:8px;
    font-size:13px;color:#5f594e;text-decoration:none;padding:4px 0;transition:.15s}
.tlw2-cat:hover{color:var(--red)}
.tlw2-cat.on{color:var(--red)}
.tlw2-cnt{color:var(--tan);font-size:12px;flex:none}
.tlw2-cat.on .tlw2-cnt{color:var(--red)}
.tlw2-ck{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#5f594e;padding:3px 0;cursor:pointer}
.tlw2-ck input{accent-color:var(--red)}
.tlw2-clear{display:inline-block;margin-top:16px;font-size:12px;color:var(--tan);text-decoration:none}
.tlw2-clear:hover{color:var(--red)}
.tlw2-main{flex:1;min-width:0}
/* 结果行：标签在左、件数顶到右、选景单在最右 —— 和道具库 /props 一致。
   ⚠ 这一行的高度是左右两栏对齐的基准，图标默认比文字大会把行撑高，
     所以图标锁死同字号、行高继承。 */
.tlw2-resultbar{display:flex;justify-content:flex-start;align-items:baseline;gap:6px;
    font-size:13px;color:var(--muted);margin-bottom:16px}
.tlw2-resultbar-n{margin-left:auto;color:var(--ink)}
.tlw2-resultbar .tlw2-sellink{margin-left:18px}
.tlw2-sellink,.tlw2-sellink .fa{font-size:13px;line-height:inherit}
.tlw2-resultbar b{color:var(--ink);font-weight:500}
.tlw2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}
.tlw2-card .tlw-th{border-radius:9px;background:#e8e5df}
.tlw2-card .tlw-th img{border-radius:9px}
.tlw2-meta{padding:10px 2px 0}
.tlw2-name{display:block;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none;letter-spacing:.01em}
.tlw2-name:hover{color:var(--red)}
.tlw2-sub{font-size:12px;color:var(--muted);margin-top:5px}
.tlw2-sub .fa{font-size:11px;margin-right:3px;color:var(--tan)}
.tlw2-price{font-size:13px;color:var(--red);margin-top:5px}
.tlw2-price span{color:var(--tan);font-size:11px}
.tlw2-empty{padding:40px 0;text-align:center;color:var(--muted);font-size:13px}
.tlw2-pager{display:flex;gap:6px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.tlw2-pg{min-width:30px;text-align:center;border:1px solid var(--line);border-radius:6px;
    padding:5px 9px;font-size:12px;color:#6b6459;text-decoration:none}
.tlw2-pg.on,.tlw2-pg:hover{border-color:var(--red);color:var(--red)}
@media(max-width:1000px){.tlw2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
    /* ⚠ 这里以前是 88px —— 桌面那份改成 24px 时**漏了手机这份**，
       手机上标题上面照样空一大截。改间距要把所有断点都过一遍。 */
    .tlw2{padding:24px 18px 48px}
    /* ⚠⚠ `.tlw2-head` 基础规则里有 `align-items:flex-end`。
       竖排之后交叉轴变成了**水平方向** —— flex-end 把标题和数字
       整块推到了右边，`text-align:left` 根本管不着（它只管块内文字）。
       客户截图上「场地库 / 846」贴着右边就是这个。 */
    /* ⚠ 这里**不要**改成 flex-direction:column ——
       道具库 /props 用的是「flex-wrap 自然换行 + 575px 断点改对齐」，
       两边规则不一样就会在某些宽度下一个靠左一个靠右。
       统一照抄它那份（见下面的 575px 块）。 */
    .tlw2-head{gap:10px}
    .tlw2-wrap{flex-direction:column;gap:18px}
    .tlw2-side{width:100%}
    .tlw2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
}
@media(max-width:440px){.tlw2-grid{grid-template-columns:1fr}}
/* 跟手拖动/换图靠 transform，交给合成器做，不触发重排。
   ⚠ 不要给它加 transition 的默认值 —— JS 会按场景自己设：
     跟手时 none（要立刻响应），松手和换图时才是缓动。 */
.tlw-caro-img{width:100%;height:100%;object-fit:cover;display:block;
    will-change:transform;backface-visibility:hidden}
/* ── 卡片上的三件浮层：箭头 / 收藏 / 页码 ─────────────────
   全部**去掉白底**，改成「深色描边 + 投影」——
   照片什么颜色都有，纯白块压在上面很脏；描边+投影在亮图暗图上都看得清。

   ⚠ 用 `@media (hover:hover)` 而不是裸 `:hover`：
     触屏上 `:hover` 会**粘住**（点过一次就一直是 hover 态），
     等于箭头永远显示。手机上箭头**直接不渲染**，改用手指左右滑。
   ⚠ 隐藏用 `opacity` + `visibility`，不用 `display:none` ——
     display 切换没有过渡，鼠标扫过去会“啪”地跳出来。
   ⚠ 收藏钮**已经收藏的（.on）永远显示**，不然用户看不出自己收过没有。 */
.tlw-arrow{position:absolute;top:50%;transform:translateY(-50%);
    background:none;border:none;width:38px;height:56px;
    color:#fff;cursor:pointer;font-size:26px;line-height:1;z-index:2;
    text-shadow:0 1px 4px rgba(0,0,0,.55);
    opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}
.tlw-arrow:hover{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.tlw-arrow.l{left:0}
.tlw-arrow.r{right:0}
/* 页码：去掉白底，常显（它是信息不是操作，藏起来就不知道有几张图了） */
.tlw-count{position:absolute;bottom:8px;left:10px;background:none;
    color:#fff;font-size:12px;padding:0;z-index:2;letter-spacing:.04em;
    text-shadow:0 1px 4px rgba(0,0,0,.6)}

/* 全部直角(去掉一切圆弧) */
.tlw *{border-radius:0 !important}

/* ===== 报价折叠块(白色小标,点击展开) ===== */
.tlw-pricebox{margin:14px 0 4px}
.tlw-pricebox>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
    background:#fff;border:1px solid #e3dfd6;border-radius:22px;padding:8px 16px;font-size:14px;color:#3a352c;
    box-shadow:0 1px 5px rgba(0,0,0,.07);user-select:none;transition:box-shadow .15s,border-color .15s}
.tlw-pricebox>summary:hover{box-shadow:0 2px 9px rgba(0,0,0,.12);border-color:#cdbfa3}
.tlw-pricebox>summary::-webkit-details-marker{display:none}
.tlw-pricebox>summary>.fa-money{color:#b08d4f}
.tlw-price-caret{margin-left:2px;font-size:11px;color:#9a948a;transition:transform .2s}
.tlw-pricebox[open]>summary .tlw-price-caret{transform:rotate(180deg)}
.tlw-price-body{margin-top:14px;animation:tlwFade .2s ease}
@keyframes tlwFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.tlw-price{width:100%;border-collapse:collapse;font-size:14px;margin:4px 0 6px;
    background:#fff;border:1px solid #efeae0;border-radius:10px;overflow:hidden}
.tlw-price th{text-align:left;padding:9px 12px;background:#f7f4ec;color:#6a6357;font-weight:600;
    border-bottom:1px solid #e7e1d4;white-space:nowrap}
.tlw-price td{padding:9px 12px;border-bottom:1px solid #f3efe6;color:#3a352c}
.tlw-price tr:last-child td{border-bottom:none}
.tlw-price .r{text-align:right}
.tlw-price .b{font-weight:700;color:#1f1b14}
.tlw-price-sub{font-size:13px;font-weight:600;color:#8a8170;margin:14px 0 4px}
.tlw-price-extra{font-size:13px;color:#6b6b6b;margin:8px 0 4px;line-height:1.9;
    display:flex;flex-wrap:wrap;gap:4px 18px}
.tlw-price-note{font-size:12px;color:#a39f96;margin-top:4px}
@media(max-width:600px){.tlw-price{font-size:13px}.tlw-price th,.tlw-price td{padding:7px 8px}}

/* ── 标题/件数在窄屏上的对齐：和道具库 /props 逐条对应 ──────
   道具库那份是：
     @media (max-width:575px){
         .showcase-side { text-align: left; }
         .showcase-count, .showcase-grow { justify-content: flex-start; }
         .showcase-count .n { font-size: 34px; }
     }
   ⚠ 断点也要一样（575px）—— 断点不同的话，在 576~720px 那段宽度上
     一个已经靠左、另一个还靠右，并排看就是两个网站。 */
@media(max-width:575px){
    .tlw2-stat{text-align:left}
    .tlw2-stat-num,.tlw2-stat-sub{text-align:left}
    .tlw2-stat-num{font-size:34px}
}