/*
 * 前端商用 UI 重构层
 * 只覆盖视觉表现，不改订单、支付、登录、分销等业务逻辑。
 */
:root {
    --front-bg: #f4f6fb;
    --front-surface: rgba(255, 255, 255, .92);
    --front-card: #ffffff;
    --front-primary: #121826;
    --front-primary-2: #24304f;
    --front-accent: #d7aa5f;
    --front-accent-2: #f3d89b;
    --front-danger: #d94848;
    --front-text: #172033;
    --front-muted: #7b8498;
    --front-line: rgba(23, 32, 51, .08);
    --front-shadow: 0 18px 50px rgba(18, 24, 38, .10);
    --front-soft-shadow: 0 10px 30px rgba(18, 24, 38, .07);
    --front-radius-lg: 24px;
    --front-radius-md: 18px;
    --front-radius-sm: 12px;
}

* { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
html { background: var(--front-bg); }
body {
    background:
        radial-gradient(circle at top left, rgba(215,170,95,.20), transparent 32%),
        radial-gradient(circle at top right, rgba(36,48,79,.20), transparent 30%),
        linear-gradient(180deg, #fbfcff 0%, var(--front-bg) 48%, #eef2f8 100%) !important;
    color: var(--front-text) !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif !important;
    min-height: 100vh;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.55) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.55) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.55), transparent 52%);
    z-index: -1;
}

a { color: inherit; }
img { max-width: 100%; }

/* 顶部导航 / 返回栏 */
.top-nav,
.search-container,
.top-search-bg {
    background: rgba(255,255,255,.86) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(23,32,51,.08) !important;
    box-shadow: 0 8px 26px rgba(18,24,38,.06) !important;
}
.top-nav {
    min-height: 54px;
    color: var(--front-primary) !important;
    font-weight: 800 !important;
}
.top-search-bg,
.search-container {
    padding: 12px 14px !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
}

.search-form {
    height: 44px !important;
    border-radius: 999px !important;
    background: #fff !important;
    border: 1px solid rgba(23,32,51,.08) !important;
    box-shadow: 0 10px 24px rgba(18,24,38,.07) !important;
    color: var(--front-muted) !important;
}
.search-form i { color: var(--front-accent) !important; }
.search-input,
.search-form input {
    font-size: 14px !important;
    color: var(--front-text) !important;
}
.search-input::placeholder { color: #a4adbc !important; }

/* 首页商户资产卡片 */
.profile-banner {
    margin: 12px 14px 0 !important;
    border-radius: 26px !important;
    padding: 18px !important;
    background:
        linear-gradient(135deg, rgba(18,24,38,.98), rgba(36,48,79,.95) 60%, rgba(67,58,39,.92)) !important;
    color: #fff !important;
    box-shadow: 0 22px 60px rgba(18,24,38,.25) !important;
    overflow: hidden !important;
    position: relative !important;
}
.profile-banner::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -74px;
    top: -86px;
    background: radial-gradient(circle, rgba(243,216,155,.48), transparent 68%);
}
.profile-banner::after {
    content: "PREMIUM";
    position: absolute;
    right: 16px;
    bottom: 14px;
    font-size: 10px;
    letter-spacing: .22em;
    color: rgba(255,255,255,.28);
    font-weight: 900;
}
.merchant-logo {
    width: 62px !important;
    height: 62px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.35) !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.24) !important;
    object-fit: cover !important;
}
.merchant-name,
.merchant-title {
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .02em;
}
.merchant-desc {
    color: rgba(255,255,255,.82) !important;
    line-height: 1.65 !important;
    font-size: 13px !important;
}

.online-bar {
    margin: 12px 14px 0 !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #fff4da, #fff 55%, #eef4ff) !important;
    border: 1px solid rgba(215,170,95,.22) !important;
    color: #4b5568 !important;
    box-shadow: var(--front-soft-shadow) !important;
}
.online-bar span,
.price,
.locked-price,
.proof-num,
.asset-num,
.stat-num {
    color: var(--front-danger) !important;
}

/* 内容卡片 */
.list-container,
.merchant-container,
.order-list,
.content,
.form-box,
.main-wrap,
.page-body {
    padding-left: 14px !important;
    padding-right: 14px !important;
}
.post-card,
.rel-card,
.merchant-card,
.order-card,
.panel,
.grid-panel,
.address-card,
.form-card,
.qr-card,
.info-card,
.coupon-card,
.login-card {
    background: var(--front-surface) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: var(--front-radius-lg) !important;
    box-shadow: var(--front-shadow) !important;
    overflow: hidden;
}
.post-card,
.rel-card,
.merchant-card,
.order-card,
.address-card,
.coupon-card {
    margin-bottom: 14px !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.post-card:active,
.rel-card:active,
.merchant-card:active,
.order-card:active,
.address-card:active,
.coupon-card:active {
    transform: scale(.985);
}
.post-title,
.rel-title {
    color: var(--front-primary) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: .01em;
    line-height: 1.55 !important;
}
.post-foot,
.rel-info,
.post-time,
.order-time,
.footer-tip,
.end-text,
.empty-state {
    color: var(--front-muted) !important;
}
.post-foot,
.rel-info {
    border-top: 1px dashed rgba(23,32,51,.10) !important;
}
.ribbon-tag,
.rel-ribbon {
    background: linear-gradient(135deg, var(--front-accent), var(--front-accent-2)) !important;
    color: #3b2a0e !important;
    box-shadow: 0 8px 18px rgba(215,170,95,.24) !important;
}
.tag {
    border: 1px solid rgba(215,170,95,.38) !important;
    background: rgba(215,170,95,.10) !important;
    color: #9a6b25 !important;
    border-radius: 999px !important;
    padding: 4px 9px !important;
    font-size: 11px !important;
}
.result-stamp,
.stamp-badge {
    border-width: 1.5px !important;
    background: rgba(255,255,255,.76) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.stamp-red { color: #cf3030 !important; border-color: rgba(207,48,48,.78) !important; }
.stamp-black { color: #101826 !important; border-color: rgba(16,24,38,.72) !important; }

/* 详情页 */
.article-box,
.detail-card {
    background: var(--front-surface) !important;
    border-radius: var(--front-radius-lg) !important;
    box-shadow: var(--front-shadow) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    margin: 14px !important;
    overflow: hidden;
}
.title-section,
.article-header {
    background: linear-gradient(135deg, #fff, #f7f9fc) !important;
    border-bottom: 1px solid rgba(23,32,51,.08) !important;
}
.article-title,
.detail-title {
    color: var(--front-primary) !important;
    font-weight: 900 !important;
}
.locked-mask {
    border: 1px dashed rgba(215,170,95,.55) !important;
    background: linear-gradient(135deg, #fffaf0, #ffffff) !important;
    border-radius: 20px !important;
}
.unlock-btn,
.pay-btn,
.submit-btn,
.btn-submit,
.btn-primary,
.btn-enter,
.bottom-fix button,
.login-btn,
button[type="submit"] {
    background: linear-gradient(135deg, var(--front-primary), var(--front-primary-2)) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    min-height: 44px;
    box-shadow: 0 12px 26px rgba(18,24,38,.20) !important;
    font-weight: 850 !important;
    letter-spacing: .02em;
}
.btn-unfollow,
.secondary-btn,
.cancel-btn {
    background: #eef2f7 !important;
    color: var(--front-muted) !important;
    border-radius: 999px !important;
}

/* 我的页 */
.user-header {
    margin: 0 0 54px !important;
    padding: 36px 20px 70px !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(243,216,155,.36), transparent 34%),
        linear-gradient(135deg, var(--front-primary), var(--front-primary-2) 64%, #4b3620) !important;
    border-bottom-left-radius: 34px !important;
    border-bottom-right-radius: 34px !important;
    box-shadow: 0 24px 60px rgba(18,24,38,.22) !important;
}
.asset-panel {
    margin: -58px 14px 14px !important;
    border-radius: 24px !important;
    box-shadow: var(--front-shadow) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
}
.icon-circle {
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(18,24,38,.12) !important;
}
.grid-item,
.order-item,
.tool-item {
    border-radius: 18px !important;
}

/* 表单类页面 */
input,
textarea,
select,
.f-input,
.form-control {
    border-radius: 16px !important;
    border: 1px solid rgba(23,32,51,.10) !important;
    background: rgba(255,255,255,.92) !important;
    outline: none !important;
    box-shadow: none !important;
}
input:focus,
textarea:focus,
select:focus,
.f-input:focus,
.form-control:focus {
    border-color: rgba(215,170,95,.65) !important;
    box-shadow: 0 0 0 4px rgba(215,170,95,.12) !important;
}
.upload-box,
.qr-img-wrapper {
    border-radius: 20px !important;
    border: 1px dashed rgba(215,170,95,.45) !important;
    background: linear-gradient(135deg, #fff, #fff8ea) !important;
}

/* 商户/客服 */
.merchant-card {
    align-items: center !important;
    gap: 12px !important;
}
.merchant-actions {
    gap: 8px !important;
}
.notice-text {
    margin: 16px 14px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, #ffffff, #f7f9fc) !important;
    box-shadow: var(--front-soft-shadow) !important;
    color: var(--front-primary-2) !important;
}
.qr-card {
    margin: 14px !important;
}

/* 底部导航 */
.bottom-nav,
.bottom-bar,
.bottom,
.action-bar {
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(100%, 560px) !important;
    height: calc(58px + env(safe-area-inset-bottom)) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    border-top: 1px solid rgba(23,32,51,.08) !important;
    background: rgba(255,255,255,.86) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: 0 -16px 38px rgba(18,24,38,.10) !important;
}
.nav-item,
.b-nav {
    color: #98a2b3 !important;
    font-weight: 700 !important;
}
.nav-item.active,
.b-nav.active,
.nav-item:active,
.b-nav:active {
    color: var(--front-primary) !important;
}
.nav-item i,
.b-nav i {
    font-size: 19px !important;
}
.nav-item.active i,
.b-nav.active i {
    color: var(--front-accent) !important;
}

/* 登录 */
.login-box,
.login-panel {
    width: min(88vw, 390px) !important;
    padding: 30px 24px !important;
    background: rgba(255,255,255,.90) !important;
    border-radius: 28px !important;
    box-shadow: var(--front-shadow) !important;
    border: 1px solid rgba(255,255,255,.72) !important;
}
.logo-icon {
    color: var(--front-accent) !important;
    text-shadow: none !important;
}

/* 桌面端：让移动端产品更像独立 App 容器 */
@media (min-width: 720px) {
    body {
        max-width: 560px;
        margin: 0 auto !important;
        box-shadow: 0 0 0 1px rgba(23,32,51,.06), 0 30px 80px rgba(18,24,38,.12);
    }
    .top-search-bg,
    .search-container,
    .top-nav,
    .bottom-nav,
    .bottom-bar,
    .bottom,
    .action-bar {
        max-width: 560px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 380px) {
    .merchant-name,
    .merchant-title { font-size: 16px !important; }
    .post-title,
    .rel-title { font-size: 15px !important; }
    .profile-banner { padding: 16px !important; }
    .merchant-logo { width: 56px !important; height: 56px !important; }
}

@media (prefers-reduced-motion: reduce) {
    * { transition: none !important; scroll-behavior: auto !important; }
}

/* 2026-08-06 手机填写资料时锁定页面比例 */
@media (max-width: 768px){
  input:not([type="checkbox"]):not([type="radio"]),select,textarea{font-size:16px!important}
  html,body{max-width:100%;overflow-x:hidden}
}

/* ===== 2026-08-10 前台全局手机端统一优化 ===== */
@media(max-width:640px){
  html,body{max-width:100%;overflow-x:hidden;background:#f4f6f8!important}
  body{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .page,.wrap,.container,.main-wrap{width:100%!important;max-width:none!important}
  .topbar,.top,.page-header,.header{min-height:56px!important}
  .post-card,.rel-card,.merchant-card,.order-card,.address-card,.coupon-card,.article-box,.detail-card,.form-card,.login-card{border-radius:16px!important;box-shadow:0 8px 22px rgba(15,35,45,.06)!important}
  .post-title,.rel-title{font-size:16px!important;line-height:1.45!important}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:46px!important}
  button,.btn,a.btn{min-height:44px}
  .bottom-nav,.tabbar,.bottom-bar,.bottom{left:8px!important;right:8px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;width:auto!important;transform:none!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(15,35,45,.14)!important;overflow:hidden}
}

/* ===== 2026-08-12 前台全局极简紧凑布局：移动一屏尽览 + 桌面响应式匹配 ===== */
:root{
  --front-radius-lg:14px;
  --front-radius:11px;
  --front-shadow:0 7px 20px rgba(18,24,38,.07);
  --front-soft-shadow:0 4px 13px rgba(18,24,38,.055);
}
body{background:#f4f6f8!important}
.top-nav{min-height:44px!important;font-size:14px!important}.top-search-bg,.search-container{padding:7px 9px!important}.search-form{height:38px!important;min-height:38px!important;border-radius:11px!important;box-shadow:var(--front-soft-shadow)!important}.search-input,.search-form input{font-size:12px!important}
.profile-banner{margin:7px 9px 0!important;padding:12px!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(18,24,38,.15)!important}.merchant-logo{width:46px!important;height:46px!important;border-radius:12px!important}.merchant-name,.merchant-title{font-size:15px!important}.merchant-desc{font-size:11px!important;line-height:1.42!important}.online-bar{margin:7px 9px 0!important;border-radius:11px!important;padding:8px 10px!important;font-size:11px!important}
.list-container,.merchant-container,.order-list,.content,.form-box,.main-wrap,.page-body{padding-left:9px!important;padding-right:9px!important}.post-card,.rel-card,.merchant-card,.order-card,.panel,.grid-panel,.address-card,.form-card,.qr-card,.info-card,.coupon-card,.login-card{border-radius:13px!important;box-shadow:var(--front-soft-shadow)!important}.post-card,.rel-card,.merchant-card,.order-card,.address-card,.coupon-card{margin-bottom:8px!important}.post-title,.rel-title{font-size:14px!important;line-height:1.38!important}.tag{padding:2px 6px!important;font-size:9px!important}
.article-box,.detail-card{margin:8px!important;border-radius:13px!important;box-shadow:var(--front-soft-shadow)!important}.locked-mask{border-radius:12px!important}.unlock-btn,.pay-btn,.submit-btn,.btn-submit,.btn-primary,.btn-enter,.bottom-fix button,.login-btn,button[type="submit"]{min-height:38px!important;border-radius:11px!important;font-size:12px!important;box-shadow:0 6px 16px rgba(18,24,38,.14)!important}
.user-header{margin:0 0 40px!important;padding:22px 14px 50px!important;border-bottom-left-radius:20px!important;border-bottom-right-radius:20px!important}.asset-panel{margin:-44px 9px 8px!important;border-radius:14px!important}.icon-circle,.grid-item,.order-item,.tool-item{border-radius:11px!important}
input,textarea,select,.f-input,.form-control{border-radius:10px!important;min-height:38px!important;font-size:13px!important}.upload-box,.qr-img-wrapper{border-radius:12px!important}.notice-text,.qr-card{margin:8px!important;border-radius:13px!important}
.bottom-nav,.bottom-bar,.bottom,.action-bar{width:min(100%,680px)!important;height:calc(50px + env(safe-area-inset-bottom))!important}.nav-item i,.b-nav i{font-size:16px!important}.nav-item,.b-nav{font-size:10px!important}.login-box,.login-panel{padding:20px 18px!important;border-radius:16px!important;box-shadow:var(--front-shadow)!important}
/* 首页本身使用独立类名，强制压缩其内联旧样式 */
.page{max-width:680px!important}.showcase{margin:7px 9px!important;border-radius:11px!important;box-shadow:var(--front-soft-shadow)!important}.showcase-cover{height:50px!important}.showcase-body{padding:0 10px 8px!important}.showcase-main{margin-top:-16px!important}.showcase-logo{width:40px!important;height:40px!important}.showcase-name{font-size:14px!important;margin-left:7px!important}.showcase-desc{font-size:10px!important;line-height:1.35!important;margin:6px 0!important;-webkit-line-clamp:1!important}.showcase-actions{padding-top:7px!important}.showcase-actions a{font-size:11px!important}.switch-btn{padding:5px 7px!important;border-radius:9px!important;font-size:10px!important}.search-wrap{padding:0 9px 7px!important}.search-wrap .search-form{min-height:38px!important;padding:3px 4px 3px 8px!important;gap:5px!important}.search-form>i{width:25px!important;height:25px!important;flex-basis:25px!important;border-radius:7px!important;font-size:11px!important}.search-submit{height:31px!important;min-height:31px!important;border-radius:8px!important;padding:0 10px!important;font-size:11px!important}.section-header-wrap{padding:0 9px 6px!important}.section-header{font-size:14px!important;padding-bottom:3px!important}.section-header::after{height:2px!important}.list{padding:0 9px!important}.post{border-radius:11px!important;padding:9px 9px 8px!important;margin-bottom:7px!important;box-shadow:var(--front-soft-shadow)!important}.post-title-wrap{font-size:13px!important;line-height:1.32!important;margin-bottom:4px!important}.home-manager{margin:0 9px 8px!important;border-radius:12px!important}.home-manager-head{padding:9px 10px 7px!important}.home-manager-tabs{gap:4px!important;padding:0 8px 8px!important}.home-manager-tab{padding:6px 2px!important;font-size:9px!important;border-radius:8px!important}.home-manager-frame{min-height:560px!important}
@media(min-width:900px){
  .page{max-width:1120px!important;padding:0 10px 20px!important}.showcase{margin-left:0!important;margin-right:0!important}.search-wrap{padding-left:0!important;padding-right:0!important}.section-header-wrap{padding-left:0!important;padding-right:0!important}.list{padding:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.list>.post{margin-bottom:0!important;min-width:0!important}.bottom-nav,.bottom-bar,.bottom,.action-bar{width:min(100%,1120px)!important}.merchant-container,.order-list,.content,.form-box,.main-wrap,.page-body{max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
}
@media(max-width:480px){body{padding-bottom:calc(55px + env(safe-area-inset-bottom))!important}.page{max-width:none!important}.showcase{margin:5px 6px!important}.search-wrap,.list,.section-header-wrap{padding-left:6px!important;padding-right:6px!important}.post{padding:8px!important}.showcase-cover{height:44px!important}.showcase-logo{width:36px!important;height:36px!important}.showcase-main{margin-top:-14px!important}.showcase-desc{display:none!important}}


/* ===== 2026-08-12 v10：首页文章标题恢复正常手机字号 + 商家名强化闪光 =====
   文章标题只缩小字号并恢复正常字重；不改变卡片、图片、标签和价格。 */
.post-title-wrap{
  font-size:17px!important;
  line-height:1.45!important;
  font-weight:500!important;
  margin-bottom:8px!important;
}

/* 左上商家名称更醒目：大号、重字重，并用柔和扫光增强识别。 */
.showcase-name{
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  color:#151515!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  writing-mode:horizontal-tb!important;
  word-break:keep-all!important;
  background:linear-gradient(110deg,#151515 0%,#151515 38%,#8b5a00 46%,#ffd86a 50%,#8b5a00 54%,#151515 62%,#151515 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:merchantNameShine 3s ease-in-out infinite;
}
@keyframes merchantNameShine{
  0%,28%{background-position:120% 0;}
  68%,100%{background-position:-120% 0;}
}

@media(max-width:600px){
  .post-title-wrap{
    font-size:16px!important;
    line-height:1.42!important;
    font-weight:500!important;
    margin-bottom:8px!important;
  }
  .showcase-name{font-size:19px!important;}
}
@media(max-width:380px){
  .post-title-wrap{
    font-size:15px!important;
    line-height:1.4!important;
    font-weight:500!important;
  }
  .showcase-name{font-size:18px!important;}
}
@media(prefers-reduced-motion:reduce){
  .showcase-name{
    animation:none!important;
    background:none!important;
    -webkit-text-fill-color:#151515!important;
    color:#151515!important;
  }
}

/* ===== 2026-08-24 v19：高端轻量视觉层 + 列表性能优化 ===== */
:root{
  --front-ink:#0f172a;
  --front-gold:#b9822d;
  --front-gold-soft:#f4d79a;
  --front-blue-soft:#eef4ff;
  --front-glass:rgba(255,255,255,.88);
  --front-hairline:rgba(15,23,42,.075);
  --front-premium-shadow:0 14px 34px rgba(15,23,42,.08);
}
body{
  background:
    radial-gradient(circle at 10% -8%,rgba(244,215,154,.24),transparent 28%),
    radial-gradient(circle at 92% 0%,rgba(36,48,79,.14),transparent 28%),
    linear-gradient(180deg,#fbfcff 0%,#f4f6fb 46%,#eef2f8 100%)!important;
}
.post,.post-card,.rel-card,.merchant-card,.order-card,.address-card,.coupon-card,.article-box,.detail-card,.form-card,.login-card,.asset-panel,.notice-text,.qr-card{
  background:var(--front-glass)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:var(--front-premium-shadow)!important;
}
.post,.post-card,.rel-card,.merchant-card,.order-card,.address-card,.coupon-card{
  transform:translateZ(0);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
@media(hover:hover){
  .post:hover,.post-card:hover,.rel-card:hover,.merchant-card:hover,.order-card:hover{
    transform:translateY(-2px);
    border-color:rgba(185,130,45,.24)!important;
    box-shadow:0 18px 42px rgba(15,23,42,.11)!important;
  }
}
.post-title-wrap,.post-title,.rel-title,.article-title,.detail-title{
  color:var(--front-ink)!important;
  letter-spacing:.005em!important;
}
.price,.locked-price,.price-latest,.asset-num,.stat-num,.proof-num{
  color:#c73939!important;
}
.tag,.ribbon-tag,.rel-ribbon{
  border-color:rgba(185,130,45,.24)!important;
}
.unlock-btn,.pay-btn,.submit-btn,.btn-submit,.btn-primary,.btn-enter,.bottom-fix button,.login-btn,button[type="submit"]{
  background:linear-gradient(135deg,#111827 0%,#24304f 64%,#6f4d1d 100%)!important;
  box-shadow:0 10px 22px rgba(17,24,39,.18)!important;
}
a,button,.btn,[role="button"],input[type="button"],input[type="submit"]{
  cursor:pointer;
  -webkit-tap-highlight-color:rgba(185,130,45,.16);
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid rgba(185,130,45,.72)!important;
  outline-offset:2px!important;
}
img{
  height:auto;
  object-fit:cover;
}
@supports(content-visibility:auto){
  .post,.post-card,.rel-card,.merchant-card,.order-card,.coupon-card{
    content-visibility:auto;
    contain-intrinsic-size:160px;
  }
}
@media(min-width:900px){
  body{
    max-width:1120px!important;
    margin:0 auto!important;
    box-shadow:0 0 0 1px rgba(15,23,42,.05),0 30px 90px rgba(15,23,42,.12)!important;
  }
}
@media(max-width:640px){
  .post,.post-card,.rel-card,.merchant-card,.order-card{
    border-radius:14px!important;
  }
  .bottom-nav,.bottom-bar,.bottom,.action-bar{
    border:1px solid rgba(255,255,255,.72)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .post,.post-card,.rel-card,.merchant-card,.order-card,.address-card,.coupon-card{
    transition:none!important;
    transform:none!important;
  }
}

/* ===== 2026-08-25 v20：高端商用商务界面，低动效与低绘制成本 ===== */
:root{
  --front-bg:#f3f5f7;
  --front-surface:#ffffff;
  --front-surface-muted:#f8fafb;
  --front-ink:#17202d;
  --front-muted:#5f6b7a;
  --front-line:#dfe4ea;
  --front-primary:#284f73;
  --front-primary-2:#1f3c56;
  --front-accent:#1d7567;
  --front-warm:#a66b20;
  --front-danger:#bd3d45;
  --front-radius-lg:8px;
  --front-radius:6px;
  --front-shadow:0 4px 14px rgba(23,32,45,.07);
  --front-soft-shadow:0 2px 8px rgba(23,32,45,.055);
  --front-premium-shadow:var(--front-shadow);
  --front-glass:#ffffff;
}
html{background:var(--front-bg)!important}
body{
  background:var(--front-bg)!important;
  color:var(--front-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}
body::before,body::after{display:none!important}

.page,.wrap,.container,.main-wrap,.page-body,.content{
  background:transparent!important;
}
.post,.post-card,.rel-card,.merchant-card,.order-card,.address-card,.coupon-card,
.article-box,.detail-card,.form-card,.login-card,.asset-panel,.notice-text,.qr-card,
.panel,.grid-panel,.info-card,.home-manager,.showcase{
  background:var(--front-surface)!important;
  border:1px solid var(--front-line)!important;
  border-radius:8px!important;
  box-shadow:var(--front-soft-shadow)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.post,.post-card,.rel-card,.merchant-card,.order-card,.address-card,.coupon-card{
  transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
@media(hover:hover){
  .post:hover,.post-card:hover,.rel-card:hover,.merchant-card:hover,.order-card:hover{
    transform:none!important;
    border-color:#b8c5d1!important;
    box-shadow:var(--front-shadow)!important;
  }
}

.top-search-bg,.search-container,.top-nav,.topbar,.top,.page-header,.header{
  background:var(--front-surface)!important;
  color:var(--front-ink)!important;
  border-color:var(--front-line)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.search-form,.search-wrap .search-form{
  background:var(--front-surface-muted)!important;
  border:1px solid var(--front-line)!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
.search-form>i{background:#e9eff4!important;color:var(--front-primary)!important;border-radius:5px!important}

.showcase{
  overflow:hidden!important;
}
.showcase-cover{filter:none!important}
.showcase-name,.merchant-name,.merchant-title{
  color:var(--front-ink)!important;
  background:none!important;
  animation:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  letter-spacing:0!important;
}
.showcase-desc,.merchant-desc,.form-text,.help,.tip,.muted,.text-muted{
  color:var(--front-muted)!important;
}
.online-bar{
  background:#edf6f3!important;
  color:#235f56!important;
  border:1px solid #d3e8e2!important;
  border-radius:6px!important;
  box-shadow:none!important;
}

.post-title-wrap,.post-title,.rel-title,.article-title,.detail-title,.section-header{
  color:var(--front-ink)!important;
  letter-spacing:0!important;
}
.section-header::after{background:var(--front-accent)!important}
.tag,.ribbon-tag,.rel-ribbon,.badge{
  border-radius:4px!important;
  box-shadow:none!important;
}
.tag,.ribbon-tag,.rel-ribbon{
  background:#f5efe6!important;
  color:#80551f!important;
  border:1px solid #e6d4ba!important;
}
.price,.locked-price,.price-latest,.asset-num,.stat-num,.proof-num{color:var(--front-danger)!important}

.unlock-btn,.pay-btn,.submit-btn,.btn-submit,.btn-primary,.btn-enter,.bottom-fix button,
.login-btn,button[type="submit"],.search-submit{
  background:var(--front-primary)!important;
  color:#fff!important;
  border:1px solid var(--front-primary)!important;
  border-radius:6px!important;
  box-shadow:none!important;
  letter-spacing:0!important;
}
.unlock-btn:hover,.pay-btn:hover,.submit-btn:hover,.btn-submit:hover,.btn-primary:hover,
.btn-enter:hover,.login-btn:hover,button[type="submit"]:hover,.search-submit:hover{
  background:var(--front-primary-2)!important;
  border-color:var(--front-primary-2)!important;
}
.btn-unfollow,.secondary-btn,.cancel-btn,.btn-light{
  background:#eef1f4!important;
  color:#334150!important;
  border:1px solid #dbe1e7!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
button,.btn,a.btn,[role="button"]{border-radius:6px!important;letter-spacing:0!important}

input,textarea,select,.f-input,.form-control{
  background:#fff!important;
  color:var(--front-ink)!important;
  border:1px solid #cfd7df!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus,.f-input:focus,.form-control:focus{
  border-color:var(--front-primary)!important;
  box-shadow:0 0 0 3px rgba(40,79,115,.12)!important;
}
.upload-box,.qr-img-wrapper{
  background:var(--front-surface-muted)!important;
  border:1px dashed #b9c4ce!important;
  border-radius:8px!important;
}

.bottom-nav,.bottom-bar,.bottom,.action-bar{
  background:#fff!important;
  border:1px solid var(--front-line)!important;
  border-radius:8px!important;
  box-shadow:0 -2px 12px rgba(23,32,45,.08)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.nav-item,.b-nav{color:#687586!important;letter-spacing:0!important}
.nav-item.active,.b-nav.active,.nav-item:active,.b-nav:active,
.nav-item.active i,.b-nav.active i{color:var(--front-accent)!important}

.user-header{
  background:var(--front-primary-2)!important;
  border-radius:0 0 8px 8px!important;
  box-shadow:none!important;
}
.icon-circle,.grid-item,.order-item,.tool-item,.profile-banner,.login-box,.login-panel,
.merchant-logo,.showcase-logo{
  border-radius:8px!important;
}
.profile-banner{background:var(--front-primary-2)!important;color:#fff!important;box-shadow:var(--front-shadow)!important}
.profile-banner::before,.profile-banner::after{display:none!important}
.profile-banner .merchant-desc{color:#dce5ec!important}
.login-box,.login-panel{background:#fff!important;border:1px solid var(--front-line)!important;box-shadow:var(--front-shadow)!important}

/* 首页真实组件类覆盖：保持现有功能结构，清除旧装饰层。 */
.app-download-banner{
  min-height:82px!important;
  height:auto!important;
  background:var(--front-primary-2)!important;
  border:1px solid #274c69!important;
  border-radius:8px!important;
  box-shadow:var(--front-shadow)!important;
}
.app-download-banner::before,.showcase::before,.sales-proof::before{display:none!important}
.app-download-logo{border-radius:6px!important;box-shadow:none!important}
.app-download-eyebrow{letter-spacing:0!important;color:#c8d7e2!important}
.app-download-button{background:#fff!important;color:var(--front-primary-2)!important;border-radius:6px!important;box-shadow:none!important}
.showcase-notice-board{
  background:#f1f4f7!important;
  color:#4c5968!important;
  border-bottom:1px solid var(--front-line)!important;
  backdrop-filter:none!important;
}
.showcase-notice-board i{color:var(--front-warm)!important}
.showcase-actions{border-top:1px solid var(--front-line)!important}
.showcase-actions a{color:var(--front-primary)!important}
.section-header::after{width:42px!important;height:3px!important;border-radius:2px!important;background:var(--front-accent)!important}
.post-tag{
  background:#edf3f7!important;
  color:var(--front-primary)!important;
  border:1px solid #d5e0e8!important;
  border-radius:4px!important;
}
.post-tag.custom{background:#f5efe6!important;color:#80551f!important;border-color:#e6d4ba!important}
.post-tag.sync{background:#edf6f3!important;color:#235f56!important;border-color:#d3e8e2!important}
.meta-price{color:var(--front-danger)!important;background:none!important;-webkit-text-fill-color:currentColor!important}

/* 内容详情与支付面板。 */
.content-area{
  background:#fff!important;
  border:1px solid var(--front-line)!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.locked-mask{
  background:var(--front-surface-muted)!important;
  border:1px dashed #b9c4ce!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.sales-proof{
  background:var(--front-primary-2)!important;
  border:1px solid #274c69!important;
  border-radius:8px!important;
  box-shadow:var(--front-shadow)!important;
}
.proof-item{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:6px!important;box-shadow:none!important;backdrop-filter:none!important}
.proof-icon{background:rgba(255,255,255,.12)!important;box-shadow:none!important}
.related-header span{background:#edf3f7!important;color:var(--front-primary)!important;border-radius:4px!important;letter-spacing:0!important}
.pay-sheet{background:#fff!important;border-radius:8px 8px 0 0!important;box-shadow:0 -8px 28px rgba(23,32,45,.16)!important}
.pay-option{border:1px solid var(--front-line)!important;background:#fff!important;border-radius:8px!important;box-shadow:none!important}
.pay-icon{border-radius:6px!important}
.pay-icon.wechat{background:#1d7567!important}.pay-icon.alipay{background:#2872a8!important}.pay-icon.balance{background:#a66b20!important}
.browser-open-tip{border-radius:6px!important;background:#253342!important;box-shadow:var(--front-shadow)!important;backdrop-filter:none!important}
.cs-modal{border-radius:8px!important}.cs-btn-close{border-radius:6px!important}
.payment-success-tip,.post-detail-summary,.post-detail-cover,.content-area img{border-radius:8px!important}

@media(min-width:720px){
  body{max-width:1180px!important;margin:0 auto!important;box-shadow:none!important}
}
@media(max-width:640px){
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))!important}
  .bottom-nav,.tabbar,.bottom-bar,.bottom,.action-bar{
    left:6px!important;
    right:6px!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    border-radius:8px!important;
  }
  .post,.post-card,.rel-card,.merchant-card,.order-card,.article-box,.detail-card{border-radius:8px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ===== 2026-08-25 v21：首页首屏信息架构与大厂商务布局 ===== */
.page{padding-top:0!important}
.home-top-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:14px 14px 16px}

.home-top-shell .app-download-banner{
  margin:0!important;
  min-height:112px!important;
  overflow:hidden!important;
  background:#183b56!important;
  border:1px solid #183b56!important;
  box-shadow:0 8px 24px rgba(24,59,86,.14)!important;
}
.home-top-shell .app-download-banner::before,
.home-top-shell .app-download-banner::after,
.app-download-phone{display:none!important}
.home-top-shell .app-download-inner{
  width:100%;
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr) 102px;
  align-items:center!important;
  gap:13px!important;
  padding:16px!important;
}
.home-top-shell .app-download-logo{
  width:60px!important;
  height:60px!important;
  flex-basis:60px!important;
  border:2px solid rgba(255,255,255,.88)!important;
  background:#fff!important;
}
.home-top-shell .app-download-copy{
  min-width:0!important;
  display:block!important;
  height:auto!important;
  padding:0!important;
}
.home-top-shell .app-download-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 5px!important;
  color:#bcd0de!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.home-top-shell .app-download-title{
  margin:0!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-top-shell .app-download-subtitle{
  display:-webkit-box!important;
  margin:5px 0 0!important;
  color:#d7e2e9!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-top-shell .app-download-action{
  min-width:0!important;
  width:102px!important;
  display:flex!important;
  align-items:stretch!important;
  gap:7px!important;
}
.home-top-shell .app-download-button{
  width:100%!important;
  min-width:0!important;
  height:44px!important;
  padding:0 12px!important;
  color:#183b56!important;
  font-size:14px!important;
  font-weight:800!important;
}
.home-top-shell .app-download-version{display:block!important;color:#bdced9!important;font-size:10px!important;text-align:center!important}

.home-top-shell .showcase{
  margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dbe2e8!important;
  box-shadow:0 6px 20px rgba(23,32,45,.07)!important;
}
.home-top-shell .showcase-body{padding:17px 17px 15px!important}
.home-top-shell .showcase-main{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}
.home-top-shell .showcase-logo{
  width:58px!important;
  height:58px!important;
  flex:0 0 58px!important;
  border:1px solid #dbe2e8!important;
  box-shadow:none!important;
  object-fit:cover!important;
}
.showcase-identity{min-width:0;flex:1}
.showcase-kicker{margin-bottom:4px;color:#1d7567;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:0}
.home-top-shell .showcase-name{
  margin:0!important;
  font-size:21px!important;
  line-height:1.28!important;
  font-weight:800!important;
  color:#17202d!important;
}
.home-top-shell .showcase-desc{
  display:-webkit-box!important;
  margin:13px 0 14px!important;
  color:#5f6b7a!important;
  font-size:13px!important;
  line-height:1.65!important;
  font-weight:400!important;
  -webkit-line-clamp:2!important;
}
.showcase-live-row{
  min-height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  padding:4px 6px 4px 10px;
  background:#f7f9fb;
  border:1px solid #e4e9ee;
  border-radius:6px;
  overflow:hidden;
}
.showcase-live-label{flex:0 0 auto;color:#647181;font-size:11px;font-weight:700;white-space:nowrap}
.showcase-live-label i{color:#a66b20}
.showcase-live-row .purchase-toast-slot{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:32px!important;margin:0!important}
.showcase-live-row .purchase-toast{left:0!important;right:auto!important;width:100%!important;max-width:260px!important;height:32px!important}
.showcase-live-row .purchase-toast-card{height:32px!important;border-radius:6px!important;box-shadow:none!important;background:#fff!important}
.showcase-live-row .purchase-toast-avatar-wrap{width:26px!important;height:26px!important;flex-basis:26px!important}
.showcase-live-row .purchase-toast-line1,.showcase-live-row .purchase-toast-text{font-size:9px!important}

.home-top-shell .showcase-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px!important;
  margin:0!important;
  padding:14px 0 0!important;
  border-top:1px solid #e6ebef!important;
}
.home-top-shell .showcase-actions a{
  min-width:0!important;
  min-height:56px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:7px 4px!important;
  color:#31465a!important;
  background:#f7f9fb!important;
  border:1px solid #e1e7ec!important;
  border-radius:6px!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.home-top-shell .showcase-actions a i{color:#2d668f;font-size:16px!important}
.home-top-shell .showcase-actions a:active{background:#edf2f6!important}

.home-top-shell .showcase-notice-board{
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:#f8fafb!important;
  border:0!important;
  border-top:1px solid #e1e7ec!important;
  border-radius:0!important;
}
.home-top-shell .showcase-notice-board summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 17px;
  color:#536171;
  font-size:12px;
  line-height:1.4;
  font-weight:600;
  cursor:pointer;
  list-style:none;
  touch-action:manipulation;
}
.home-top-shell .showcase-notice-board summary:focus-visible{outline:2px solid rgba(40,79,115,.72);outline-offset:-3px}
.home-top-shell .showcase-notice-board summary::-webkit-details-marker{display:none}
.home-top-shell .showcase-notice-board summary span{display:flex;align-items:center;gap:8px}
.home-top-shell .showcase-notice-board summary span i{color:#a66b20!important}
.notice-chevron{color:#8793a1!important;transition:transform .18s ease}
.showcase-notice-board[open] .notice-chevron{transform:rotate(180deg)}
.home-top-shell .showcase-notice-text{
  padding:0 17px 14px;
  color:#697685;
  font-size:12px;
  line-height:1.7;
  text-align:left!important;
  word-break:normal!important;
}

.search-wrap{
  padding:0 14px 16px!important;
  background:#f3f5f7!important;
  backdrop-filter:none!important;
}
.search-wrap .search-form{
  min-height:56px!important;
  padding:6px 6px 6px 10px!important;
  gap:8px!important;
  background:#fff!important;
  border:1px solid #d6dee5!important;
  border-radius:8px!important;
  box-shadow:0 4px 14px rgba(23,32,45,.06)!important;
}
.search-wrap .search-form>i{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  color:#315f82!important;
  background:#edf3f7!important;
  border-radius:6px!important;
}
.search-wrap .search-input{font-size:16px!important;font-weight:500!important;color:#24313e!important}
.search-wrap .search-input::placeholder{color:#8a96a5!important}
.search-wrap .search-submit{height:44px!important;min-height:44px!important;padding:0 17px!important;font-size:13px!important;border-radius:6px!important}

.section-header-wrap{padding:0 14px 12px!important}
.section-header{
  display:block!important;
  margin:0!important;
  padding:0 0 0 12px!important;
  color:#17202d!important;
  font-size:20px!important;
  line-height:30px!important;
  font-weight:800!important;
}
.section-header::before{content:"";position:absolute;left:0;top:6px;width:4px;height:18px;border-radius:2px;background:#1d7567}
.section-header::after{display:none!important}
.list{padding:0 14px!important}

.list .post{padding:15px!important;margin-bottom:12px!important;border:1px solid #dfe5ea!important;border-radius:8px!important;box-shadow:0 4px 14px rgba(23,32,45,.055)!important}
.list .ribbon-badge{
  position:static!important;
  width:auto!important;
  height:24px!important;
  display:inline-flex!important;
  align-items:center!important;
  margin:0 0 10px!important;
  padding:0 8px!important;
  transform:none!important;
  color:inherit!important;
  border:1px solid currentColor!important;
  border-radius:4px!important;
  box-shadow:none!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.list .ribbon-green{background:#edf7f3!important;color:#23715f!important}
.list .ribbon-red{background:#fff2f3!important;color:#b63b45!important}
.list .post-main-row.has-cover,.list .post-main-row.no-cover .post-content-right{padding-left:0!important}
.list .post-title-wrap{margin:0 0 9px!important;padding:0!important;color:#17202d!important;font-size:17px!important;line-height:1.5!important;font-weight:650!important;letter-spacing:0!important}
.list .post-tags{margin-bottom:10px!important}
.list .post-status-stamp{right:18px!important;top:48px!important;width:42px!important;height:42px!important;font-size:18px!important;opacity:.76!important}
.list .post-meta{padding-top:10px!important;border-color:#e7ebef!important}

@media(min-width:900px){
  .home-top-shell{grid-template-columns:minmax(330px,.8fr) minmax(460px,1.2fr);gap:16px;padding:18px 0}
  .home-top-shell>*:only-child{grid-column:1/-1}
  .home-top-shell .app-download-inner{height:100%;grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto;padding:22px!important}
  .home-top-shell .app-download-action{grid-column:2;width:100%!important;max-width:210px!important;align-items:flex-start!important}
  .home-top-shell .app-download-button{max-width:150px!important}
  .search-wrap,.section-header-wrap,.list{padding-left:0!important;padding-right:0!important}
}

@media(max-width:480px){
  .home-top-shell{gap:12px;padding:10px 10px 14px}
  .home-top-shell .app-download-inner{grid-template-columns:54px minmax(0,1fr) 88px;gap:10px!important;padding:14px 12px!important}
  .home-top-shell .app-download-logo{width:54px!important;height:54px!important;flex-basis:54px!important}
  .home-top-shell .app-download-title{font-size:18px!important}
  .home-top-shell .app-download-subtitle{font-size:11px!important}
  .home-top-shell .app-download-action{width:88px!important}
  .home-top-shell .app-download-button{height:44px!important;padding:0 9px!important;font-size:13px!important}
  .home-top-shell .showcase-body{padding:15px 14px 13px!important}
  .home-top-shell .showcase-logo{width:54px!important;height:54px!important;flex-basis:54px!important}
  .home-top-shell .showcase-name{font-size:19px!important}
  .showcase-live-row{padding-left:8px;gap:7px}
  .showcase-live-label{font-size:10px}
  .home-top-shell .showcase-actions a{min-height:54px!important;font-size:11px!important}
  .home-top-shell .showcase-notice-board summary{padding:0 14px}
  .home-top-shell .showcase-notice-text{padding:0 14px 13px}
  .search-wrap{padding:0 10px 14px!important}
  .section-header-wrap{padding:0 10px 10px!important}
  .list{padding:0 10px!important}
  .list .post{padding:14px 13px!important;margin-bottom:10px!important}
  .list .post-title-wrap{font-size:16px!important}
}

@media(max-width:360px){
  .home-top-shell .app-download-inner{grid-template-columns:50px minmax(0,1fr) 78px;gap:8px!important;padding:12px 10px!important}
  .home-top-shell .app-download-logo{width:50px!important;height:50px!important}
  .home-top-shell .app-download-eyebrow{font-size:10px!important}
  .home-top-shell .app-download-title{font-size:16px!important}
  .home-top-shell .app-download-subtitle{display:none!important}
  .home-top-shell .app-download-action{width:78px!important}
  .home-top-shell .app-download-version{display:none!important}
  .showcase-live-label{display:none}
}

/* 2026-08-25 v22：首页文章卡片极简紧凑移动端布局。仅调整首页视觉密度。 */
.list .post{
  padding:10px 11px!important;
  margin-bottom:7px!important;
  border-radius:7px!important;
  box-shadow:0 2px 9px rgba(23,32,45,.045)!important;
}
.list .post-main-row{gap:8px!important;align-items:flex-start!important}
.list .post-cover{
  width:44px!important;height:44px!important;flex-basis:44px!important;
  border-radius:7px!important;
}
.list .post-title-line{
  display:flex!important;align-items:flex-start!important;gap:6px!important;
  min-width:0!important;margin:0 0 4px!important;
}
.list .post-title-wrap{
  flex:1 1 auto!important;min-width:0!important;
  margin:0!important;padding:0!important;
  font-size:15px!important;line-height:1.3!important;font-weight:650!important;
  display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.list .ribbon-badge{
  position:static!important;transform:none!important;
  flex:0 0 auto!important;width:auto!important;height:18px!important;
  margin:1px 0 0!important;padding:0 5px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:4px!important;font-size:9px!important;font-weight:700!important;line-height:18px!important;
  box-shadow:none!important;letter-spacing:0!important;
}
.list .post-tags{
  display:flex!important;flex-wrap:nowrap!important;gap:4px!important;
  margin:0 0 4px!important;overflow:hidden!important;white-space:nowrap!important;
}
.list .post-tag{
  flex:0 0 auto!important;font-size:9px!important;line-height:16px!important;
  height:16px!important;padding:0 5px!important;border-radius:4px!important;
}
.list .post-public-inline{
  margin:0 0 5px!important;
  font-size:11px!important;line-height:1.35!important;font-weight:500!important;
  white-space:normal!important;
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;
}
.list .post-meta{
  padding-top:5px!important;gap:5px!important;font-size:9px!important;
}
.list .meta-left{display:flex!important;gap:7px!important;overflow:hidden!important;white-space:nowrap!important}
.list .meta-left span{font-size:9px!important}
.list .meta-price{font-size:14px!important}.list .meta-price small{font-size:9px!important}
.list .post-status-stamp{
  width:30px!important;height:30px!important;right:13%!important;top:37px!important;
  font-size:13px!important;border-width:1.5px!important;opacity:.72!important;
}
.list .post-status-stamp::before{inset:4px!important}
.list .post-status-stamp::after{left:6px!important;right:6px!important;bottom:7px!important}

@media(max-width:480px){
  .list{padding:0 8px!important}
  .list .post{padding:8px 9px!important;margin-bottom:6px!important}
  .list .post-main-row{gap:7px!important}
  .list .post-cover{width:40px!important;height:40px!important;flex-basis:40px!important}
  .list .post-title-line{gap:5px!important;margin-bottom:3px!important}
  .list .post-title-wrap{font-size:14px!important;line-height:1.25!important}
  .list .ribbon-badge{height:17px!important;line-height:17px!important;font-size:8px!important;padding:0 5px!important}
  .list .post-tags{margin-bottom:3px!important}
  .list .post-tag{font-size:8px!important;height:15px!important;line-height:15px!important;padding:0 4px!important}
  .list .post-public-inline{font-size:10px!important;line-height:1.3!important;margin-bottom:4px!important;-webkit-line-clamp:2!important}
  .list .post-meta{padding-top:4px!important}
  .list .post-status-stamp{width:27px!important;height:27px!important;top:34px!important;font-size:12px!important}
}


/* ===== 2026-08-25 v23：按截图调整首页卡片、公告、角标和 APP 下载高度 ===== */
.home-top-shell{gap:10px!important}
.home-top-shell .app-download-banner{min-height:74px!important;height:74px!important;border-radius:9px!important}
.home-top-shell .app-download-inner{min-height:74px!important;height:74px!important;grid-template-columns:46px minmax(0,1fr) 88px!important;gap:10px!important;padding:8px 12px!important}
.home-top-shell .app-download-logo{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:8px!important}
.home-top-shell .app-download-eyebrow{display:none!important}
.home-top-shell .app-download-title{font-size:17px!important;font-weight:700!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important}
.home-top-shell .app-download-subtitle{display:block!important;font-size:11px!important;line-height:1.25!important;margin-top:3px!important;-webkit-line-clamp:1!important}
.home-top-shell .app-download-action{width:88px!important;gap:2px!important}
.home-top-shell .app-download-button{height:34px!important;line-height:34px!important;padding:0 10px!important;font-size:12px!important;border-radius:6px!important}
.home-top-shell .app-download-version{font-size:9px!important}

.home-top-shell .showcase{border-radius:9px!important}
.home-top-shell .showcase-body{padding:13px 14px!important}
.home-top-shell .showcase-logo{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:9px!important}
.home-top-shell .showcase-name{font-size:20px!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important}
.home-top-shell .showcase-desc{margin:8px 0 0!important;font-size:12px!important;line-height:1.45!important;-webkit-line-clamp:1!important}
.home-top-shell .showcase-actions{display:none!important}
.showcase-live-row{display:none!important}

.home-announcement-card{margin:0!important;padding:12px 14px!important;display:flex!important;align-items:flex-start!important;gap:10px!important;background:#fff7f7!important;border:1px solid #fee2e2!important;border-radius:9px!important;box-shadow:0 4px 14px rgba(23,32,45,.04)!important}
.home-announcement-title{flex:0 0 auto;display:flex;align-items:center;gap:6px;color:#ef4444;font-size:15px;font-weight:800;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.home-announcement-title i{font-size:16px}
.home-announcement-text{min-width:0;flex:1;color:#333;font-size:12px;line-height:1.6;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;word-break:break-word}

.list .post{min-height:124px!important;padding:14px 13px 12px!important;margin-bottom:10px!important;border-radius:10px!important}
.list .post-main-row{position:relative!important;gap:12px!important;min-height:82px!important}
.list .post-main-row.has-cover{padding-left:0!important}
.list .post-cover{width:82px!important;height:82px!important;flex-basis:82px!important;border-radius:10px!important}
.list .post-content-right{padding-top:1px!important}
.list .post-title-line{display:block!important;margin:0 0 8px!important}
.list .post-title-wrap{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;font-size:19px!important;line-height:1.35!important;font-weight:700!important;-webkit-line-clamp:2!important;letter-spacing:0!important}
.list .post-tags{margin:0 0 8px!important;gap:6px!important;flex-wrap:wrap!important}
.list .post-tag{height:23px!important;line-height:23px!important;padding:0 8px!important;font-size:12px!important;border-radius:5px!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important}
.list .post-public-inline{font-size:13px!important;line-height:1.45!important;-webkit-line-clamp:2!important;margin-bottom:7px!important}
.list .post-meta{padding-top:8px!important;font-size:12px!important}
.list .meta-left span{font-size:12px!important}
.list .meta-price{font-size:18px!important}

/* 公开/付费放到左侧文章图片左上角。 */
.list .ribbon-badge{position:absolute!important;left:-3px!important;top:-3px!important;z-index:8!important;width:auto!important;height:23px!important;margin:0!important;padding:0 7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transform:none!important;border:0!important;border-radius:6px 3px 6px 3px!important;color:#fff!important;font-size:11px!important;line-height:23px!important;font-weight:800!important;box-shadow:0 2px 6px rgba(15,23,42,.12)!important}
.list .ribbon-green{background:#16a36f!important;color:#fff!important}
.list .ribbon-red{background:#ef4444!important;color:#fff!important}
.list .post-main-row.no-cover .ribbon-badge{left:0!important;top:0!important}
.list .post-main-row.no-cover .post-content-right{padding-left:0!important;padding-top:27px!important}

@media(max-width:480px){
  .home-top-shell{padding:8px 10px 12px!important;gap:8px!important}
  .home-top-shell .app-download-banner{min-height:66px!important;height:66px!important}
  .home-top-shell .app-download-inner{min-height:66px!important;height:66px!important;grid-template-columns:42px minmax(0,1fr) 78px!important;padding:7px 10px!important;gap:8px!important}
  .home-top-shell .app-download-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  .home-top-shell .app-download-title{font-size:16px!important}
  .home-top-shell .app-download-subtitle{font-size:10px!important}
  .home-top-shell .app-download-action{width:78px!important}
  .home-top-shell .app-download-button{height:32px!important;line-height:32px!important;font-size:12px!important}
  .home-top-shell .showcase-body{padding:11px 12px!important}
  .home-top-shell .showcase-logo{width:46px!important;height:46px!important;flex-basis:46px!important}
  .home-top-shell .showcase-name{font-size:19px!important}
  .home-announcement-card{padding:10px 12px!important;gap:8px!important}
  .home-announcement-title{font-size:14px!important}.home-announcement-text{font-size:12px!important}
  .list{padding:0 10px!important}
  .list .post{min-height:118px!important;padding:13px 12px 11px!important;margin-bottom:9px!important}
  .list .post-main-row{gap:11px!important;min-height:78px!important}
  .list .post-cover{width:78px!important;height:78px!important;flex-basis:78px!important}
  .list .post-title-wrap{font-size:18px!important;line-height:1.32!important}
  .list .post-tag{height:22px!important;line-height:22px!important;font-size:11px!important;padding:0 7px!important}
  .list .ribbon-badge{height:22px!important;line-height:22px!important;font-size:10px!important;padding:0 6px!important}
  .list .post-meta{font-size:11px!important}.list .meta-left span{font-size:11px!important}
}