/* 手机前台主题 7 · 清新橙 Fresh Orange — 覆盖样式表（原版 CSS 不改动，最后加载）。
 * 干净明亮的分类/房产 App 质感：纯白卡片 + 橙色主色 + 彩色分类图标块 + 左图右文房源卡。
 * 结构沿用共享骨架（token 驱动），仅重写配色与首页/列表排版。 */
:root{
--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",sans-serif;
  --bg-solid:#f5f6f8;
  --bg:#f5f6f8;
  --text:#222222; --muted:#999999; --faint:#bbbbbb;
  --line:#eeeeee;
  --accent:#ff6a00; --accent2:#ff8a3a;
  --grad:linear-gradient(135deg,#ff7a1a 0%,#ff6a00 100%);
  --on-accent:#ffffff;
  --hot:#ff3b30; --hot-badge:#ff3b30; --on-hot:#fff;
  --blue:#3c8cff;
  --surface:#ffffff; --surface2:#ffffff;
  --chip:rgba(60,140,255,.08); --chip-text:#3c8cff; --chip-r:6px;
  --r:12px; --r-sm:10px; --r-img:8px; --field-r:8px; --btn-r:8px;
  --ph:linear-gradient(135deg,#eef0f3,#f6f7f9);
  --plate:#fff;
  --hdr-h:54px; --hdr-bg:#ffffff; --hdr-text:#222222; --hdr-ic:#ff6a00;
  --search-bg:#f5f6f8; --search-line:#eceef1; --search-text:#999999; --search-r:999px;
  --logo-plate:linear-gradient(135deg,#ff7a1a,#ff6a00); --logo-text:#fff; --logo-r:11px;
  --pop-bg:#ffffff; --pop-solid:#ffffff; --pop-shadow:0 8px 32px rgba(20,30,50,.14),0 1px 0 #eee;
  --bar-h:56px; --bar-bg:#ffffff; --bar-ic:#999999; --bar-on:#ff6a00; --bar-shadow:0 -1px 0 #eee,0 -6px 18px rgba(20,30,50,.04);
  --pub-bg:linear-gradient(135deg,#ff7a1a,#ff6a00); --pub-ic:#fff; --pub-r:50%; --pub-shadow:0 8px 18px -4px rgba(255,106,0,.5);
  --btn-shadow:0 8px 18px -8px rgba(255,106,0,.55);
  --btn2-bg:#fff; --btn2-text:#ff6a00;
  --card-shadow:0 1px 10px rgba(20,30,50,.06);
  --thumb-top:12px; --thumb-right:12px;
  --member-bg:linear-gradient(135deg,#ff7a1a,#ff6a00); --member-text:#fff; --member-ring:rgba(255,255,255,.75); --member-r:0 0 18px 18px;
  --wx-bg:#fff; --wx-text:#1aad46;
  --post-cols:3; --post-gap:10px;
  --m-back:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 4.5L7.5 12l7.5 7.5'/%3E%3C/svg%3E");
  --m-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='3.5' width='7' height='7' rx='2'/%3E%3Crect x='3.5' y='13.5' width='7' height='7' rx='2'/%3E%3Crect x='13.5' y='13.5' width='7' height='7' rx='2'/%3E%3C/svg%3E");
  --m-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.3-4.3'/%3E%3C/svg%3E");
  --m-user:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c1.4-3.6 4.2-5.5 7.5-5.5s6.1 1.9 7.5 5.5'/%3E%3C/svg%3E");
  --m-home:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 11L12 4l8.5 7'/%3E%3Cpath d='M6 9.5V20h12V9.5'/%3E%3Cpath d='M10 20v-5h4v5'/%3E%3C/svg%3E");
  --m-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.8l-5.2 2.8 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E");
  --m-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
  --m-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  --m-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14a1.5 1.5 0 011.5 1.5v8A1.5 1.5 0 0119 16H10l-4.5 3.5V16H5a1.5 1.5 0 01-1.5-1.5v-8A1.5 1.5 0 015 5z'/%3E%3Cpath d='M8 10.5h.01M12 10.5h.01M16 10.5h.01'/%3E%3C/svg%3E");
  --m-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3.5h3l1.5 4-2 1.5a11 11 0 006 6l1.5-2 4 1.5v3a2 2 0 01-2 2A16.5 16.5 0 014.5 5.5a2 2 0 012-2z'/%3E%3C/svg%3E");
  --m-qr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='14' y='3.5' width='6.5' height='6.5' rx='1.2'/%3E%3Crect x='3.5' y='14' width='6.5' height='6.5' rx='1.2'/%3E%3Cpath d='M14 14h2.5v2.5H14zM18 18h2.5v2.5H18zM14 20.5h1M20.5 14v1'/%3E%3C/svg%3E");
  --m-edit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3Cpath d='M13 7l4 4'/%3E%3C/svg%3E");
  --m-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --m-right:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E");
  --m-doc:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4.5 4.5v11A1.5 1.5 0 0117 20.5H7A1.5 1.5 0 015.5 19V5A1.5 1.5 0 017 3.5z'/%3E%3Cpath d='M13.5 3.5V8h5M8.5 12.5h7M8.5 16h5'/%3E%3C/svg%3E");
  --m-logout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4.5H6.5A1.5 1.5 0 005 6v12a1.5 1.5 0 001.5 1.5H14'/%3E%3Cpath d='M10 12h10M16.5 8.5L20 12l-3.5 3.5'/%3E%3C/svg%3E");
  --m-camera:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l1.8-2.5h6.4L17 8h3a1 1 0 011 1v9.5a1 1 0 01-1 1H4a1 1 0 01-1-1V9a1 1 0 011-1z'/%3E%3Ccircle cx='12' cy='13.5' r='3.5'/%3E%3C/svg%3E");
  --m-wechat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 4.5c-3.9 0-7 2.6-7 5.8 0 1.8 1 3.4 2.6 4.5l-.6 2.2 2.6-1.3c.8.2 1.6.3 2.4.3'/%3E%3Cpath d='M14.8 9.3c3.5 0 6.2 2.3 6.2 5.1 0 1.6-.9 3-2.3 3.9l.5 1.9-2.3-1.1c-.7.2-1.4.3-2.1.3-3.5 0-6.2-2.3-6.2-5.1s2.7-5 6.2-5z'/%3E%3C/svg%3E");
  --m-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");
  --m-bolt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L5 13.5h6L10 21l8-10.5h-6z'/%3E%3C/svg%3E");
  --m-heart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10A4.3 4.3 0 0112 7.3 4.3 4.3 0 0119.5 10c0 5.4-7.5 10-7.5 10z'/%3E%3C/svg%3E");
}

/* ================= shared skeleton (all six themes) ================= */
html{background:var(--bg-solid)!important;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
body,body.orange{background:transparent!important;color:var(--text);font-family:var(--font)!important;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;left:0;top:0;right:0;bottom:0;z-index:-1;background:var(--bg);pointer-events:none}
input,textarea,select,button{font-family:var(--font)!important}
::selection{background:var(--accent);color:var(--on-accent)}

/* containers that the old site painted white / grey */
.wrapper,.detail-main,.detail-main .section,.detail-main .section .info,.hot-item-wrap,.detail-main .base-info,
.log_reg_box,.log_reg_item,.passport-login-input-ul li,#homelist,.Tz_box,.infolst_w,.news,.mod_02,.filter2,
#loadmore,#nodata,.detail-main .broad,.comment,#comment,.list-info,.list-info li,.select_02,.select_01,.dl_nav,.se_nav,
.memberNav,.memberNav ul,.memberNav li,.amount_info,.amount_info ul,.member_exit,.inp_Itembox,.selectclass,#wrap,.wrap{background-color:transparent!important}
.hot-item-wrap::before,.detail-main .section .info::before,.detail-main .section #social_banner_wrap::before{display:none!important}
#loadmore{background-image:none!important}
#nodata,.no-data,.more-info{color:var(--muted)!important}
a{color:inherit}

/* broken / missing images: never show the browser's broken glyph */
img.broken{visibility:hidden}
.img-wrap,.img-small-wrap,.user_head a,.viewarea{background:var(--ph)}

/* old white-background GIF/PNG badges & banners sit on a soft plate in dark themes */
.desc img,.tishiimg img,.viewarea img,.a_ddarea img,.bottomLogo img,.qrcode-wrap img,.passport-login-input-ul img,#form1 > ul img[style*="cursor"]{background:var(--plate);border-radius:4px}

/* ---------- generic fixed header (inner pages) ---------- */
div.header{left:0!important;right:0!important;width:auto!important;margin:0 auto;max-width:640px;background:var(--hdr-bg)!important;color:var(--hdr-text)!important;font-size:17px!important;font-weight:600;letter-spacing:.02em;box-sizing:border-box}
div.header #ipageTitle{height:auto!important;line-height:inherit;color:var(--hdr-text)}
div.header .back,div.header .my,div.header .search,div.header .type{background:none!important;color:var(--hdr-text)!important;font-size:15px!important;font-weight:500}
div.header .back::before,div.header .my::before,div.header .search::before,div.header .type::before{content:"";position:absolute;width:22px;height:22px;top:50%;margin-top:-11px;background:var(--hdr-ic);-webkit-mask:var(--mi) center/contain no-repeat;mask:var(--mi) center/contain no-repeat}
div.header .back{--mi:var(--m-back);padding-left:0!important;width:auto!important;min-width:44px;text-align:left!important;text-indent:22px}
div.header .back::before{left:0;margin-left:0}
div.header .type{--mi:var(--m-grid);right:6px!important;width:44px!important}
div.header .type::before{left:11px}
div.header .search{--mi:var(--m-search);width:44px!important;right:6px!important;margin-right:0!important}
div.header .search::before{left:11px}
div.header .my{--mi:var(--m-user);width:44px!important}
div.header .my::before{left:11px}
div.header .my.left8{left:6px!important;right:auto!important}
div.header .my.right8{right:6px!important;left:auto!important}

/* ---------- category popover (导航) ---------- */
.nav_APP{top:calc(var(--hdr-h) + 10px)!important;z-index:1000}
.nav_APP ul{background:var(--pop-bg)!important;border-radius:var(--r)!important;padding:12px 4px 6px!important;box-shadow:var(--pop-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--line)}
.nav_APP a{color:var(--text)!important;padding-top:40px!important;max-width:5em!important;font-size:12px!important}
.nav_APP .s{width:34px!important;height:34px!important;margin-left:-17px!important;background-color:var(--icon-plate,var(--chip))!important;background-size:26px auto!important;background-position:center!important;border-radius:10px!important}
.nav_APP .arrow-up{border-bottom-color:var(--pop-solid)!important;opacity:1!important}

/* ---------- bottom tab bar (inner pages) ---------- */
#contactbar{left:0!important;right:0!important;margin:0 auto;background:var(--bar-bg)!important;border-top:0!important;box-sizing:border-box;display:flex!important;align-items:stretch;overflow:visible}
#contactbar a{flex:1;float:none!important;width:auto!important;display:block!important;background:none!important;position:relative;color:var(--bar-ic)!important;font-size:10.5px!important;line-height:1!important;padding-top:29px;box-sizing:border-box;text-align:center;letter-spacing:.02em}
#contactbar a::before{content:"";position:absolute;left:50%;top:6px;width:21px;height:21px;margin-left:-10.5px;background:currentColor;-webkit-mask:var(--mi) center/contain no-repeat;mask:var(--mi) center/contain no-repeat}
#contactbar .bottom_index{--mi:var(--m-home)}
#contactbar .bottom_store{--mi:var(--m-star)}
#contactbar .bottom_history{--mi:var(--m-clock)}
#contactbar .bottom_member{--mi:var(--m-user)}
#contactbar a:not([class])::before{display:none}
#contactbar a:not([class]) .pub_circle{display:none!important}
#contactbar a:not([class]) .pub_iconfont{position:absolute;left:50%;top:-14px;width:46px!important;height:46px!important;margin-left:-23px;transform:none!important;background:var(--pub-bg)!important;border-radius:var(--pub-r);box-shadow:var(--pub-shadow);z-index:3}
#contactbar a:not([class]) .pub_iconfont::after{content:"";position:absolute;inset:12px;background:var(--pub-ic);-webkit-mask:var(--m-plus) center/contain no-repeat;mask:var(--m-plus) center/contain no-repeat}
#contactbar a:not([class]) em{position:absolute!important;left:0!important;right:0!important;top:auto!important;bottom:6px!important;width:auto!important;height:auto!important;margin:0!important;background:none!important;line-height:1!important;font-size:10.5px;color:var(--bar-ic)}
body.orange{padding-bottom:calc(var(--bar-h) + 44px)!important}

/* ---------- footer block ---------- */
div.footer{background:transparent!important;margin-bottom:0!important;padding:18px 0 8px!important;border-top:1px solid var(--line)}
.footer_01 a{color:var(--muted)!important;font-size:13px!important}
.footer_02{color:var(--faint)!important;font-size:10.5px!important;line-height:18px!important;padding:0 16px 8px!important}
.footer_02 a{color:var(--muted)!important;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}

/* ---------- home header (logo + search + follow + post) ---------- */
header.header{left:0!important;right:0!important;width:auto!important;max-width:none;margin:0 auto;box-sizing:border-box;background:var(--hdr-bg)!important;color:var(--hdr-text)!important;height:56px!important;padding:0 12px!important;gap:8px}
header.header .header-logo58{flex:none;width:36px!important;height:36px!important;margin:0!important;border-radius:var(--logo-r,11px);background:var(--logo-plate)!important;display:flex!important;align-items:center;justify-content:center;color:var(--logo-text);box-shadow:var(--logo-shadow,none)}
header.header .header-logo58::before{content:"海外\A同城";white-space:pre;font-size:10.5px;line-height:11.5px;font-weight:800;letter-spacing:.04em;text-align:center;font-family:var(--font-logo,var(--font))}
header.header .header-search-wrap{height:38px!important;border-radius:var(--search-r);background:var(--search-bg)!important;border:1px solid var(--search-line);color:var(--search-text);box-sizing:border-box}
header.header .header-search-wrap .header-city{font-size:14px!important;margin:0 4px 0 12px!important;color:var(--hdr-text);font-weight:600}
header.header .header-search-wrap .header-city::after{border-top-color:currentColor!important;opacity:.6;margin-left:4px}
header.header .header-search-input{font-size:14px;color:var(--search-text);opacity:.85;min-width:0}
header.header .header-search-input::before{width:16px!important;height:16px!important;margin-right:6px!important;background:currentColor!important;-webkit-mask:var(--m-search) center/contain no-repeat;mask:var(--m-search) center/contain no-repeat}
header.header .header-join,header.header .header-post{font-size:14px!important;color:var(--hdr-text)!important;flex:none;font-weight:500}
header.header .header-join::before{margin-left:2px!important}
header.header .header-post::before{width:18px!important;height:18px!important;margin-left:4px!important;margin-right:3px!important;background:currentColor!important;-webkit-mask:var(--m-edit) center/contain no-repeat;mask:var(--m-edit) center/contain no-repeat}
header.header + div[style*="height"]{height:62px!important}
/* home search overlay (opens when the search field is tapped) */
.search_container{background:var(--bg-solid)!important;z-index:10000!important}
.search_container .search_input{background:var(--surface2)!important;border-radius:var(--search-r)!important;border:1px solid var(--line)}
.search_container .input_keys{background:transparent!important;color:var(--text)!important}
.search_container .search_cancel{color:var(--accent)!important}

/* floating publish button on home / detail */
a.circle{background:var(--pub-bg)!important;border-radius:var(--pub-r)!important;box-shadow:var(--pub-shadow);width:54px!important;height:54px!important;right:16px!important;bottom:96px!important;left:auto!important;top:auto!important;position:fixed!important;z-index:800}
a.circle::after{content:"";position:absolute;inset:15px;background:var(--pub-ic);-webkit-mask:var(--m-plus) center/contain no-repeat;mask:var(--m-plus) center/contain no-repeat}
a.circle .dot{display:none}

/* ---------- home: category grid ---------- */
.detail-main .section .cate-nav{padding-bottom:26px!important}
.cate-nav .cate-item .item_desc{color:var(--text);font-size:12.5px!important;line-height:16px!important;margin-top:8px!important;letter-spacing:.02em;white-space:nowrap}
.ti-tile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none}
.ti-tile svg.ti{width:26px;height:26px;display:block;overflow:visible}
.cate-nav .swiper-pagination-bullet{background:var(--accent)!important;opacity:.25;width:14px!important;height:4px!important;border-radius:4px!important;transition:width .3s,opacity .3s}
.cate-nav .swiper-pagination-bullet-active{opacity:1;width:22px!important}
/* "contents" grid mode: every category on one screen, no paging */
.cate-flat .swiper-wrapper{transform:none!important;display:grid!important;width:auto!important;height:auto!important}
.cate-flat .swiper-slide{display:contents!important}
.cate-flat .swiper-pagination{display:none!important}
.cate-flat.cate-nav{padding-bottom:0!important}

/* banner + announcement ticker */
.social_banner{padding:0!important;max-height:none!important;margin:0 auto;box-sizing:border-box}
.social_banner img{width:100%!important;display:block;border-radius:var(--r-sm)}
.detail-main .section > div > .social_banner{padding:0 14px!important}
.hot-item-wrap .hot_item{height:44px!important;display:flex;align-items:center}
.hot-item-wrap .hot_item > a{padding:0 10px 0 14px!important;float:none!important;flex:none}
.hot-item-wrap .hot_img{width:22px!important;height:22px!important;margin:0!important;background:var(--accent)!important;-webkit-mask:var(--m-bolt) center/contain no-repeat;mask:var(--m-bolt) center/contain no-repeat;display:block!important}
.hot-item-wrap .hot_zx{margin:0 14px 0 0!important;flex:1;min-width:0;height:40px!important}
.hot-item-wrap .hot_zx .swiper-slide{height:40px!important;display:flex;align-items:center}
.hot-item-wrap .hot_zx h3{font-size:14px!important;line-height:40px!important;color:var(--text)!important;font-weight:500!important}

/* section heading */
.detail-main .section .info .info-hd,.detail-main .info .info-hd{color:var(--text)!important;font-size:18px!important;line-height:24px!important;padding:22px 16px 12px!important;font-weight:700;letter-spacing:.02em}
.detail-main .info .info-hd::after{display:none}
.info-hd .info-hd-title{color:var(--accent);margin-right:4px}

/* ---------- information cards (home / list / related) ---------- */
.info-content .info-item,#homelist .info-item{display:block;position:relative;color:var(--text)}
.info-content .info-item::before,#homelist .info-item::before{display:none!important}
#homelist li.Tz,.Tz_box li{padding:0!important;list-style:none;display:block;background:transparent!important;border:0!important;float:none!important}
.info-item .info-desc{width:auto!important}
.info-item .info-desc .desc{color:var(--text)!important;font-size:15.5px!important;line-height:23px!important;margin:0 0 9px!important;font-weight:500!important;-webkit-line-clamp:2}
.info-item .info-desc .desc[style*="red"]{color:var(--hot)!important;font-weight:650!important}
.info-item .info-desc .desc img{height:16px!important;width:auto;vertical-align:-3px;margin-right:3px!important;padding:0 1px}
.info-item .tuijiantubiao,.tuijiantubiao{background:var(--hot-badge)!important;color:var(--on-hot)!important;border-radius:5px;font-size:11px!important;font-weight:600;width:auto!important;min-width:18px;height:18px!important;line-height:18px!important;padding:0 3px;box-sizing:border-box;vertical-align:1px;margin-right:6px!important}
.info-item .info-desc .tip{color:var(--muted)!important;font-size:12px!important;line-height:18px!important;margin:0!important;gap:8px;flex-wrap:nowrap!important}
.info-item .info-desc .tip .cate{font-size:11.5px!important;line-height:18px!important;color:var(--chip-text)!important;background:var(--chip);padding:1px 8px;border-radius:var(--chip-r);margin:0!important;flex:none;font-weight:500}
.info-item .info-desc .tip .cate::before,.info-item .info-desc .tip .cate::after{display:none!important}
.info-item .info-desc .tip .tip-info-content{color:var(--muted)}
.info-item .info-desc .tip .tip-info-content span{margin-right:6px}
.info-item:has(.img-small-wrap) .info-desc{margin-right:100px!important;min-height:84px}
.info-item .img-small-wrap{position:absolute!important;width:86px!important;height:86px!important;top:var(--thumb-top)!important;right:var(--thumb-right)!important;border-radius:var(--r-img);overflow:hidden}
.info-item .img-small-wrap img,.info-item .pics img{width:100%!important;height:100%!important;left:0!important;transform:none!important;object-fit:cover;display:block}
.info-item .pics{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 0!important}
.info-item .pics .img-wrap{width:auto!important;height:auto!important;aspect-ratio:4/3;margin:0!important;border-radius:var(--r-img);overflow:hidden}

/* ---------- list page: breadcrumb + filter ---------- */
.wrapper > p[style*="line-height:30px"]{background:transparent!important;color:var(--muted);font-weight:500!important;font-size:13px;padding:10px 16px 2px!important}
.wrapper > p[style*="line-height:30px"] a{color:var(--muted)}
.filter2 .tab{border-bottom:0!important;display:flex!important;gap:8px;padding:8px 14px 6px}
.filter2 .tab li{flex:1;padding:0!important;font-size:15px!important}
.filter2 .tab li a{border:1px solid var(--line)!important;height:38px!important;line-height:38px!important;border-radius:var(--chip-r);color:var(--text)!important;background:var(--surface2)}
.filter2 .tab li a em{border-color:var(--muted) transparent transparent transparent!important;border-width:5px!important}
.filter2 .tab li a em::after{border-top-color:transparent!important}
.filter2 .tab .selected a,.filter2 .tab .current a{color:var(--accent)!important;border-color:var(--accent)!important}
.filter2 .inner_parent,.filter2 .inner_child{background:var(--pop-solid)!important;border-radius:0 0 var(--r) var(--r)}
.filter2 .inner_parent a,.filter2 .inner_child a,.filter2 .innercontent a{background:transparent!important;color:var(--text)!important;border-color:var(--line)!important;font-size:15px!important}
.filter2 .innercontent a.selected{color:var(--accent)!important;font-weight:700}
.fullbg{background:rgba(0,0,0,.5)!important}

/* ---------- search page ---------- */
.searchbar2{padding:12px 14px!important}
.searchbar2 .s_ipt{border:1px solid var(--line)!important;background:var(--surface2)!important;color:var(--text)!important;border-radius:var(--search-r);height:44px!important;font-size:15px!important;text-indent:14px!important}
.searchbar2 .s_btn{background:none!important;border:0!important;position:relative;margin-top:-44px!important;height:44px!important;width:48px!important;margin-left:auto}
.searchbar2 form{position:relative}
.searchbar2 form::after{content:"";position:absolute;right:14px;top:12px;width:20px;height:20px;background:var(--accent);-webkit-mask:var(--m-search) center/contain no-repeat;mask:var(--m-search) center/contain no-repeat;pointer-events:none}
.dl_nav{border-bottom:0!important;color:var(--muted)!important;height:auto!important;line-height:30px!important;padding:0 10px}
.dl_nav span{height:auto!important}
.se_nav{color:var(--text);font-size:14px}
.se_nav,.se_nav *{background:transparent!important}
.list-info li a,.list-info a{color:var(--text)!important}
.list-info dl{border-color:var(--line)!important}
.list-info dt.tit strong{color:var(--text)!important}
.list-info dt.tit font{color:var(--hot)!important}
.list-info dt.tit span[style]{background:var(--chip)!important;color:var(--chip-text)!important;border-radius:5px;font-size:11.5px!important;padding:1px 6px!important;vertical-align:2px}
.list-info dd.attr{color:var(--muted)!important}
.pager{background:transparent!important;border-top:0!important;color:var(--text)!important}
.pager a,.pager b,.pager span{border:1px solid var(--line)!important;box-shadow:none!important;border-radius:var(--chip-r);background:var(--surface2)!important;color:var(--text)!important;min-width:38px;height:38px!important;line-height:38px!important;padding:0 12px;box-sizing:border-box;display:inline-block;font-weight:500}
.pager b{background:var(--grad)!important;color:var(--on-accent)!important;border-color:transparent!important}
nav.pager{border:0!important;padding:0!important;background:none!important;min-width:0;height:auto!important;line-height:normal!important}

/* ---------- login / register ---------- */
.log_reg_box{float:none!important;min-width:0!important;padding:8px 18px 0;box-sizing:border-box}
.passport-login-input-ul li{border:1px solid var(--line)!important;background:var(--surface2)!important;border-radius:var(--field-r);height:50px!important;margin-top:12px!important;overflow:hidden}
.passport-login-input{background:transparent!important;color:var(--text)!important;height:50px!important;width:100%!important;font-size:15px!important;text-indent:16px!important}
.passport-login-input::placeholder,.m-postform ::placeholder,.inp_Itembox ::placeholder,textarea::placeholder,input::placeholder{color:var(--faint)!important}
#pptul > div[style*="margin-top"]{margin-top:14px!important}
.btn_log,.passport-login-button{background:var(--grad)!important;color:var(--on-accent)!important;height:50px!important;border-radius:var(--btn-r)!important;font-size:16px!important;font-weight:650;letter-spacing:.3em;box-shadow:var(--btn-shadow);-webkit-appearance:none}
#loginButtonLi{border:0!important;background:transparent!important;height:auto!important;overflow:visible!important}
.login_ff{padding:0 18px!important}
.login_hezuo_mian ul.wxhezuo{border-radius:var(--btn-r)!important;height:auto!important;padding:13px 0!important;background:var(--wx-bg,#07c160)!important;color:var(--wx-text,#fff)!important}
.login_hezuo_mian li i.hzico-wx{background:var(--wx-text,#fff)!important;-webkit-mask:var(--m-wechat) center/22px no-repeat;mask:var(--m-wechat) center/22px no-repeat;width:24px!important;height:24px!important}
.login_ffmain{height:auto!important;margin:18px 0 26px!important}
.login_ffmain a{border:1px solid var(--line)!important;background:transparent!important;color:var(--text)!important;border-radius:var(--btn-r)!important;padding:11px 34px!important}
.select_02{margin:14px 18px 0!important;border-bottom:1px solid var(--line)!important}
.select_02 li a{color:var(--muted)}
.select_02 .current,.select_02_orange .current{border-bottom:2px solid var(--accent)!important;color:var(--accent)!important}
.select_02 .current a{color:var(--accent)!important;font-weight:650}

/* ---------- news ---------- */
.select_01,.tab-hd{border-color:var(--line)!important}
.select_01 .tab-hd li a,.tab-hd li a{color:var(--muted)!important}
.select_01 .tab-hd li.current a,.tab-hd li.current a{color:var(--accent)!important;border-color:var(--accent)!important}
.tab-hd li.current{border-bottom-color:var(--accent)!important}
.list_news li,.list_normal li{border-color:var(--line)!important;background:transparent!important}
.list_news li a,.list_normal li a{color:var(--text)!important}

/* article (announce / news detail) */
.wrapper .mod_02,.wrapper .news_detail,.wrapper .newsinfo,.wrapper .article{color:var(--text)}

/* ---------- detail page ---------- */
body > header:not(.header){left:0!important;right:0!important;width:auto!important;margin:0 auto;max-width:723px}
body > header:not(.header) ul{background:var(--hdr-bg)!important;color:var(--hdr-text)!important;height:52px;line-height:52px!important;font-size:14.5px!important;padding:0 14px!important;display:flex;align-items:center;box-sizing:border-box}
body > header:not(.header) ul li{float:none!important}
body > header:not(.header) ul .h-back a{display:flex;align-items:center;gap:2px}
body > header:not(.header) ul .h-back a::before{border:0!important;transform:none!important;width:20px!important;height:20px!important;background:var(--hdr-ic);-webkit-mask:var(--m-back) center/contain no-repeat;mask:var(--m-back) center/contain no-repeat}
body > header:not(.header) ul .h-recruit{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
body > header:not(.header) ul .h-iline,body > header:not(.header) ul .h-sep{margin:0 12px!important;height:16px!important;flex:none}
body > header:not(.header) ul .h-iline::before,body > header:not(.header) ul .h-sep::before{background:var(--line)!important;transform:none!important}
body > header:not(.header) ul .h-post{order:9}
body > header:not(.header) ul .h-sep{order:10}
body > header:not(.header) ul .h-attent{order:11}
body > header:not(.header) + div[style*="height"]{height:56px!important}
.banner{display:none}
.banner:has(img){display:block}
.detail-main .base-info .section{margin:0 16px!important;padding:18px 0 14px!important}
.detail-main .base-info .section::after{background:var(--line)!important;transform:none!important}
.detail-main .base-info .section .detail-hd{font-size:13px!important;line-height:18px!important;color:var(--muted)!important;margin-bottom:6px!important;letter-spacing:.04em}
.detail-main .base-info .section .tip-hd{color:var(--faint)!important;font-size:12px!important}
.detail-main .base-info .section.contact{margin-top:14px!important;padding:12px 16px!important;font-size:15px!important;color:var(--text)!important;background:var(--surface);border-radius:var(--r-sm);display:flex;align-items:center}
.detail-main .base-info .section.contact::before{content:"";width:18px;height:18px;margin-right:8px;background:var(--accent);-webkit-mask:var(--m-user) center/contain no-repeat;mask:var(--m-user) center/contain no-repeat;flex:none}
.detail-main .base-info .section.contact span{color:var(--muted)!important;order:-1}
.detail-main .content-title{margin:4px 16px 12px!important;font-size:21px!important;line-height:1.4!important;color:var(--text)!important;letter-spacing:.01em}
.detail-main .content-title[style*="red"]{color:var(--hot)!important}
.detail-main .content{margin:0 16px!important;font-size:16px!important;line-height:1.75!important;color:var(--text)!important}
.detail-main .content img{border-radius:var(--r-sm);margin:8px 0!important}
.detail-main .content iframe{max-width:100%;border:0;border-radius:var(--r-sm)}
.detail-main .section.pic{margin:18px 16px 0!important;padding:14px 16px;font-size:13px;line-height:1.7;color:var(--muted)!important;background:var(--surface);border-radius:var(--r-sm)}
.detail-main .section.pic p{color:var(--muted)!important}
.detail-main .tip58{font-size:14px!important;margin-bottom:6px!important}
#comment{padding:0 16px;margin-top:18px}
#comment .comment{padding:0!important}
#comment .comment-bd .comment-send-info .send{background:var(--surface2)!important;border:1px solid var(--line);border-radius:var(--field-r)!important;color:var(--muted);display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 16px!important;height:50px!important;line-height:50px!important}
#comment .send .send-btn{background:var(--grad)!important;color:var(--on-accent)!important;border-radius:var(--btn-r);padding:0 16px;height:36px;line-height:36px;font-size:14px;float:none!important;position:static!important;width:auto!important;margin:0!important}
.comment-info,.comment-info *{color:var(--text)}
.detail-main .broad{padding:14px 16px 4px!important}
.detail-main .broad .social_banner{height:auto!important;width:auto!important}
.detail-main .broad .social_banner img{width:100%!important;height:auto!important;border-radius:var(--r-sm)}
.detail-main .broad .social_banner:has(img.broken){display:none!important}
#rec-info .info-content{padding:0!important}
.more-info{color:var(--muted)!important}
/* detail bottom action bar */
body > footer{left:0!important;right:0!important;margin:0 auto;height:auto!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;background:var(--bar-bg)!important;box-shadow:var(--bar-shadow)!important;gap:8px;flex-wrap:nowrap!important}
body > footer .footer-send-msg{background:transparent!important;color:var(--bar-ic)!important;width:52px!important;font-size:11px!important;height:46px!important;flex:none}
body > footer .footer-send-msg::before{background:currentColor!important;-webkit-mask:var(--m-chat) center/contain no-repeat;mask:var(--m-chat) center/contain no-repeat;width:22px!important;height:22px!important;margin-bottom:3px}
body > footer .footer-contact{height:46px!important;margin:0!important;border-radius:var(--btn-r)!important;font-size:15px!important;font-weight:600;background:var(--btn2-bg)!important;color:var(--btn2-text)!important;letter-spacing:.06em}
body > footer .footer-contact.join{background:var(--grad)!important;color:var(--on-accent)!important;box-shadow:var(--btn-shadow)}
body > footer .footer-contact::before{background:currentColor!important;-webkit-mask:var(--m-phone) center/contain no-repeat;mask:var(--m-phone) center/contain no-repeat;width:18px!important;height:18px!important;margin-right:6px!important}
body > footer .footer-contact.join::before{-webkit-mask-image:var(--m-wechat);mask-image:var(--m-wechat)}
body > footer .contact-menu{background:var(--pop-solid)!important;color:var(--text)!important;border-radius:var(--r-sm)!important;box-shadow:var(--pop-shadow)!important;bottom:56px!important}
body > footer .contact-menu .contact-menu-item::after{background:var(--line)!important}

/* ---------- 关注 QR popup ---------- */
.attent-mask .mask-panel{background:var(--pop-solid)!important;color:var(--text)!important;border-radius:var(--r)!important;box-shadow:var(--pop-shadow)!important}
.attent-mask .mask-panel h5{color:var(--text)}
.attent-mask .qrcode-wrap img{border-radius:10px;background:#fff!important}
.attent-mask .mask-panel .mask-close{color:var(--muted)!important}

/* ---------- publish: category picker + form ---------- */
.tishiimg{margin:12px 14px 4px;border-radius:var(--r-sm);overflow:hidden}
.tishiimg img{display:block;border-radius:0!important}
.selectclass{color:var(--muted)!important;font-size:13px!important;letter-spacing:.06em;padding:14px 0 6px!important}
.detailclass_time{display:grid!important;grid-template-columns:repeat(var(--post-cols,3),1fr);gap:var(--post-gap,10px);padding:8px 14px 18px;background:transparent!important}
.detailclass_time_title{float:none!important;width:auto!important;margin:0!important;list-style:none;background-color:var(--surface)!important;border:1px solid var(--line);border-radius:var(--r-sm);height:auto!important;min-height:64px;display:flex!important;align-items:center;justify-content:center;position:relative;box-sizing:border-box;padding:10px 4px!important}
.detailclass_time_title > span{display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;padding:0!important;margin:0!important;line-height:1.3!important;text-align:center}
.detailclass_time_title > span em{color:var(--text)!important;font-size:14px!important;font-weight:600;position:static!important;display:block;line-height:1.3!important}
.detailclass_time_title[style*="background-image"]{background-repeat:no-repeat!important;background-size:30px auto!important;background-position:center 14px!important;padding-top:52px!important;min-height:86px!important}
.detailclass_time_title[style*="background-image"]::before{content:"";position:absolute;left:50%;top:14px;width:30px;height:30px;margin-left:-15px;border-radius:8px;box-shadow:0 0 0 5px var(--icon-plate,transparent);pointer-events:none}
.m-catmask{background:var(--pop-solid)!important;color:var(--text)!important;border-radius:var(--r) var(--r) 0 0;box-shadow:var(--pop-shadow);left:0!important;right:0!important;top:auto!important;bottom:0!important;max-height:75vh;overflow-y:auto;z-index:10001!important}
.m-catmask > div[style*="background"]{background:var(--grad)!important;color:var(--on-accent)!important;font-weight:650;letter-spacing:.06em;font-size:17px!important;padding:14px 0!important}
.m-catmask ul{display:grid;grid-template-columns:1fr 1fr}
.m-catmask li{background:transparent!important;border-color:var(--line)!important;width:auto!important;float:none!important;font-size:16px!important;line-height:24px!important;padding:12px 0!important}
.m-catmask a{color:var(--text)!important;display:block}
.m-catmask a[data-close-mask]{color:var(--muted)!important;padding:6px}
#m-mask-bg{background:rgba(0,0,0,.45)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#form1 .inp_Itembox{background:var(--surface)!important;margin:12px 14px!important;border-radius:var(--r-sm);border:1px solid var(--line);overflow:hidden}
#form1 .inp_Itembox dl{border-color:var(--line)!important;background:transparent!important}
#form1 .inp_Itembox dt{color:var(--muted)!important}
#form1 .inp_Itembox dd,#form1 .inp_Itembox dd a[style*="#333"]{color:var(--text)!important}
#form1 .inp_Itembox input,#form1 .inp_Itembox select,#form1 .inp_Itembox textarea{background:transparent!important;color:var(--text)!important;border:0!important}
#form1 .inp_Itembox select option,#form1 .inp_Itembox optgroup{background:var(--pop-solid);color:var(--text)}
#form1 .inp_Itembox > p[style*="background"]{background:var(--line)!important;height:1px!important}
#form1 .inp_Itembox textarea{width:100%!important;box-sizing:border-box;padding:12px 14px!important}
#form1 .inp_Itembox .menu i{border-color:var(--muted)!important;background:var(--muted)!important}
#form1 .inp_Itembox[style*="flex"]{gap:8px;padding:12px!important;justify-content:flex-start!important}
.onea_dd{width:calc((100% - 16px)/3)!important;margin:0!important;float:none!important;border-radius:var(--r-img);overflow:hidden;border:1px dashed var(--line);box-sizing:border-box;background:var(--surface2)}
.onea_dd .viewarea{background:transparent!important;border:0!important;width:auto!important}
.onea_dd .viewarea img{width:100%!important;height:auto!important;display:block}
.onea_dd .a_ddarea{background:transparent!important;width:auto!important}
.onea_dd .a_ddarea img{width:100%!important;height:auto!important;display:block}
.bottomLogo{opacity:.85;text-align:center}
.bottomLogo img{max-height:26px;padding:3px 8px}
button.fb{background:var(--grad)!important;color:var(--on-accent)!important;border:0!important;border-radius:var(--btn-r)!important;box-shadow:var(--btn-shadow);height:52px!important;font-size:17px!important;font-weight:650;letter-spacing:.2em;width:calc(100% - 28px)!important;margin:10px 14px 24px!important;display:block}

/* ---------- member centre ---------- */
.member_head{background:var(--member-bg)!important;color:var(--member-text)!important;padding-top:calc(var(--hdr-h) + 18px)!important;padding-bottom:22px!important;border-radius:0 0 var(--member-r) var(--member-r);position:relative;overflow:hidden}
.member_head a,.member_head .userName{color:var(--member-text)!important}
.member_head .user_head a{border-radius:50%;overflow:hidden;display:block;border:2px solid var(--member-ring)!important;box-shadow:none!important;position:relative}
.member_head .user_head a::after{content:"";position:absolute;inset:22%;background:var(--member-text);opacity:.85;-webkit-mask:var(--m-user) center/contain no-repeat;mask:var(--m-user) center/contain no-repeat}
.member_head .user_head a:has(img:not(.broken))::after{display:none}
.member_head .userName{font-size:19px!important;font-weight:650;letter-spacing:.06em;border-bottom:0!important}
.member_head form a,.member_head > a{border:1px solid var(--member-ring)!important;border-radius:var(--chip-r);padding:5px 14px!important;margin:0 4px!important;font-size:13px!important;display:inline-block;line-height:1.4!important;background:transparent!important}
.member_head hr,.member_head .line{display:none}
.amount_info{margin:-14px 14px 0!important;position:relative;z-index:2}
.amount_info ul{background:var(--surface)!important;border-radius:var(--r-sm);box-shadow:var(--card-shadow);border:1px solid var(--line);display:flex!important;align-items:center;padding:12px 10px!important;box-sizing:border-box}
.amount_info li{flex:1;float:none!important;width:auto!important;color:var(--muted)!important;font-size:12px!important;border:0!important;text-align:center}
.amount_info li p{color:var(--accent)!important;font-size:20px!important;font-weight:700;line-height:1.3!important}
.amount_info li.pay a{background:var(--grad)!important;color:var(--on-accent)!important;border-radius:var(--btn-r)!important;padding:9px 16px!important;display:inline-block;font-size:14px!important;font-weight:600;line-height:1.2!important;height:auto!important;box-shadow:var(--btn-shadow);border:0!important;width:auto!important}
.memberNav{margin:14px 14px 0!important}
.memberNav ul{background:var(--surface)!important;border-radius:var(--r-sm);border:1px solid var(--line);overflow:hidden}
.memberNav li{border-color:var(--line)!important;background-image:none!important}
.memberNav li a{color:var(--text)!important;font-size:15px!important;background-image:none!important;position:relative;padding-left:46px!important;height:54px!important;line-height:54px!important;display:block}
.memberNav li a::before{content:"";position:absolute;left:16px;top:17px;width:20px;height:20px;background:var(--accent);-webkit-mask:var(--m-doc) center/contain no-repeat;mask:var(--m-doc) center/contain no-repeat}
.memberNav li.fav a::before{-webkit-mask-image:var(--m-star);mask-image:var(--m-star)}
.memberNav li a::after{content:"";position:absolute;right:14px;top:19px;width:16px;height:16px;background:var(--faint);-webkit-mask:var(--m-right) center/contain no-repeat;mask:var(--m-right) center/contain no-repeat}
.memberNav li .count{color:var(--muted)!important;background:none!important;right:36px!important;position:absolute}
.member_exit{margin:18px 14px!important}
.member_exit a.exit,.member_exit .exit{background:transparent!important;border:1px solid var(--line)!important;color:var(--muted)!important;border-radius:var(--btn-r)!important;height:48px!important;line-height:48px!important;font-size:15px!important;width:100%!important;margin:0!important;display:block;text-align:center;box-shadow:none!important}

/* ---------- generic member/flash boxes from the new mobile.css ---------- */
.m-flash{background:var(--surface)!important;border-color:var(--accent)!important;color:var(--text)!important;border-radius:var(--r-sm)!important}
.m-box,.m-postform{background:var(--surface)!important;color:var(--text)!important;border-radius:var(--r-sm)}
.m-btn,.m-postform .btn{background:var(--grad)!important;color:var(--on-accent)!important;border-radius:var(--btn-r)!important}
.m-postform input[type=text],.m-postform input[type=tel],.m-postform input[type=password],.m-postform input[type=number],.m-postform select,.m-postform textarea{background:var(--surface2)!important;color:var(--text)!important;border-color:var(--line)!important;border-radius:var(--field-r)!important}
.m-postform .btn.ghost,.m-postform .btn.gray{background:transparent!important;color:var(--accent)!important;border-color:var(--accent)!important}
.m-postform .acct-cell{background:var(--chip)!important;color:var(--text)!important}
.m-postform .acct-cell b{color:var(--accent)!important}
.m-postform table.t th,.m-postform table.t td{border-color:var(--line)!important}
.m-fields td{border-color:var(--line)!important}

/* focus ring */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* wide screens: phone pages fill the window (see mobile.css) — keep bars aligned */
@media screen and (min-width:670px){div.header,#contactbar,body > footer,body > header:not(.header){max-width:none!important}}

/* ---------- article (announce / news) ---------- */
.news_nr{background:var(--surface)!important;margin:12px 12px 0;padding:6px 18px 26px!important;border-radius:var(--r);border:1px solid var(--line);color:var(--text)}
.news_nr h1{color:var(--text)!important;font-size:21px!important;line-height:1.4;letter-spacing:.02em}
.news_nr .news_info{color:var(--faint)!important;border-bottom:1px solid var(--line)!important}
.news_nr .article_content,.news_nr .article_content *{color:var(--text)!important;background-color:transparent!important}
.news_nr .article_content{font-size:16px;line-height:1.8!important}
.news_nr .article_content span[style*="font-size"]{font-size:18px!important;line-height:1.7}
.news_nr .article_content img{max-width:100%;height:auto;border-radius:var(--r-sm)}
.shengming,.company{background:var(--surface2)!important;border-color:var(--line)!important;color:var(--muted)!important;border-radius:var(--r-sm)}

/* ---------- member fixes ---------- */
.member_head .user_head{width:auto!important}
.member_head .user_head a{width:84px!important;height:84px!important;margin:0 auto!important;background:var(--ph)}
.member_head .user_head img{width:100%!important;height:100%!important;object-fit:cover}
.member_head > a:empty{display:none!important}
.memberNav li a::before{background-image:none!important;height:20px!important;width:20px!important;display:block!important}
.memberNav li{padding:0!important;height:auto!important;line-height:normal!important;margin:0!important;border-bottom:1px solid var(--line)!important}
.memberNav li:last-child{border-bottom:0!important}
.memberNav li .count{top:0;line-height:54px}
.memberNav li .count::after{display:none!important}
#contactbar .bottom_index_on{--mi:var(--m-home)}
#contactbar .bottom_store_on{--mi:var(--m-star)}
#contactbar .bottom_history_on{--mi:var(--m-clock)}
#contactbar .bottom_member_on{--mi:var(--m-user)}
#contactbar [class$="_on"]{color:var(--bar-on,var(--accent))!important}

/* ---------- publish grid sizing / register spacing ---------- */
.detailclass_time{width:auto!important;box-sizing:border-box;margin:0!important}
#wrap,#wrap .wrap{width:auto!important;padding:0!important;margin:0!important}
.wrapper > .login_ffmain{margin:26px 0 30px!important}
#loginButtonLi{margin-top:16px!important}
.memberNav li a::before{background-color:var(--accent)!important}
.log_reg_item,.log_reg_box{float:none!important}
.log_reg_box::after{content:"";display:block;clear:both}
.list-info li,.list-info li a{border:0!important;border-bottom:1px solid var(--line)!important;display:block}
.list-info li a{border-bottom:0!important}
#form1 .inp_Itembox .menu{background:transparent!important;border:0!important}
#form1 .inp_Itembox .menu i{background:transparent!important;border-color:var(--muted)!important}
#form1 .inp_Itembox dl .menu{pointer-events:none}
#form1 .inp_Itembox dl .menu::after{content:"";position:absolute;inset:4px;background:var(--muted);-webkit-mask:var(--m-down) center/16px no-repeat;mask:var(--m-down) center/16px no-repeat}
#form1 .inp_Itembox dt{border-right-color:var(--line)!important}
#form1 .inp_Itembox dl{min-height:46px}
#form1 .inp_Itembox dd input[type=text],#form1 .inp_Itembox dd select{font-size:15px!important}
#homelist,.Tz_box{width:auto!important;float:none!important}

/* home search overlay: lift it above the fixed header so it is actually usable */
.search_container{position:fixed!important;top:0;left:0;right:0;z-index:10002!important;padding-top:env(safe-area-inset-top);box-shadow:0 1px 0 var(--line),0 20px 40px -20px rgba(0,0,0,.35)}
.search_container form{display:flex!important;align-items:center;gap:10px;padding:10px 12px!important;background:transparent!important;border-bottom:0!important}
.search_container .search_input{flex:1;height:42px;display:flex;align-items:center;overflow:hidden}
.search_container .input_keys{border:0!important;height:42px!important;font-size:15px!important;padding:0 14px!important;box-sizing:border-box;outline:0}
.search_container .input_keys::placeholder{color:var(--faint)}
.search_container .search_cancel{width:auto!important;padding:0 4px;font-size:15px;font-weight:600;line-height:42px!important}
.search_container .clearkey{display:block;flex:none;width:22px;height:22px;margin-right:10px;background:var(--faint)!important;-webkit-mask:var(--m-x) center/18px no-repeat;mask:var(--m-x) center/18px no-repeat;position:static!important}
/* 定位 row on the publish form (and 位置 on the detail page) */
.geo-box .geo-btn{background:var(--chip)!important;color:var(--accent)!important;border:1px solid var(--accent)!important;border-radius:var(--btn-r)!important;font-family:var(--font)!important}
.geo-box .geo-msg{color:var(--muted)!important}
.geo-box .geo-clear{color:var(--muted)!important}
.geo-box .geo-map{color:var(--accent)!important}

/* ================= theme 7 signature · 清新橙 Fresh Orange ================= */
html{color-scheme:light}

/* ---------- headers: clean white, hairline bottom ---------- */
div.header,header.header,body > header:not(.header) ul{box-shadow:0 1px 0 var(--line)}
div.header{height:54px!important;line-height:54px!important}
div.header #ipageTitle{width:auto!important;margin:0 96px!important;font-weight:650;font-size:17px;text-align:center!important;color:var(--text)}
body.orange{padding-top:54px!important}
.wrapper > div[style*="height:.9rem"]{height:0!important}

/* home header: logo + search pill with an orange search button */
header.header{height:56px!important;padding:0 12px!important;gap:10px}
header.header .header-logo58::before{content:"海外\A同城";white-space:pre;font-size:10px;line-height:11px;font-weight:800;text-align:center}
header.header .header-search-wrap{position:relative;height:38px!important;border-radius:999px!important;background:var(--search-bg)!important;border:1px solid var(--search-line)!important;padding-right:60px!important;box-sizing:border-box}
header.header .header-search-wrap .header-city{font-weight:650;color:var(--text);margin-left:12px!important}
header.header .header-search-input{color:var(--search-text)}
header.header .header-search-input::before{background:var(--muted)!important}
header.header .header-search-wrap::after{content:"搜索";position:absolute;right:3px;top:3px;bottom:3px;width:54px;display:flex;align-items:center;justify-content:center;background:var(--grad);color:#fff;font-size:14px;font-weight:600;border-radius:999px;box-shadow:0 4px 10px -4px rgba(255,106,0,.6)}
header.header .header-join,header.header .header-post{color:var(--accent)!important;font-weight:600}

/* ---------- home: colourful category tile grid (5 per row) ---------- */
.cate-nav{margin:10px 10px 0;background:var(--surface);border-radius:var(--r);box-shadow:var(--card-shadow);padding:6px 0 4px;box-sizing:border-box}
.cate-nav .swiper-wrapper{transform:none!important;display:grid!important;grid-template-columns:repeat(5,1fr);width:auto!important;height:auto!important;padding:8px 2px 2px;box-sizing:border-box}
.cate-nav .swiper-slide{display:contents!important}
.cate-nav .swiper-pagination{display:none!important}
.detail-main .section .cate-nav{padding-bottom:6px!important}
.detail-main .section .cate-nav .swiper-slide .cate-item{width:auto!important;flex-direction:column!important;padding:12px 0 10px!important;gap:0}
.cate-item:active{background:transparent!important}
.cate-nav .cate-item .item_desc{margin-top:8px!important;font-size:12.5px!important;line-height:14px!important;color:var(--text)!important;font-weight:500;white-space:nowrap}
/* colourful rounded icon plate (pure CSS; our own vector icon tinted on top) */
.ti-tile{width:46px!important;height:46px!important;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -5px rgba(20,30,50,.3);position:relative}
.ti-tile::after{content:"";position:absolute;left:8px;right:8px;top:7px;height:9px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
.ti-tile svg.ti{width:26px!important;height:26px!important;--ti-sw:1.7}
/* per-category tints (cycle of 8) */
.cate-item:nth-child(8n+1) .ti-tile{background:#fff1e8}.cate-item:nth-child(8n+1) .ti-tile svg.ti{--ti-stroke:#ff6a00;--ti-fill:#ff6a00;--ti-fill-o:.18;color:#ff6a00}
.cate-item:nth-child(8n+2) .ti-tile{background:#e9f1ff}.cate-item:nth-child(8n+2) .ti-tile svg.ti{--ti-stroke:#3c8cff;--ti-fill:#3c8cff;--ti-fill-o:.18;color:#3c8cff}
.cate-item:nth-child(8n+3) .ti-tile{background:#e7f7ec}.cate-item:nth-child(8n+3) .ti-tile svg.ti{--ti-stroke:#22a95b;--ti-fill:#22a95b;--ti-fill-o:.18;color:#22a95b}
.cate-item:nth-child(8n+4) .ti-tile{background:#f0ecff}.cate-item:nth-child(8n+4) .ti-tile svg.ti{--ti-stroke:#7a5cff;--ti-fill:#7a5cff;--ti-fill-o:.18;color:#7a5cff}
.cate-item:nth-child(8n+5) .ti-tile{background:#e6f7f6}.cate-item:nth-child(8n+5) .ti-tile svg.ti{--ti-stroke:#0fb5aa;--ti-fill:#0fb5aa;--ti-fill-o:.18;color:#0fb5aa}
.cate-item:nth-child(8n+6) .ti-tile{background:#ffecf1}.cate-item:nth-child(8n+6) .ti-tile svg.ti{--ti-stroke:#ff4d7d;--ti-fill:#ff4d7d;--ti-fill-o:.18;color:#ff4d7d}
.cate-item:nth-child(8n+7) .ti-tile{background:#fff5e0}.cate-item:nth-child(8n+7) .ti-tile svg.ti{--ti-stroke:#f5a300;--ti-fill:#f5a300;--ti-fill-o:.18;color:#f5a300}
.cate-item:nth-child(8n+8) .ti-tile{background:#eceefc}.cate-item:nth-child(8n+8) .ti-tile svg.ti{--ti-stroke:#4857d6;--ti-fill:#4857d6;--ti-fill-o:.18;color:#4857d6}
.cate-nav .swiper-pagination-bullet{background:#dfe2e7!important;opacity:1;width:6px!important;height:6px!important;border-radius:999px!important}
.cate-nav .swiper-pagination-bullet-active{background:var(--accent)!important;width:16px!important}

/* ---------- banner + announcement ticker ---------- */
.detail-main .section > div > .social_banner{padding:0 10px!important;margin-top:10px}
.social_banner img{border-radius:var(--r-sm)!important}
.hot-item-wrap{margin:10px 10px 0;background:var(--surface);border-radius:var(--r);box-shadow:var(--card-shadow)}
.hot-item-wrap .hot_item{height:42px!important}
.hot-item-wrap .hot_item > a{padding-left:14px!important}
.hot-item-wrap .hot_img{background:var(--accent)!important;width:18px!important;height:18px!important}
.hot-item-wrap .hot_zx h3{font-weight:500!important;color:var(--text)!important}

/* ---------- section heading ---------- */
.detail-main .section .info .info-hd,.detail-main .info .info-hd{color:var(--text)!important;font-size:17px!important;font-weight:700;padding:18px 14px 8px!important;letter-spacing:0}
.detail-main .info .info-hd::after{display:none}
.info-hd .info-hd-title{color:var(--accent);margin-right:4px}

/* ---------- info cards: left thumb · right text · blue chip · grey meta ---------- */
.info-content,#homelist{margin:0 10px!important}
.info-content .info-item,#homelist .info-item{display:block!important;position:relative;background:var(--surface)!important;border:0!important;border-radius:var(--r)!important;box-shadow:var(--card-shadow)!important;margin:0 0 10px!important;padding:12px!important;box-sizing:border-box}
.info-content .info-item:first-child,#homelist li.Tz:first-child .info-item{border-top:0}
#homelist li.Tz,.Tz_box li{padding:0!important;background:transparent!important}
.info-item .info-desc{width:auto!important;margin-right:0!important}
.info-item .img-small-wrap{position:absolute!important;left:12px!important;top:12px!important;right:auto!important;width:96px!important;height:96px!important;border-radius:var(--r-img)!important;overflow:hidden;background:var(--ph);margin:0!important}
.info-item:has(.img-small-wrap) .info-desc{margin-left:108px!important;min-height:96px}
.info-item .info-desc .desc{color:var(--text)!important;font-size:15.5px!important;line-height:22px!important;font-weight:600!important;margin:0 0 8px!important;-webkit-line-clamp:2;letter-spacing:0}
.info-item .info-desc .desc[style*="red"]{color:var(--text)!important;font-weight:600!important}
.info-item .info-desc .desc img{height:15px!important;filter:none;opacity:1;vertical-align:-2px}
.info-item .tuijiantubiao,.tuijiantubiao{background:var(--hot)!important;color:#fff!important;border-radius:4px;font-size:11px!important;height:17px!important;line-height:17px!important;min-width:17px;padding:0 3px;font-weight:600;vertical-align:1px;margin-right:5px!important}
.info-item .info-desc .tip{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap!important;padding:0!important}
.info-item .info-desc .tip .cate{color:var(--blue)!important;background:var(--chip)!important;border:1px solid rgba(60,140,255,.35)!important;border-radius:var(--chip-r);font-size:11.5px!important;line-height:19px!important;padding:0 8px!important;margin:0!important;font-weight:500;flex:none}
.info-item .info-desc .tip .cate::before,.info-item .info-desc .tip .cate::after{display:none!important}
.info-item .info-desc .tip .tip-info{flex-basis:100%;width:100%;margin-top:7px;color:var(--muted)!important;font-size:12px!important}
.info-item .info-desc .tip .tip-info-content{color:var(--muted)!important}
.info-item .info-desc .tip .tip-info-content span{margin-right:8px}
.info-item .pics{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0 2px!important}
.info-item .pics .img-wrap{aspect-ratio:4/3;border-radius:var(--r-img);overflow:hidden;background:var(--ph)}
#rec-info .info-content{margin:0 10px!important}

/* ---------- list page: breadcrumb + filter ---------- */
.wrapper > p[style*="line-height:30px"]{padding:10px 14px 2px!important;color:var(--muted)}
.filter2{background:var(--surface)!important;box-shadow:0 1px 0 var(--line)}
.filter2 .tab{display:flex!important;justify-content:flex-start!important;gap:22px;padding:6px 14px 0!important;border-bottom:1px solid var(--line)!important;box-sizing:border-box;max-width:100%;flex-wrap:wrap}
.filter2 .tab li{flex:0 0 auto!important;width:auto!important;padding:0!important;font-size:15px!important}
.filter2 .tab li a{display:inline-flex!important;align-items:center;width:auto!important;min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;height:44px!important;line-height:44px!important;color:var(--text)!important;padding:0 2px!important}
.filter2 .tab .selected a,.filter2 .tab .current a{color:var(--accent)!important;font-weight:650;box-shadow:inset 0 -2px 0 var(--accent)}
.filter2 .inner_parent a.selected,.filter2 .innercontent a.selected{color:var(--accent)!important;font-weight:650}

/* ---------- bottom tab bar ---------- */
#contactbar{height:calc(var(--bar-h) + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--bar-shadow)}
#contactbar a{padding-top:31px;font-size:10.5px!important}
#contactbar a::before{top:8px;width:23px;height:23px;margin-left:-11.5px}
a.circle{width:50px!important;height:50px!important;bottom:92px!important;right:14px!important}
a.circle::after{inset:15px}

/* ---------- detail ---------- */
body > header:not(.header) + div[style*="height"]{height:54px!important}
body > header:not(.header) ul .h-recruit{font-weight:650;color:var(--text)}
body > header:not(.header) ul .h-post a,body > header:not(.header) ul .h-attent{color:var(--accent)}
.detail-main .base-info,.detail-main .content,.detail-main .section.pic,#comment{background:var(--surface)}
.detail-main{background:var(--surface)}
.detail-main .base-info .section{margin:0 16px!important}
.detail-main .base-info .section.contact{background:#fff7f1;border:1px solid rgba(255,106,0,.25);border-radius:var(--r-sm);padding:12px 14px!important}
.detail-main .content-title{margin:10px 16px 12px!important;font-size:21px!important;font-weight:700!important;line-height:1.45!important;color:var(--text)!important}
.detail-main .content-title[style*="red"]{color:var(--text)!important}
.detail-main .content{margin:0 16px!important;font-size:16px!important;line-height:1.8!important;color:var(--text)!important}
.detail-main .section.pic{background:#fafbfc;border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;margin:18px 16px 0!important;padding:12px 14px!important}
#comment{padding:0 16px}
body > footer{box-shadow:var(--bar-shadow)!important}
body > footer .footer-contact{border:1px solid var(--line)}
body > footer .footer-contact.join{border-color:transparent}

/* ---------- login / search / forms ---------- */
.log_reg_box{padding:10px 18px 0}
.passport-login-input-ul li{border:1px solid var(--line)!important;background:#fff!important;border-radius:var(--field-r)!important;margin-top:12px!important}
.passport-login-input-ul li:focus-within{border-color:var(--accent)!important}
.btn_log,.passport-login-button,button.fb{letter-spacing:.2em;font-weight:650!important}
.searchbar2{padding:12px 14px!important;background:var(--surface);box-shadow:0 1px 0 var(--line)}
.searchbar2 .s_ipt{border:1px solid var(--line)!important;background:#f5f6f8!important;border-radius:999px!important;text-indent:16px!important}
.searchbar2 form::after{right:14px;background:var(--accent)}
.list-info{margin:0 10px}
.list-info li{background:var(--surface)!important;border-radius:var(--r)!important;box-shadow:var(--card-shadow)!important;margin-bottom:10px;border-bottom:0!important}
.list-info dl{padding:14px!important;border:0!important}
.list-info dt.tit font{color:var(--hot)!important}
.pager a,.pager b,.pager span{border-radius:8px}

/* ---------- publish: category grid + form ---------- */
.selectclass{color:var(--muted)!important;letter-spacing:.06em;padding:14px 14px 6px!important}
.detailclass_time{padding:4px 10px 20px!important}
.detailclass_time_title{background-color:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;box-shadow:var(--card-shadow)!important;min-height:64px}
.detailclass_time_title > span em{color:var(--text)!important;font-weight:600!important;font-size:14px!important}
#form1 .inp_Itembox{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm)!important;margin:12px 10px!important}
.tishiimg{margin:12px 10px 4px}

/* ---------- member centre ---------- */
.member_head{padding-top:calc(var(--hdr-h) + 20px)!important;padding-bottom:24px!important}
.member_head .user_head a{background:rgba(255,255,255,.2)}
.amount_info{margin:-14px 10px 0!important}
.amount_info ul{background:var(--surface)!important;border:0!important;border-radius:var(--r)!important;box-shadow:var(--card-shadow)!important}
.amount_info li p{color:var(--accent)!important;font-weight:700}
.memberNav{margin:12px 10px 0!important}
.memberNav ul{background:var(--surface)!important;border:0!important;border-radius:var(--r)!important;box-shadow:var(--card-shadow)!important}
.memberNav li a::before{background-color:var(--accent)!important}
.member_exit{margin:16px 10px!important}
.news_nr{background:var(--surface)!important;border:0!important;border-radius:var(--r)!important;box-shadow:var(--card-shadow)!important;margin:10px!important}
.news_nr h1{color:var(--text)!important}
.nav_APP ul{border:1px solid var(--line)!important}
.nav_APP .s{border:1px solid var(--line);border-radius:12px!important}

/* ---------- publish category image plate (keep placeholder tidy) ---------- */
.detailclass_time_title[style*="background-image"]{background-size:30px auto!important;background-position:center 12px!important;padding-top:50px!important;min-height:84px!important}

/* ================= 显示修正（不改配色）：详情页顶栏白底白字看不见，文字改用本主题顶栏文字色 ================= */
html body header .h-back a,html body header .h-recruit a,html body header .h-post a,html body header .h-attent{color:var(--hdr-text)!important}
html body header .h-attent{border-color:currentColor!important}
html body header .h-iline{background:var(--line)!important}