/* ========================================
   全局 & 导航
   ======================================== */
.nav-more-wrap { position:relative; }
.nav-more-toggle { cursor:pointer; }
.nav-more-arrow { font-size:10px; margin-left:2px; }
.nav-more-dropdown {
  position:absolute; top:100%; right:0; z-index:100;
  background:#fff; border:1px solid #e5e7eb; border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.12); min-width:150px;
  padding:6px; display:flex; flex-direction:column; gap:2px;
}
.nav-more-dropdown .nav-pill { display:block; white-space:nowrap; }
.nav-more-dropdown[hidden] { display:none !important; }

/* ========================================
   首页数据看板
   ======================================== */
.home-dashboard-section { padding:0 20px 24px; }
.home-dash-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; max-width:900px; margin:0 auto; }
.home-dash-card {
  background:rgba(255,255,255,.82); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border-radius:12px; padding:18px 20px; text-align:center;
  box-shadow:0 4px 16px rgba(0,0,0,.06); border:1px solid rgba(240,133,59,.15);
}
.home-dash-num { display:block; font-size:32px; font-weight:800; color:#f0853b; line-height:1.2; }
.home-dash-card>span { font-size:13px; color:#888; }
.home-dash-pills { display:flex; flex-wrap:wrap; gap:4px; justify-content:center; margin-bottom:6px; }
.home-dash-pills span { font-size:11px; background:#fff3e8; color:#f0853b; padding:2px 8px; border-radius:10px; }
.home-dash-pills b { font-weight:700; }

/* ========================================
   首页互助达人
   ======================================== */
.home-ranking-section { padding:0 20px 32px; }
.home-ranking-head { display:flex; align-items:center; justify-content:space-between; max-width:900px; margin:0 auto 12px; }
.home-ranking-head h2 { font-size:18px; color:#333; }
.home-ranking-more { font-size:13px; color:#f0853b; text-decoration:none; }
.home-ranking-track { max-width:900px; margin:0 auto; display:flex; gap:10px; overflow-x:auto; }
.home-ranking-item {
  flex:0 0 auto; background:rgba(255,255,255,.82); backdrop-filter:blur(10px);
  border-radius:10px; padding:12px 18px; display:flex; align-items:center; gap:10px;
  border:1px solid rgba(240,133,59,.15); min-width:200px;
}
.home-rank-badge { font-weight:800; font-size:18px; color:#999; min-width:28px; }
.home-rank-badge.is-top1 { color:#f0c040; } .home-rank-badge.is-top2 { color:#a0a0b0; } .home-rank-badge.is-top3 { color:#c08050; }
.home-rank-name { font-size:14px; color:#555; flex:1; }
.home-rank-stat { font-size:12px; color:#f0853b; font-weight:600; white-space:nowrap; }
.home-ranking-empty { color:#aaa; font-size:14px; padding:12px 0; }

/* ========================================
   PDD多人团 (pin) — 参考站布局
   ======================================== */
.pin-page-new { max-width:440px; margin:0 auto; padding:0 12px 40px; }
.pin-container { display:flex; flex-direction:column; gap:14px; }
.pin-topbar-row { display:flex; justify-content:space-between; align-items:center; }
.pin-topbar-brand { display:flex; align-items:center; gap:8px; }
.pin-topbar-title { font-size:22px; font-weight:700; color:#333; }
.pin-tag { font-size:11px; padding:2px 8px; border-radius:8px; background:#f0853b; color:#fff; }
.pin-topbar-quick { display:flex; gap:6px; }
.pin-quick-btn { font-size:13px; padding:4px 10px; border:1px solid #e0d0b8; border-radius:6px; color:#888; text-decoration:none; background:#fff; cursor:pointer; }
.pin-notice { display:flex; align-items:flex-start; gap:8px; padding:12px; background:rgba(255,255,255,.82); backdrop-filter:blur(10px); border-radius:10px; border:1px solid rgba(240,133,59,.15); }
.pin-notice-badge { font-size:12px; background:#f0853b; color:#fff; padding:2px 8px; border-radius:4px; white-space:nowrap; }
.pin-notice-text { font-size:13px; color:#666; margin:0; line-height:1.5; }
.pin-search-input { width:100%; padding:12px 16px; border:1px solid #e0d0b8; border-radius:10px; font-size:15px; background:rgba(255,255,255,.82); backdrop-filter:blur(10px); box-sizing:border-box; }
.pin-search-input:focus { border-color:#f0853b; outline:none; }
.pin-tabs-row { display:flex; gap:8px; }
.pin-tab { padding:8px 16px; border:1px solid #e0d0b8; border-radius:20px; font-size:13px; cursor:pointer; background:rgba(255,255,255,.82); backdrop-filter:blur(10px); color:#888; display:flex; align-items:center; gap:4px; }
.pin-tab.is-active { background:#f0853b; color:#fff; border-color:#f0853b; }
.pin-tab:disabled { opacity:.5; cursor:not-allowed; }
.pin-tab-soon { font-size:10px; opacity:.7; }
.pin-tabs-meta { display:flex; align-items:center; gap:6px; font-size:12px; color:#aaa; }
.pin-tabs-meta-dot { width:6px; height:6px; background:#4caf50; border-radius:50%; }
.pin-tabs-refresh { font-size:12px; padding:4px 10px; border:1px solid #e0d0b8; border-radius:6px; background:#fff; cursor:pointer; color:#888; }
.pin-list { display:flex; flex-direction:column; }
.pin-item { display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid #f0e8d8; }
.pin-item-info { flex:1; min-width:0; }
.pin-item-code { font-size:15px; font-weight:600; color:#333; word-break:break-all; }
.pin-item-row2 { display:flex; gap:4px; font-size:12px; color:#aaa; margin-top:4px; }
.pin-item-actions { display:flex; gap:8px; flex-shrink:0; }
.pin-item-btn { padding:8px 14px; border-radius:8px; font-size:13px; cursor:pointer; }
.pin-copy-btn { border:1px solid #e0d0b8; background:#fff; color:#888; }
.pin-use-btn { background:#f0853b; color:#fff; border:none; font-weight:600; }
.pin-empty { text-align:center; padding:24px; color:#aaa; font-size:14px; }
.pin-list-bottom-spacer { height:80px; }
.pin-fab {
  position:fixed; bottom:24px; right:24px; width:56px; height:56px;
  background:linear-gradient(135deg,#f0853b,#e06820); color:#fff; border:none;
  border-radius:50%; font-size:28px; cursor:pointer; z-index:1000;
  box-shadow:0 4px 20px rgba(240,133,59,.45); display:flex; align-items:center; justify-content:center;
}
.pin-publish-textarea { width:100%; padding:12px; border:2px solid #f0dcc0; border-radius:10px; font-size:14px; resize:vertical; min-height:60px; box-sizing:border-box; }
.pin-publish-error { color:#e53935; font-size:13px; margin:6px 0; }
.pin-publish-agree { display:flex; align-items:center; gap:6px; font-size:13px; color:#888; cursor:pointer; margin:8px 0; }
.pin-submit-btn { width:100%; padding:12px; background:linear-gradient(135deg,#f0853b,#e06820); color:#fff; border:none; border-radius:10px; font-size:16px; font-weight:600; cursor:pointer; }
.pin-smart-panel { text-align:center; }
.pin-smart-kicker { font-size:14px; color:#888; }
.pin-smart-code { font-size:28px; font-weight:800; color:#f0853b; padding:20px; background:#fffaf5; border-radius:10px; margin:16px 0; letter-spacing:2px; word-break:break-all; }
.pin-smart-actions { display:flex; gap:10px; justify-content:center; }
.pin-smart-primary { padding:12px 28px; background:#f0853b; color:#fff; border:none; border-radius:10px; font-size:16px; cursor:pointer; font-weight:600; }

/* ========================================
   淘金币 (quan-board) — 参考站布局
   ======================================== */
.quan-board-page { max-width:520px; margin:0 auto; padding:0 12px 40px; }
.quan-board-container { display:flex; flex-direction:column; gap:14px; }
.quan-board-hero { background:rgba(255,255,255,.82); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:1px solid rgba(240,133,59,.15); }
.quan-hero-head { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; }
.quan-hero-title { font-size:20px; font-weight:700; color:#333; }
.quan-hero-subscribe-btn { font-size:12px; padding:6px 12px; background:#f0853b; color:#fff; border:none; border-radius:8px; cursor:pointer; }
.quan-hero-credit { font-size:12px; color:#aaa; margin-top:4px; }
.quan-hero-author-link { color:#f0853b; text-decoration:none; }
.quan-hero-action-grid { display:flex; gap:8px; margin-top:14px; }
.quan-hero-action-btn { display:flex; align-items:center; gap:6px; padding:8px 14px; border:1px solid #e0d0b8; border-radius:8px; background:#fff; font-size:13px; cursor:pointer; color:#666; position:relative; }
.quan-hero-action-btn-icon { font-size:14px; }
.quan-hero-action-btn-badge { position:absolute; top:-6px; right:-6px; background:#e53935; color:#fff; font-size:10px; padding:1px 5px; border-radius:8px; }
.quan-hero-related { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.quan-hero-related-half { display:flex; align-items:center; gap:8px; padding:12px; border-radius:10px; background:#fafaf5; text-decoration:none; color:#555; font-size:14px; }
.quan-hero-related-half--right { background:#fff5f5; }
.quan-hero-related-badge { font-size:10px; background:#e53935; color:#fff; padding:1px 5px; border-radius:4px; margin-left:auto; }
.quan-hero-footer-hint { margin-top:12px; font-size:13px; color:#bbb; }
.quan-announcement { position:relative; padding:14px 40px 14px 16px; border-radius:10px; }
.quan-announcement.is-warn { background:#fff8e1; border:1px solid #ffe082; }
.quan-announcement.is-info { background:#e3f2fd; border:1px solid #90caf9; }
.quan-announcement strong { font-size:14px; }
.quan-announcement p { font-size:13px; color:#666; margin-top:4px; }
.quan-anno-close { position:absolute; top:8px; right:10px; border:none; background:none; font-size:18px; cursor:pointer; color:#999; }
.quan-quota-banner { background:rgba(255,255,255,.82); backdrop-filter:blur(10px); border-radius:12px; padding:18px 20px; border:1px solid rgba(240,133,59,.15); }
.quan-quota-banner-head { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:14px; font-size:13px; }
.quan-quota-banner-head-title { font-weight:600; color:#333; }
.quan-quota-banner-rules-inline { font-size:12px; padding:2px 8px; border:1px solid #ddd; border-radius:4px; background:#fff; cursor:pointer; color:#888; }
.quan-quota-banner-head-sep { color:#ddd; }
.quan-quota-banner-head-hint { color:#888; }
.quan-quota-banner-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.quan-quota-banner-cell { text-align:center; padding:14px 8px; border-radius:10px; }
.quan-quota-banner-cell--warm { background:#fff8e1; }
.quan-quota-banner-cell--cool { background:#e3f2fd; }
.quan-quota-banner-cell-v { display:block; font-size:26px; font-weight:700; }
.quan-quota-banner-cell-v--warn { color:#e65100; }
.quan-quota-banner-cell-k { font-size:12px; color:#888; }
.quan-board-publish { background:rgba(255,255,255,.82); backdrop-filter:blur(10px); border-radius:12px; padding:20px; border:1px solid rgba(240,133,59,.15); }
.quan-publish-flow { margin-bottom:14px; }
.quan-publish-flow-desc { font-size:13px; color:#888; line-height:1.8; }
.quan-publish-history-row { display:flex; align-items:center; gap:12px; margin-top:8px; }
.quan-publish-history-label { font-size:13px; color:#888; }
.quan-publish-history-btn { font-size:12px; padding:4px 10px; border:1px solid #e0d0b8; border-radius:6px; background:#fff; cursor:pointer; color:#888; }
.quan-publish-history-btn b { color:#f0853b; }
.quan-publish-input-area { display:flex; gap:8px; align-items:flex-start; }
.quan-publish-textarea { flex:1; padding:10px 12px; border:2px solid #f0dcc0; border-radius:10px; font-size:14px; resize:vertical; min-height:48px; }
.quan-publish-textarea:focus { border-color:#f0853b; outline:none; }
.quan-publish-label-input { width:80px; padding:10px 8px; border:1px solid #e0d0b8; border-radius:8px; font-size:13px; }
.quan-publish-error { color:#e53935; font-size:13px; margin:6px 0; }
.quan-publish-actions { display:flex; align-items:center; justify-content:space-between; margin-top:10px; flex-wrap:wrap; gap:8px; }
.quan-publish-agree { font-size:13px; color:#888; cursor:pointer; display:flex; align-items:center; gap:4px; }
.quan-publish-submit { padding:10px 24px; background:linear-gradient(135deg,#f0853b,#e06820); color:#fff; border:none; border-radius:8px; font-size:15px; font-weight:600; cursor:pointer; }
.quan-publish-links { display:flex; gap:10px; margin-top:12px; }
.quan-publish-link { font-size:13px; padding:8px 16px; border-radius:8px; text-decoration:none; color:#f0853b; border:1px solid #f0853b; background:#fff; cursor:pointer; }

/* 列表区 */
.quan-board-list { display:flex; flex-direction:column; gap:16px; }
.quan-entry-section { background:rgba(255,255,255,.82); backdrop-filter:blur(10px); border-radius:12px; padding:18px 20px; border:1px solid rgba(240,133,59,.15); }
.quan-section-head { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.quan-section-title { font-size:17px; font-weight:600; }
.quan-section-count { margin-left:6px; font-size:14px; background:#f0853b; color:#fff; padding:2px 8px; border-radius:10px; }
.quan-section-count--used { background:#aaa; }
.quan-section-link-btn { font-size:12px; padding:4px 10px; border:1px solid #e0d0b8; border-radius:6px; text-decoration:none; color:#888; }
.quan-smart-btn { padding:8px 16px; background:#f0853b; color:#fff; border:none; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; }
.quan-smart-btn.is-disabled { opacity:.5; cursor:not-allowed; }
.quan-entry-toolbar { font-size:12px; color:#aaa; margin-bottom:8px; }
.quan-entry-section-tip { font-size:13px; color:#888; margin-bottom:10px; line-height:1.6; }
.quan-entry-empty { text-align:center; padding:20px; color:#aaa; font-size:14px; }
.quan-entry-card-grid { display:flex; flex-direction:column; gap:8px; }
.quan-entry-card { display:flex; justify-content:space-between; align-items:center; padding:12px; border:1px solid #f0e0c8; border-radius:10px; }
.quan-entry-card.is-used { opacity:.55; }
.quan-entry-card-info { flex:1; min-width:0; }
.quan-entry-card-row1 { display:flex; gap:6px; align-items:center; }
.quan-entry-card-code { font-size:14px; font-weight:600; color:#333; word-break:break-all; }
.quan-entry-card-used-badge { font-size:11px; padding:2px 6px; background:#e8f5e9; color:#4caf50; border-radius:4px; }
.quan-entry-card-used-text { font-size:13px; color:#888; }
.quan-entry-card-row2 { display:flex; gap:4px; font-size:12px; color:#aaa; margin-top:4px; }
.quan-entry-card-dot { color:#ddd; }
.quan-entry-card-actions { display:flex; gap:8px; flex-shrink:0; }
.quan-entry-card-btn { padding:7px 14px; border-radius:8px; font-size:13px; cursor:pointer; }
.quan-entry-card-share { border:1px solid #e0d0b8; background:#fff; color:#888; }
.quan-entry-card-use { background:#f0853b; color:#fff; border:none; font-weight:600; }
.quan-foot-back { text-align:center; font-size:14px; }
.quan-foot-back a { color:#f0853b; text-decoration:none; }

/* Lock modal */
.quan-lock-panel { text-align:center; }
.quan-lock-kicker { font-size:14px; color:#888; }
.quan-lock-code { font-size:16px; padding:16px; background:#fffaf5; border-radius:8px; margin:12px 0; word-break:break-all; color:#555; }
.quan-lock-actions { display:flex; gap:10px; justify-content:center; }
.quan-lock-btn { padding:10px 20px; border-radius:8px; font-size:14px; cursor:pointer; border:1px solid #ddd; background:#fff; color:#888; }
.quan-lock-btn-primary { background:#f0853b; color:#fff; border:none; }
.app-alert-panel { width:min(430px, calc(100vw - 32px)); text-align:left; }
.app-alert-panel p { margin:0 0 18px; color:#263042; font-size:15px; line-height:1.75; white-space:pre-wrap; }
.app-alert-ok { display:block; margin-left:auto; padding:10px 22px; border:0; border-radius:10px; background:#20242d; color:#fff; font-weight:700; cursor:pointer; }
.app-alert-ok:hover { transform:translateY(-1px); }
.quan-report-form { display:flex; flex-direction:column; gap:10px; }
.quan-report-input { width:100%; padding:10px; border:1px solid #e0d0b8; border-radius:8px; font-size:14px; box-sizing:border-box; }
.quan-report-submit { padding:10px; background:#f0853b; color:#fff; border:none; border-radius:8px; cursor:pointer; }

/* ========================================
   签到 (qd) — 参考站布局
   ======================================== */
.qd-page-new { background:#f8f9fa; min-height:100vh; }
.qd-body { max-width:980px; margin:0 auto; padding:16px 12px 80px; }
.qd-card { background:rgba(255,255,255,.82); backdrop-filter:blur(10px); border-radius:14px; padding:22px 20px; margin-bottom:16px; border:1px solid rgba(240,133,59,.1); }
.qd-title { font-size:24px; text-align:center; }
.qd-intro-brief { text-align:center; color:#888; font-size:14px; margin:8px 0; }
.qd-intro-brief-line { margin:4px 0; }
.qd-intro-feedback-btn { display:block; margin:8px auto; padding:6px 14px; border:1px solid #ddd; border-radius:8px; background:#fff; cursor:pointer; font-size:13px; color:#888; }
.qd-seg-tabs { display:flex; justify-content:center; margin-bottom:16px; }
.qd-seg-tabs-track { display:flex; background:#f0f0f0; border-radius:12px; padding:3px; }
.qd-seg-tab { padding:10px 40px; border:none; border-radius:10px; font-size:15px; cursor:pointer; background:transparent; color:#888; font-weight:500; transition:.2s; }
.qd-seg-tab.is-active { background:#fff; color:#333; box-shadow:0 1px 3px rgba(0,0,0,.1); }
.qd-panel[hidden] { display:none; }
.qd-primary-block { text-align:center; margin-bottom:16px; }
.qd-btn { display:inline-block; padding:14px 36px; border-radius:12px; font-size:16px; font-weight:600; text-decoration:none; color:#fff; }
.qd-btn-tb { background:linear-gradient(135deg,#ff6b35,#f0853b); }
.qd-btn-jd { background:linear-gradient(135deg,#e53935,#c62828); }
.qd-filter-bar { display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.qd-filter-label { font-size:13px; color:#888; }
.qd-filter-seg { display:flex; gap:4px; }
.qd-filter-btn { padding:6px 14px; border:1px solid #e0e0e0; border-radius:8px; font-size:13px; cursor:pointer; background:#fff; color:#888; }
.qd-filter-btn.is-on { background:#f0853b; color:#fff; border-color:#f0853b; }
.qd-search { margin-bottom:14px; }
.qd-search-input { width:100%; padding:10px 14px; border:1px solid #e0e0e0; border-radius:10px; font-size:14px; box-sizing:border-box; }
.qd-search-input:focus { border-color:#f0853b; outline:none; }
.qd-tool-card { background:#fafafa; border-radius:12px; padding:18px; }
.qd-tool-card-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.qd-tool-card-title { font-size:15px; color:#555; }
.qd-tool-card-sort-actions { display:flex; gap:6px; }
.qd-sort-btn { font-size:12px; padding:4px 10px; border:1px solid #ddd; border-radius:6px; background:#fff; cursor:pointer; color:#888; }
.qd-tool-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.qd-tool { display:block; padding:14px 16px; border-radius:10px; text-decoration:none; position:relative; background:#fff; border:1px solid #e0e0e0; color:#555; transition:.2s; }
.qd-tool:hover { box-shadow:0 2px 10px rgba(0,0,0,.08); }
.qd-tool.is-hot { background:#fff5f0; border-color:#f0853b; }
.qd-tool-title { display:block; font-size:14px; font-weight:600; }
.qd-tool-desc { display:block; font-size:12px; color:#aaa; margin-top:4px; }
.qd-tool-badge { position:absolute; top:8px; right:8px; font-size:10px; background:#f0853b; color:#fff; padding:2px 6px; border-radius:6px; }
.qd-loading { text-align:center; padding:20px; color:#bbb; font-size:14px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* ========================================
   排行榜 & 日历 & 教程
   ======================================== */
.ranking-page { max-width:900px; margin:0 auto; padding:0 16px 40px; }
.ranking-hero { text-align:center; padding:30px 0 20px; }
.ranking-hero h1 { font-size:28px; }
.ranking-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.ranking-card { background:rgba(255,255,255,.82); backdrop-filter:blur(10px); border-radius:14px; padding:22px; border:1px solid rgba(240,133,59,.15); }
.ranking-card-head { margin-bottom:16px; }
.ranking-card-head h2 { font-size:18px; }
.ranking-list { display:flex; flex-direction:column; gap:6px; }
.ranking-item { display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid #f5f0e8; }
.ranking-pos { font-size:16px; font-weight:700; min-width:28px; color:#999; }
.ranking-pos.is-top1 { color:#f0c040; font-size:22px; } .ranking-pos.is-top2 { color:#a0a0b0; font-size:20px; } .ranking-pos.is-top3 { color:#c08050; font-size:18px; }
.ranking-name { flex:1; font-size:14px; color:#555; }
.ranking-score { font-size:13px; color:#f0853b; font-weight:600; }

.calendar-page { max-width:960px; margin:0 auto; padding:0 16px 40px; }
.calendar-filter-bar { display:flex; justify-content:center; gap:8px; margin-bottom:24px; }
.calendar-filter-btn { padding:8px 18px; border:1px solid #e5d5c0; border-radius:20px; font-size:13px; cursor:pointer; background:#fff; }
.calendar-filter-btn.is-active { background:#f0853b; color:#fff; border-color:#f0853b; }
.calendar-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:14px; }

.guide-page { max-width:960px; margin:0 auto; padding:0 16px 40px; }
.guide-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:16px; }

/* ========================================
   公告 & 后台 & 响应式
   ======================================== */
.site-announcement-link { text-decoration:none; color:inherit; display:block; }
.site-announcement-banner { text-align:center; padding:4px 0; }
.site-announcement-banner span { font-size:14px; }
.admin-calendar-row { flex-wrap:wrap; }
.admin-calendar-row label { min-width:120px; }

@media (max-width:768px) {
  .home-dash-grid { grid-template-columns:repeat(2,1fr); }
  .ranking-grid { grid-template-columns:1fr; }
  .qd-tool-grid { grid-template-columns:repeat(2,1fr); }
  .nav-more-dropdown { position:static; box-shadow:none; border:none; }
  .pin-topbar-row { flex-direction:column; align-items:flex-start; gap:8px; }
  .quan-publish-input-area { flex-direction:column; }
  .quan-publish-label-input { width:100%; }
  .admin-stat-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
  .admin-dynamic-row { flex-direction:column; gap:6px; }
  .admin-dynamic-row label { flex:1 1 100%; min-width:auto; }
  .admin-toggle-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
  .home-dash-grid { grid-template-columns:1fr 1fr; gap:8px; }
  .home-dash-num { font-size:24px; }
  .qd-tool-grid { grid-template-columns:1fr 1fr; }
  .pin-item-actions { flex-direction:column; gap:6px; }
  .quan-section-head { flex-direction:column; align-items:flex-start; }
  .admin-stat-grid { grid-template-columns:1fr 1fr; gap:6px; }
  .admin-toggle-grid { grid-template-columns:1fr; }
}
/* ========================================
   后台模块排序
   ======================================== */
.admin-module-order-grid { display:flex; flex-direction:column; gap:8px; }
.admin-module-order-item { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#fafaf5; border-radius:8px; border:1px solid #f0e0c8; }
.admin-module-order-item span { font-size:14px; font-weight:500; color:#555; }

/* ========================================
   Impeccable UI polish: existing modules only
   ======================================== */
.pin-quick-btn,
.qd-sort-btn,
.quan-publish-history-btn,
.quan-section-link-btn,
.pin-tabs-refresh,
.quan-quota-banner-rules-inline,
.qd-intro-feedback-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  line-height:1.2;
}

.pin-submit-btn,
.pin-smart-primary,
.quan-publish-submit,
.quan-smart-btn,
.quan-report-submit,
.qd-btn {
  min-height:44px;
}

.pin-topbar-quick,
.qd-tool-card-sort-actions,
.quan-publish-history-row,
.quan-publish-links,
.calendar-filter-bar {
  flex-wrap:wrap;
}

.pdd-empty-tip,
.pin-empty,
.quan-entry-empty,
.calendar-empty,
.guide-empty,
.home-ranking-empty {
  border:1px solid rgba(240,133,59,.14);
  border-radius:12px;
  background:rgba(255,255,255,.78);
  color:#666;
  line-height:1.65;
}

.calendar-empty,
.guide-empty {
  padding:20px;
  text-align:center;
}

.calendar-empty p,
.guide-empty p {
  margin:0;
}

.home-ranking-track {
  padding-bottom:8px;
  scroll-snap-type:x proximity;
  scrollbar-gutter:stable;
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 32px),transparent);
  mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 32px),transparent);
}

.home-ranking-item {
  scroll-snap-align:start;
}

.pdd-modal-panel {
  max-height:calc(100dvh - 32px);
  overflow-y:auto;
  overscroll-behavior:contain;
}

.pdd-modal-close {
  min-width:40px;
  min-height:40px;
}

.admin-blacklist-form {
  margin-bottom:16px;
}

body.page-admin .admin-blacklist-table th:nth-child(1),
body.page-admin .admin-blacklist-table td:nth-child(1) {
  width:72px;
}

body.page-admin .admin-blacklist-table th:nth-child(2),
body.page-admin .admin-blacklist-table td:nth-child(2) {
  width:180px;
}

body.page-admin .admin-blacklist-table th:nth-child(3),
body.page-admin .admin-blacklist-table td:nth-child(3) {
  width:auto;
}

body.page-admin .admin-blacklist-table th:nth-child(4),
body.page-admin .admin-blacklist-table td:nth-child(4) {
  width:110px;
}

body.page-admin .admin-blacklist-table th:nth-child(5),
body.page-admin .admin-blacklist-table td:nth-child(5) {
  width:132px;
  text-align:center;
}

body.page-admin .admin-blacklist-table .admin-actions {
  justify-content:center;
}

@media (max-width:480px) {
  .pin-topbar-quick,
  .qd-tool-card-sort-actions,
  .quan-publish-history-row,
  .quan-publish-links,
  .calendar-filter-bar {
    gap:8px;
  }

  .pin-quick-btn,
  .qd-sort-btn,
  .quan-publish-history-btn,
  .quan-section-link-btn,
  .quan-publish-link,
  .calendar-filter-btn {
    flex:1 1 auto;
    min-width:min(100%, 128px);
  }

  .home-ranking-section,
  .home-dashboard-section {
    padding-left:12px;
    padding-right:12px;
  }

  .pdd-modal-panel {
    max-height:calc(100dvh - 20px);
  }
}

/* ========================================
   KL-aligned mobile compact pass
   ======================================== */
.home-dashboard-section {
  margin-top:18px;
}

.home-ranking-empty {
  text-align:center;
  width:min(420px, 100%);
}

.home-ranking-track {
  justify-content:center;
  max-width:720px;
  flex-wrap:wrap;
  overflow:visible;
  -webkit-mask-image:none;
  mask-image:none;
}

.home-ranking-item {
  min-width:200px;
  max-width:240px;
}

.kl-publish-form textarea {
  font-size:.92rem !important;
  line-height:1.62 !important;
}

.pin-page-new,
.quan-board-page,
.qd-body {
  width:min(440px, 100%);
  padding-left:12px;
  padding-right:12px;
}

.pin-topbar-row,
.pin-notice,
.pin-search-input,
.pin-tabs-row,
.pin-tabs-meta,
.pin-item,
.quan-board-hero,
.quan-announcement,
.quan-quota-banner,
.quan-board-publish,
.quan-entry-section,
.qd-card,
.qd-seg-tabs-track,
.qd-filter-bar,
.qd-search-input,
.qd-tool-card,
.qd-tool {
  border-color:var(--line) !important;
  background:linear-gradient(145deg, rgba(245,249,255,.64), rgba(229,239,255,.44)) !important;
  box-shadow:var(--shadow-md) !important;
  backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) !important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) !important;
}

.pin-notice-badge,
.pin-tag,
.pin-tab.is-active,
.quan-hero-subscribe-btn,
.quan-section-count,
.qd-filter-btn.is-on {
  background:linear-gradient(135deg,#ff8a5c,#ffb46b) !important;
  color:#fff !important;
  border-color:rgba(255,136,72,.34) !important;
}

.pin-use-btn,
.pin-fab,
.quan-entry-card-use,
.quan-publish-submit,
.quan-smart-btn,
.qd-btn {
  background:linear-gradient(135deg,#ff8a5c,#ffb46b) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(234,104,42,.2) !important;
}

.pin-copy-btn,
.pin-quick-btn,
.pin-tabs-refresh,
.quan-hero-action-btn,
.quan-section-link-btn,
.quan-entry-card-share,
.quan-publish-link,
.qd-filter-btn,
.qd-intro-feedback-btn {
  border-color:rgba(236,132,63,.24) !important;
  background:rgba(255,255,255,.72) !important;
  color:#7c2d12 !important;
}

.pin-item-price-row,
.quan-quota-banner-cell--warm,
.quan-quota-banner-cell--cool {
  background:rgba(255,247,237,.76) !important;
  color:#c2410c !important;
}

.qd-tool::after {
  border-color:rgba(236,132,63,.34) !important;
  color:#c2410c !important;
}

@media (max-width:760px) {
  body:not(.page-pdd) .home-page {
    overflow-x:hidden;
  }

  body:not(.page-pdd) .home-hero {
    width:100%;
    padding:16px !important;
    border-radius:22px !important;
  }

  body:not(.page-pdd) .home-hero h1 {
    font-size:clamp(1.34rem, 6vw, 1.76rem) !important;
    line-height:1.18 !important;
    letter-spacing:0 !important;
    overflow-wrap:anywhere;
  }

  .home-lead {
    margin-top:8px;
    font-size:.9rem;
    line-height:1.65;
  }

  .home-contact-card {
    padding:16px !important;
    border-radius:20px !important;
    gap:8px !important;
  }

  .home-contact-card strong {
    font-size:1rem !important;
  }

  .home-contact-card p {
    font-size:.88rem;
    line-height:1.65;
  }

  .home-join-btn {
    min-height:38px;
    min-width:118px;
  }

  .home-dashboard-section,
  .home-ranking-section,
  .home-nav-section {
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .home-dash-grid {
    gap:8px;
  }

  .home-dash-card {
    padding:12px 10px;
    border-radius:14px;
  }

  .home-dash-num {
    font-size:24px;
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid {
    gap:10px !important;
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid .scene-card {
    min-height:236px !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  body:not(.page-pdd) .scene-card-head {
    min-height:48px !important;
    margin-bottom:8px;
  }

  body:not(.page-pdd) .scene-card .scene-tag {
    display:none !important;
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid .scene-card h3 {
    font-size:1rem !important;
    line-height:1.28 !important;
    margin-bottom:6px !important;
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid .scene-card p {
    font-size:.82rem !important;
    line-height:1.58 !important;
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid .scene-card ul {
    display:none !important;
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid .scene-card .button {
    min-height:40px !important;
    margin-top:10px !important;
    border-radius:14px !important;
    font-size:.88rem !important;
  }

  .home-ranking-head {
    padding:0 8px;
  }

  .home-ranking-empty {
    margin:0 auto 8px;
    padding:9px 12px;
    font-size:.82rem;
  }

  .home-ranking-track {
    display:flex;
    gap:8px;
    max-height:112px;
    overflow:hidden;
    padding:0 8px 4px;
  }

  .home-ranking-item {
    min-width:0;
    width:calc(50% - 4px);
    max-width:none;
    padding:10px 12px;
  }

  .home-ranking-item:nth-child(n+5) {
    display:none;
  }

  .pin-page-new,
  .quan-board-page,
  .qd-body {
    width:min(414px, 100%);
    padding-left:10px;
    padding-right:10px;
  }

  .pin-container,
  .quan-board-container {
    gap:10px;
  }

  .pin-topbar-row,
  .pin-notice,
  .pin-tabs-row,
  .pin-tabs-meta,
  .quan-board-hero,
  .quan-quota-banner,
  .quan-board-publish,
  .quan-entry-section,
  .qd-card,
  .qd-tool-card {
    border-radius:18px !important;
    padding:12px !important;
  }

  .pin-topbar-title,
  .quan-hero-title,
  .qd-title {
    font-size:1.26rem !important;
  }

  .pin-item {
    gap:10px;
    padding:12px !important;
    border-radius:18px !important;
  }

  .pin-item-side {
    min-height:64px;
  }

  .quan-hero-action-grid {
    grid-template-columns:1fr !important;
    gap:8px;
  }

  .quan-hero-action-btn {
    min-height:54px;
  }

  .quan-hero-related {
    gap:8px;
  }

  .quan-quota-banner-grid {
    gap:8px;
  }

  .quan-entry-card {
    padding:10px;
  }

  .qd-filter-bar {
    display:grid;
    gap:8px;
  }

  .qd-tool {
    min-height:78px;
    padding:12px;
  }
}

@media (max-width:420px) {
  .page-shell {
    width:min(100% - 18px, 1180px);
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body:not(.page-pdd) .home-nav-section .home-scene-grid .scene-card {
    min-height:218px !important;
    padding:12px !important;
  }

  body:not(.page-pdd) .scene-logo,
  body:not(.page-pdd) .scene-logo.has-image {
    width:50px !important;
    height:50px !important;
    border-radius:16px !important;
  }

  body:not(.page-pdd) .scene-logo.is-multi.has-image {
    width:auto !important;
    height:auto !important;
  }

  .home-ranking-item {
    width:100%;
  }

  .home-ranking-item:nth-child(n+4) {
    display:none;
  }
}

/* ========================================
   User requested UI alignment
   ======================================== */
.home-ranking-empty {
  display:block;
  max-width:900px;
  margin:0 auto 10px;
  padding:10px 12px;
  text-align:left;
  box-sizing:border-box;
}

body.page-admin .admin-switch-field {
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:12px;
  align-items:center;
  width:100%;
  cursor:pointer;
}

body.page-admin .admin-switch-field input[type="checkbox"] {
  position:absolute;
  opacity:0;
  pointer-events:none;
}

body.page-admin .admin-switch-ui {
  position:relative;
  display:block;
  width:58px;
  height:32px;
  border:1px solid rgba(251,146,60,.28);
  border-radius:999px;
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 2px 6px rgba(124,45,18,.08);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}

body.page-admin .admin-switch-ui::after {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 3px 10px rgba(124,45,18,.18);
  transition:transform .18s ease;
}

body.page-admin .admin-switch-field input[type="checkbox"]:checked + .admin-switch-ui {
  border-color:rgba(34,197,94,.42);
  background:linear-gradient(135deg,#22c55e,#16a34a);
  box-shadow:0 8px 18px rgba(34,197,94,.14);
}

body.page-admin .admin-switch-field input[type="checkbox"]:checked + .admin-switch-ui::after {
  transform:translateX(26px);
}

body.page-admin .admin-switch-copy {
  display:grid;
  gap:4px;
  min-width:0;
}

body.page-admin .admin-module-config-card {
  grid-template-columns:1fr;
  gap:12px;
}

body.page-admin .admin-module-order-field {
  display:grid;
  grid-template-columns:auto 110px;
  gap:10px;
  align-items:center;
  padding-top:10px;
  border-top:1px solid rgba(251,146,60,.14);
  color:#7c2d12;
  font-weight:900;
}

body.page-admin .admin-module-order-field input {
  width:100%;
  min-height:40px;
  padding:0 10px;
  border:1px solid rgba(251,146,60,.22);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  color:#2d211b;
  font-weight:800;
}

/* Admin form spacing and control sizing pass */
body.page-admin .admin-panel {
  padding:24px !important;
}

body.page-admin .admin-panel + .admin-panel {
  margin-top:22px !important;
}

body.page-admin .admin-form-grid {
  gap:22px !important;
}

body.page-admin .admin-panel-title {
  margin-bottom:20px !important;
}

body.page-admin .admin-field {
  display:grid !important;
  gap:8px !important;
  margin:0 0 14px !important;
}

body.page-admin .admin-field:last-child {
  margin-bottom:0 !important;
}

body.page-admin .admin-field > span,
body.page-admin .admin-dynamic-row label > span {
  display:block !important;
  margin:0 !important;
  color:#7c2d12 !important;
  font-size:.94rem !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

body.page-admin .admin-field small,
body.page-admin .admin-dynamic-row small {
  display:block !important;
  margin-top:2px !important;
  color:#9a6a4a !important;
  font-size:.78rem !important;
  line-height:1.45 !important;
}

body.page-admin .admin-field input:not([type="checkbox"]):not([type="file"]),
body.page-admin .admin-field select,
body.page-admin .admin-field textarea,
body.page-admin .admin-dynamic-row input,
body.page-admin .admin-dynamic-row select,
body.page-admin .admin-dynamic-row textarea {
  width:100% !important;
  box-sizing:border-box !important;
  border:1px solid rgba(251,146,60,.22) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.82) !important;
  color:#2d211b !important;
  font-size:.95rem !important;
  font-weight:700 !important;
}

body.page-admin .admin-field input:not([type="checkbox"]):not([type="file"]),
body.page-admin .admin-field select,
body.page-admin .admin-dynamic-row input,
body.page-admin .admin-dynamic-row select {
  min-height:44px !important;
  padding:0 14px !important;
}

body.page-admin .admin-field textarea,
body.page-admin .admin-dynamic-row textarea {
  min-height:112px !important;
  padding:13px 14px !important;
  line-height:1.55 !important;
}

body.page-admin .admin-switch-field {
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
}

body.page-admin .admin-switch-field input[type="checkbox"] {
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body.page-admin .admin-switch-ui {
  width:52px !important;
  height:30px !important;
}

body.page-admin .admin-switch-ui::after {
  top:4px !important;
  left:4px !important;
  width:20px !important;
  height:20px !important;
}

body.page-admin .admin-switch-field input[type="checkbox"]:checked + .admin-switch-ui::after {
  transform:translateX(22px) !important;
}

body.page-admin .admin-toggle-grid {
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap:14px !important;
}

body.page-admin .admin-module-config-card {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 126px !important;
  gap:14px !important;
  align-items:center !important;
  min-height:112px !important;
  padding:16px !important;
}

body.page-admin .admin-module-config-card .admin-switch-copy strong,
body.page-admin .admin-module-config-card .admin-switch-copy small {
  overflow-wrap:normal !important;
  word-break:normal !important;
}

body.page-admin .admin-module-order-field {
  grid-template-columns:auto 78px !important;
  gap:8px !important;
  align-items:center !important;
  padding-top:0 !important;
  border-top:0 !important;
  justify-content:end !important;
}

body.page-admin .admin-module-order-field input {
  min-height:34px !important;
  width:78px !important;
  padding:0 8px !important;
  border-radius:10px !important;
  font-size:.9rem !important;
  text-align:center !important;
}

body.page-admin .admin-dynamic-group {
  gap:14px !important;
  padding:18px !important;
  border-radius:18px !important;
}

body.page-admin .admin-dynamic-group + .admin-dynamic-group {
  margin-top:18px !important;
}

body.page-admin .admin-dynamic-head {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin-bottom:2px !important;
}

body.page-admin .admin-dynamic-row {
  grid-template-columns:minmax(180px,.9fr) minmax(260px,1.4fr) 72px !important;
  gap:12px !important;
  align-items:end !important;
  padding:14px !important;
  border-radius:16px !important;
}

body.page-admin .admin-remove-btn,
body.page-admin .admin-small-btn {
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
}

body.page-admin .admin-dynamic-rows {
  display:grid !important;
  gap:14px !important;
}

body.page-admin .admin-dynamic-row + .admin-dynamic-row {
  margin-top:14px !important;
}

body.page-admin .admin-dynamic-row label {
  display:grid !important;
  gap:8px !important;
  min-width:0 !important;
}

body.page-admin .admin-dynamic-row input[type="date"] {
  min-width:0 !important;
}

body.page-admin .admin-calendar-row {
  grid-template-columns:minmax(170px,1fr) minmax(150px,.75fr) minmax(150px,.75fr) minmax(170px,1fr) 72px !important;
  align-items:end !important;
}

body.page-admin .admin-calendar-row .admin-remove-btn {
  width:100% !important;
}

body.page-admin [data-coupon-button-rows] {
  display:grid !important;
  gap:16px !important;
}

body.page-admin [data-coupon-button-rows] .admin-dynamic-row {
  margin-top:0 !important;
  padding-top:16px !important;
  padding-bottom:16px !important;
}

@media (max-width:760px) {
  body.page-admin .admin-panel {
    padding:18px !important;
  }

  body.page-admin .admin-module-config-card,
  body.page-admin .admin-dynamic-row,
  body.page-admin .admin-calendar-row {
    grid-template-columns:1fr !important;
  }

  body.page-admin .admin-toggle-grid {
    grid-template-columns:1fr !important;
  }
}

.pin-page-new,
.quan-board-page,
.qd-page-new {
  background:transparent;
}

.pin-page-new,
.quan-board-page,
.qd-body {
  width:min(540px, calc(100vw - 24px));
}

.pin-topbar-row,
.pin-notice,
.pin-search-input,
.pin-tabs-row,
.pin-tabs-meta,
.pin-item,
.quan-board-hero,
.quan-announcement,
.quan-quota-banner,
.quan-board-publish,
.quan-entry-section,
.qd-card,
.qd-seg-tabs-track,
.qd-filter-bar,
.qd-search-input,
.qd-tool-card,
.qd-tool {
  border:1px solid rgba(255,255,255,.62);
  background:rgba(255,250,244,.72);
  box-shadow:0 18px 42px rgba(159,81,35,.1);
  backdrop-filter:blur(22px) saturate(165%);
  -webkit-backdrop-filter:blur(22px) saturate(165%);
}

.pin-topbar-row {
  padding:12px 14px;
  border-radius:22px;
}

.pin-notice,
.pin-search-input,
.pin-tabs-row,
.pin-tabs-meta {
  border-radius:18px;
}

.pin-tabs-row,
.pin-tabs-meta {
  padding:8px;
}

.pin-tab {
  border:0;
  background:transparent;
  color:#7c6657;
}

.pin-tab.is-active {
  background:#fff;
  color:#f04465;
  box-shadow:0 8px 18px rgba(244,63,94,.12);
}

.pin-item {
  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-bottom:12px;
  padding:14px;
  border-radius:22px;
  border-bottom:1px solid rgba(255,255,255,.62);
}

.pin-item-side {
  display:grid;
  place-items:center;
  min-height:92px;
  padding:10px;
  border:1px solid rgba(148,163,184,.18);
  border-radius:16px;
  background:rgba(248,250,252,.84);
  color:#64748b;
  text-align:center;
}

.pin-item-side span {
  color:#334155;
  font-weight:900;
}

.pin-item-side small {
  margin-top:4px;
  font-size:11px;
  line-height:1.35;
}

.pin-item-row1 {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.pin-item-token {
  flex:0 0 auto;
  padding:3px 7px;
  border-radius:999px;
  background:#ffe4ec;
  color:#f04465;
  font-size:11px;
  font-weight:900;
}

.pin-item-code {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#172033;
}

.pin-item-price-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:210px;
  margin-top:10px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,228,236,.72);
  color:#f04465;
}

.pin-item-price-row span {
  font-size:12px;
  font-weight:800;
}

.pin-item-price-row strong {
  font-size:18px;
}

.pin-use-btn,
.pin-fab {
  background:linear-gradient(135deg,#ff5f7f,#ff2f62);
  box-shadow:0 12px 24px rgba(244,63,94,.24);
}

.pin-copy-btn {
  border-color:rgba(244,63,94,.18);
  color:#f04465;
}

.quan-board-hero {
  border-radius:24px;
  background:linear-gradient(135deg,rgba(239,253,245,.82),rgba(255,250,244,.74));
}

.quan-hero-action-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.quan-hero-action-btn {
  justify-content:center;
  min-height:64px;
  border-radius:16px;
}

.quan-hero-related {
  border-radius:16px;
  overflow:hidden;
}

.quan-quota-banner,
.quan-board-publish,
.quan-entry-section {
  border-radius:22px;
}

.quan-quota-banner-grid {
  grid-template-columns:1.2fr 1fr 1fr 1fr;
}

.quan-quota-banner-cell:first-child {
  border:1px solid rgba(240,133,59,.36);
}

.quan-entry-card {
  border-radius:16px;
  background:rgba(248,250,252,.88);
}

.quan-entry-card-use,
.quan-publish-submit,
.quan-smart-btn {
  background:linear-gradient(135deg,#ff8a35,#ef4444);
  box-shadow:0 10px 22px rgba(239,68,68,.16);
}

.qd-body {
  max-width:1180px;
}

.qd-card {
  border-color:rgba(20,184,166,.28);
  border-radius:18px;
  background:rgba(255,255,255,.72);
}

.qd-title,
.qd-intro-brief {
  text-align:left;
}

.qd-seg-tabs-track,
.qd-filter-bar,
.qd-tool-card {
  border-radius:16px;
  padding:6px;
}

.qd-seg-tab {
  flex:1 1 0;
  min-height:46px;
}

.qd-seg-tab span {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  min-height:24px;
  margin-left:8px;
  padding:0 8px;
  border-radius:999px;
  background:rgba(20,184,166,.16);
  color:#0f766e;
  font-size:12px;
}

.qd-btn {
  display:flex;
  width:100%;
  justify-content:center;
  border-radius:14px;
  box-shadow:0 12px 22px rgba(240,133,59,.18);
}

.qd-filter-bar {
  align-items:stretch;
  justify-content:space-between;
}

.qd-filter-seg {
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
}

.qd-filter-btn {
  min-height:42px;
}

.qd-tool-card {
  background:rgba(255,255,255,.54);
}

.qd-tool {
  min-height:96px;
  border-color:rgba(20,184,166,.24);
  background:rgba(255,255,255,.82);
}

.qd-tool::after {
  content:"立即前往";
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:12px;
  border:1px solid rgba(20,184,166,.45);
  border-radius:10px;
  color:#0f766e;
  font-weight:900;
}

.qd-tool.is-hot {
  border-color:rgba(244,63,94,.32);
  background:rgba(255,241,242,.78);
}

.qd-tool.is-hot::after {
  border-color:rgba(244,63,94,.48);
  color:#e11d48;
}

@media (max-width:768px) {
  .pin-item {
    grid-template-columns:82px minmax(0,1fr);
  }

  .pin-item-actions {
    grid-column:1 / -1;
    flex-direction:row;
  }

  .pin-item-btn {
    flex:1;
  }

  .quan-quota-banner-grid,
  .quan-hero-action-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .qd-tool-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:480px) {
  .pin-page-new,
  .quan-board-page,
  .qd-body {
    width:100%;
  }

  .pin-item {
    grid-template-columns:1fr;
  }

  .pin-item-side {
    min-height:74px;
  }

  .quan-quota-banner-grid,
  .quan-hero-action-grid,
  .qd-tool-grid {
    grid-template-columns:1fr;
  }

  .qd-filter-seg {
    grid-template-columns:1fr;
  }
}

/* ========================================
   KL/PDD desktop parity pass
   ======================================== */
@media (min-width:769px) {
  .pin-page-new,
  .quan-board-page,
  .qd-body {
    width:min(1240px, calc(100vw - 72px)) !important;
    max-width:1240px !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .pin-container,
  .quan-board-container {
    gap:22px !important;
  }

  .pin-topbar-row,
  .pin-notice,
  .pin-search-input,
  .pin-tabs-row,
  .pin-tabs-meta,
  .pin-item,
  .quan-board-hero,
  .quan-announcement,
  .quan-quota-banner,
  .quan-board-publish,
  .quan-entry-section,
  .qd-card,
  .qd-seg-tabs-track,
  .qd-filter-bar,
  .qd-search-input,
  .qd-tool-card,
  .qd-tool {
    border-color:rgba(255,255,255,.72) !important;
    background:linear-gradient(145deg, rgba(255,255,255,.74), rgba(255,248,241,.62)) !important;
    box-shadow:0 18px 46px rgba(159,81,35,.1) !important;
  }

  .pin-container {
    display:grid !important;
    grid-template-columns:minmax(360px, 488px) minmax(0, 1fr);
    align-items:start;
  }

  .pin-topbar-row,
  .pin-notice,
  .pin-search,
  .pin-tabs-row,
  .pin-tabs-meta {
    grid-column:1;
  }

  .pin-list {
    grid-column:2;
    grid-row:1 / span 6;
    min-height:360px;
    padding:18px;
    border:1px solid rgba(255,255,255,.72);
    border-radius:28px;
    background:linear-gradient(145deg, rgba(245,250,255,.72), rgba(255,247,239,.6));
    box-shadow:0 20px 52px rgba(91,126,151,.13);
    backdrop-filter:blur(22px) saturate(165%);
    -webkit-backdrop-filter:blur(22px) saturate(165%);
  }

  .pin-list-bottom-spacer {
    display:none;
  }

  .pin-topbar-row {
    min-height:116px;
    padding:26px !important;
    border-radius:28px !important;
  }

  .pin-topbar-title {
    font-size:28px !important;
    letter-spacing:0;
  }

  .pin-quick-btn,
  .pin-tabs-refresh,
  .quan-hero-action-btn,
  .quan-section-link-btn,
  .quan-publish-link,
  .qd-intro-feedback-btn,
  .qd-filter-btn {
    border-color:rgba(255,138,92,.34) !important;
    color:#9a3412 !important;
  }

  .pin-tab.is-active,
  .quan-hero-subscribe-btn,
  .quan-section-count,
  .qd-seg-tab.is-active,
  .qd-filter-btn.is-on {
    background:linear-gradient(135deg,#ff8a5c,#ffb46b) !important;
    color:#fff !important;
    border-color:transparent !important;
    box-shadow:0 10px 24px rgba(255,138,92,.2) !important;
  }

  .pin-use-btn,
  .pin-fab,
  .pin-submit-btn,
  .quan-entry-card-use,
  .quan-publish-submit,
  .quan-smart-btn,
  .qd-btn {
    background:linear-gradient(135deg,#ff8a5c,#ffb46b) !important;
    color:#fff !important;
    box-shadow:0 12px 28px rgba(255,138,92,.22) !important;
  }

  .pin-copy-btn,
  .quan-entry-card-share {
    border-color:rgba(255,138,92,.28) !important;
    color:#9a3412 !important;
    background:rgba(255,255,255,.78) !important;
  }

  .pin-item {
    grid-template-columns:112px minmax(0,1fr) auto !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.78) !important;
  }

  .pin-item-side {
    background:linear-gradient(145deg, rgba(239,246,255,.8), rgba(255,247,237,.78)) !important;
    border-color:rgba(255,138,92,.18) !important;
  }

  .pin-item-token,
  .pin-item-price-row {
    background:rgba(255,237,213,.78) !important;
    color:#c2410c !important;
  }

  .quan-board-container {
    display:grid !important;
    grid-template-columns:minmax(360px, 456px) minmax(0, 1fr);
    align-items:start;
  }

  .quan-board-hero,
  .quan-announcement,
  .quan-foot-back {
    grid-column:1 / -1;
  }

  .quan-quota-banner,
  .quan-board-publish {
    grid-column:1;
  }

  .quan-board-list {
    display:contents !important;
  }

  .quan-entry-section--active {
    grid-column:2;
    grid-row:3 / span 3;
    min-height:360px;
  }

  .quan-entry-section--used {
    grid-column:1 / -1;
  }

  .quan-board-hero {
    padding:28px !important;
    border-radius:28px !important;
  }

  .quan-hero-head {
    align-items:center !important;
  }

  .quan-hero-action-grid {
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  .quan-quota-banner,
  .quan-board-publish,
  .quan-entry-section {
    padding:24px !important;
    border-radius:28px !important;
  }

  .quan-entry-card-grid {
    gap:12px !important;
  }

  .quan-entry-card {
    background:rgba(255,255,255,.76) !important;
    border-color:rgba(255,138,92,.18) !important;
  }

  .qd-body {
    display:grid;
    grid-template-columns:minmax(360px, 480px);
    justify-content:center;
    gap:18px;
  }

  .qd-card,
  .qd-seg-tabs,
  .qd-panel {
    width:min(760px, 100%);
    justify-self:center;
  }

  .qd-card {
    padding:34px !important;
    border-radius:28px !important;
    border-color:rgba(255,138,92,.22) !important;
  }

  .qd-title {
    font-size:28px !important;
    color:#2d211b !important;
  }

  .qd-seg-tabs-track,
  .qd-filter-bar,
  .qd-tool-card {
    border-color:rgba(255,138,92,.18) !important;
  }

  .qd-seg-tabs-track {
    padding:6px !important;
    border-radius:18px !important;
  }

  .qd-seg-tab span {
    background:rgba(255,237,213,.86) !important;
    color:#c2410c !important;
  }

  .qd-tool-grid {
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:12px !important;
  }

  .qd-tool {
    border-color:rgba(255,138,92,.22) !important;
    min-height:142px !important;
  }

  .qd-tool.is-hot {
    border-color:rgba(255,138,92,.38) !important;
    background:linear-gradient(145deg, rgba(255,247,237,.86), rgba(255,255,255,.72)) !important;
  }

  .qd-tool::after,
  .qd-tool.is-hot::after {
    border-color:rgba(255,138,92,.36) !important;
    color:#c2410c !important;
  }
}

@media (max-width:768px) {
  .pin-page-new,
  .quan-board-page,
  .qd-body {
    width:min(440px, calc(100vw - 24px)) !important;
  }

  .pin-list {
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
  }
}

/* ========================================
   Taobao coin /b/tjb layout parity
   ======================================== */
.quan-tjb-page {
  width:min(520px, calc(100vw - 24px)) !important;
  max-width:520px !important;
  margin:0 auto !important;
  padding:0 0 42px !important;
}

.quan-tjb-container {
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  align-items:stretch !important;
}

.quan-tjb-page .quan-board-hero,
.quan-tjb-page .quan-announcement,
.quan-tjb-page .quan-quota-banner,
.quan-tjb-page .quan-board-publish,
.quan-tjb-page .quan-entry-section {
  width:100% !important;
  grid-column:auto !important;
  grid-row:auto !important;
  border:1px solid rgba(255,255,255,.72) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,248,239,.66)) !important;
  box-shadow:0 18px 42px rgba(159,81,35,.1) !important;
  backdrop-filter:blur(22px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(165%) !important;
}

.quan-tjb-page .quan-board-hero {
  padding:26px 22px !important;
}

.quan-tjb-page .quan-hero-head {
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:14px !important;
}

.quan-tjb-page .quan-hero-title {
  font-size:1.55rem !important;
  line-height:1.2 !important;
  font-weight:950 !important;
  color:#2d211b !important;
}

.quan-tjb-page .quan-hero-head-actions {
  display:grid;
  gap:4px;
  justify-items:end;
}

.quan-tjb-page .quan-hero-subscribe-btn {
  min-height:32px !important;
  padding:0 14px !important;
  border-radius:10px !important;
  background:linear-gradient(135deg,#ff8a5c,#ffb46b) !important;
  color:#fff !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

.quan-tjb-page .quan-hero-credit {
  margin:0 !important;
  font-size:.78rem !important;
  color:#9ca3af !important;
}

.quan-tjb-page .quan-hero-action-grid {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin-top:20px !important;
}

.quan-tjb-page .quan-hero-action-btn {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:64px !important;
  padding:0 18px !important;
  border:1px solid rgba(255,138,92,.28) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.76) !important;
  color:#7c2d12 !important;
  font-size:.98rem !important;
  font-weight:850 !important;
  box-shadow:none !important;
}

.quan-tjb-page .quan-hero-action-btn-icon {
  color:#9ca3af !important;
  font-size:1rem !important;
}

.quan-tjb-page .quan-hero-action-btn-badge {
  top:-7px !important;
  right:-7px !important;
  min-width:18px !important;
  height:18px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  border-radius:999px !important;
  background:#ef4444 !important;
}

.quan-tjb-page .quan-hero-related {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin-top:16px !important;
  overflow:visible !important;
}

.quan-tjb-page .quan-hero-related-half {
  min-height:88px !important;
  padding:14px !important;
  border:1px solid rgba(255,255,255,.68) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.7) !important;
  color:#3b2a20 !important;
  font-weight:850 !important;
  box-shadow:0 12px 26px rgba(159,81,35,.07) !important;
}

.quan-tjb-page .quan-hero-related-half--right {
  background:linear-gradient(145deg,rgba(255,247,237,.86),rgba(255,241,242,.66)) !important;
}

.quan-tjb-page .quan-hero-footer-hint {
  margin:14px 0 0 !important;
  font-size:.82rem !important;
  color:#b7a99f !important;
}

.quan-tjb-page .quan-quota-banner,
.quan-tjb-page .quan-board-publish,
.quan-tjb-page .quan-entry-section {
  padding:22px !important;
}

.quan-tjb-page .quan-quota-banner-head {
  gap:10px !important;
  margin-bottom:18px !important;
}

.quan-tjb-page .quan-quota-banner-head-title,
.quan-tjb-page .quan-section-title {
  font-size:1.05rem !important;
  font-weight:950 !important;
  color:#2d211b !important;
}

.quan-tjb-page .quan-quota-banner-rules-inline,
.quan-tjb-page .quan-publish-history-btn,
.quan-tjb-page .quan-section-link-btn,
.quan-tjb-page .quan-publish-link,
.quan-tjb-page .quan-entry-card-share {
  min-height:36px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,138,92,.28) !important;
  border-radius:10px !important;
  background:rgba(255,255,255,.78) !important;
  color:#9a3412 !important;
  font-size:.86rem !important;
  font-weight:850 !important;
}

.quan-tjb-page .quan-quota-banner-grid {
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:10px !important;
}

.quan-tjb-page .quan-quota-banner-cell {
  min-height:86px !important;
  display:grid !important;
  align-content:center !important;
  gap:6px !important;
  padding:12px 8px !important;
  border-radius:16px !important;
  background:rgba(255,250,244,.78) !important;
}

.quan-tjb-page .quan-quota-banner-cell:first-child {
  border:1px solid rgba(255,138,92,.36) !important;
}

.quan-tjb-page .quan-quota-banner-cell-v {
  font-size:1.55rem !important;
  line-height:1 !important;
  color:#d9480f !important;
}

.quan-tjb-page .quan-quota-banner-cell-k {
  color:#8b6f60 !important;
  font-weight:700 !important;
}

.quan-tjb-page .quan-publish-flow-desc {
  color:#7c6657 !important;
  line-height:1.9 !important;
}

.quan-tjb-page .quan-publish-history-row,
.quan-tjb-page .quan-publish-actions,
.quan-tjb-page .quan-section-head {
  align-items:center !important;
  gap:10px !important;
}

.quan-tjb-page .quan-publish-input-area {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 90px !important;
  gap:8px !important;
}

.quan-tjb-page .quan-publish-textarea,
.quan-tjb-page .quan-publish-label-input {
  border:1px solid rgba(255,138,92,.32) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.82) !important;
  color:#3b2a20 !important;
  font-size:.92rem !important;
}

.quan-tjb-page .quan-publish-textarea {
  min-height:72px !important;
  padding:13px 14px !important;
}

.quan-tjb-page .quan-publish-label-input {
  min-height:48px !important;
  padding:0 10px !important;
}

.quan-tjb-page .quan-publish-submit,
.quan-tjb-page .quan-smart-btn,
.quan-tjb-page .quan-entry-card-use {
  min-height:48px !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#ff8a5c,#ffb46b) !important;
  color:#fff !important;
  font-size:.95rem !important;
  font-weight:950 !important;
  box-shadow:0 12px 24px rgba(255,138,92,.2) !important;
}

.quan-tjb-page .quan-board-list {
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

.quan-tjb-page .quan-entry-section--active {
  min-height:0 !important;
}

.quan-tjb-page .quan-section-count {
  min-width:28px !important;
  min-height:28px !important;
  display:inline-grid !important;
  place-items:center !important;
  margin-left:6px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#ff8a5c,#ffb46b) !important;
  color:#fff !important;
}

.quan-tjb-page .quan-entry-toolbar {
  color:#b7a99f !important;
  margin-bottom:10px !important;
}

.quan-tjb-page .quan-entry-section-tip,
.quan-tjb-page .quan-entry-empty {
  border:1px solid rgba(255,138,92,.18) !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.58) !important;
  color:#7c6657 !important;
}

.quan-tjb-page .quan-entry-section-tip {
  padding:12px 14px !important;
}

.quan-tjb-page .quan-entry-empty {
  padding:22px 14px !important;
}

.quan-tjb-page .quan-entry-card-grid {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.quan-tjb-page .quan-entry-card {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:12px !important;
  align-items:center !important;
  padding:14px !important;
  border:1px solid rgba(255,138,92,.2) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.78) !important;
}

.quan-tjb-page .quan-entry-card-code {
  font-size:1rem !important;
  font-weight:950 !important;
  color:#2d211b !important;
}

.quan-tjb-page .quan-entry-card-row2 {
  margin-top:6px !important;
  color:#a38f82 !important;
}

.quan-tjb-page .quan-entry-card-actions {
  display:flex !important;
  gap:8px !important;
}

.quan-tjb-page .quan-foot-back {
  margin:4px 0 0 !important;
  text-align:center !important;
}

@media (max-width:520px) {
  .quan-tjb-page {
    width:min(390px, calc(100vw - 28px)) !important;
  }

  .quan-tjb-page .quan-board-hero,
  .quan-tjb-page .quan-quota-banner,
  .quan-tjb-page .quan-board-publish,
  .quan-tjb-page .quan-entry-section {
    padding:20px !important;
    border-radius:22px !important;
  }

  .quan-tjb-page .quan-hero-action-btn {
    min-height:62px !important;
  }

  .quan-tjb-page .quan-quota-banner-grid {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  .quan-tjb-page .quan-publish-input-area,
  .quan-tjb-page .quan-entry-card {
    grid-template-columns:1fr !important;
  }

  .quan-tjb-page .quan-entry-card-actions {
    width:100% !important;
  }

  .quan-tjb-page .quan-entry-card-btn {
    flex:1 1 0 !important;
  }
}

/* ========================================
   Taobao coin reference screenshot pass
   ======================================== */
.quan-tjb-page {
  width:min(414px, calc(100vw - 28px)) !important;
  max-width:414px !important;
  color:#102a43;
}

.quan-tjb-container {
  gap:14px !important;
}

.quan-tjb-page .quan-board-hero {
  padding:14px !important;
  border-radius:14px !important;
  border-color:rgba(16,185,129,.24) !important;
  background:linear-gradient(145deg, rgba(236,253,245,.92), rgba(255,255,255,.86)) !important;
  box-shadow:0 10px 26px rgba(20,83,45,.08) !important;
}

.quan-tjb-page .quan-hero-title {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:1.42rem !important;
  color:#04111f !important;
}

.quan-tjb-page .quan-hero-title-icon {
  width:38px;
  height:38px;
  display:inline-grid;
  place-items:center;
  flex:0 0 38px;
  overflow:hidden;
  border-radius:12px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,247,237,.72));
  box-shadow:0 10px 22px rgba(249,115,22,.14), inset 0 1px 0 rgba(255,255,255,.9);
}

.quan-tjb-page .quan-hero-title-icon img {
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.12);
}

.quan-tjb-page .quan-hero-head-actions {
  gap:8px !important;
}

.quan-tjb-page .quan-hero-follow {
  position:relative;
}

.quan-tjb-page .quan-hero-follow::before {
  content:"";
  position:absolute;
  left:-16px;
  top:50%;
  width:8px;
  height:8px;
  transform:translateY(-50%);
  border-radius:999px;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.12);
}

.quan-tjb-page .quan-hero-subscribe-btn {
  min-height:32px !important;
  padding:0 12px !important;
  border:1px solid rgba(148,163,184,.24) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.9) !important;
  color:#334155 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
}

.quan-tjb-page .quan-hero-subscribe-btn::before {
  content:"⌘";
  margin-right:6px;
  color:#64748b;
}

.quan-tjb-page .quan-hero-credit {
  justify-self:start;
  margin-top:6px !important;
  color:#64748b !important;
}

.quan-tjb-page .quan-hero-author-link {
  color:#0f172a !important;
  font-weight:950;
}

.quan-tjb-page .quan-hero-action-grid {
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:12px !important;
}

.quan-tjb-page .quan-hero-action-btn {
  min-height:70px !important;
  padding:10px 8px !important;
  border-color:#dbeafe !important;
  border-radius:9px !important;
  background:linear-gradient(180deg,#fff,#f8fbff) !important;
  color:#334155 !important;
  font-size:.82rem !important;
  box-shadow:0 7px 18px rgba(30,64,175,.08) !important;
}

.quan-tjb-page .quan-hero-action-btn-icon {
  display:block;
  font-size:1.2rem !important;
  color:#64748b !important;
}

.quan-tjb-page .quan-hero-action-btn {
  flex-direction:column;
}

.quan-tjb-page .quan-hero-footer-hint {
  margin-top:12px !important;
  text-align:center;
  color:#94a3b8 !important;
}

.quan-tjb-page .quan-tjb-fast-tip {
  padding:10px 12px;
  border:1px solid #fbbf24;
  border-radius:8px;
  background:#fffbeb;
  color:#b45309;
  font-size:.82rem;
  font-weight:900;
  line-height:1.45;
}

.quan-tjb-page .quan-quota-banner,
.quan-tjb-page .quan-board-publish,
.quan-tjb-page .quan-entry-section {
  padding:12px !important;
  border-radius:14px !important;
  border-color:rgba(251,146,60,.36) !important;
  background:rgba(255,252,248,.9) !important;
  box-shadow:0 10px 24px rgba(159,81,35,.08) !important;
}

.quan-tjb-page .quan-quota-banner-head {
  display:grid !important;
  grid-template-columns:auto 1fr;
  align-items:start !important;
  gap:4px 10px !important;
  margin-bottom:10px !important;
  padding-bottom:8px;
  border-bottom:1px dashed rgba(251,146,60,.35);
}

.quan-tjb-page .quan-quota-banner-head-title {
  grid-column:1;
  color:#c2410c !important;
}

.quan-tjb-page .quan-quota-banner-rules-inline {
  display:none !important;
}

.quan-tjb-page .quan-quota-banner-head-sep {
  display:none !important;
}

.quan-tjb-page .quan-quota-banner-head-hint {
  grid-column:2;
  justify-self:end;
  margin:0 !important;
  color:#c2410c !important;
  font-size:.75rem !important;
  font-weight:850;
}

.quan-tjb-page .quan-quota-banner-grid {
  grid-template-columns:1.15fr 1fr 1fr 1fr !important;
  gap:6px !important;
  padding-bottom:10px;
  border-bottom:1px dashed rgba(251,146,60,.28);
}

.quan-tjb-page .quan-quota-banner-cell {
  min-height:62px !important;
  padding:7px 4px !important;
  border-radius:8px !important;
  background:#fff !important;
}

.quan-tjb-page .quan-quota-banner-cell:first-child {
  background:#fef3c7 !important;
  border-color:#fb923c !important;
}

.quan-tjb-page .quan-quota-banner-cell-v {
  font-size:1.25rem !important;
  color:#c2410c !important;
}

.quan-tjb-page .quan-quota-banner-cell-k {
  font-size:.7rem !important;
  color:#475569 !important;
}

.quan-tjb-page .quan-quota-banner::after {
  content:"发布者和使用者都可以获得奖励。恶意占用使用名额不归还或助力的将封禁！";
  display:block;
  padding-top:9px;
  text-align:center;
  color:#b45309;
  font-size:.82rem;
  line-height:1.45;
  font-weight:950;
}

.quan-tjb-page .quan-board-publish {
  border-color:rgba(226,232,240,.8) !important;
  background:#fff !important;
}

.quan-tjb-page .quan-tjb-rule-list {
  margin-bottom:12px;
  padding:13px 14px 13px 28px;
  border-radius:10px;
  background:#fff8ed;
  color:#334155 !important;
  font-size:.86rem !important;
  line-height:1.75 !important;
}

.quan-tjb-page .quan-tjb-rule-list p {
  position:relative;
  margin:0 0 6px;
}

.quan-tjb-page .quan-tjb-rule-list p::before {
  content:"•";
  position:absolute;
  left:-14px;
  color:#334155;
  font-weight:950;
}

.quan-tjb-page .quan-publish-history-row {
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  margin:0 0 10px !important;
  padding-bottom:8px;
  border-bottom:1px solid #e5e7eb;
}

.quan-tjb-page .quan-publish-history-label {
  color:#94a3b8 !important;
  font-size:.78rem !important;
  font-weight:900;
}

.quan-tjb-page .quan-publish-history-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.quan-tjb-page .quan-publish-history-btn {
  min-height:24px !important;
  padding:0 8px !important;
  border-color:#dbeafe !important;
  border-radius:5px !important;
  color:#475569 !important;
  font-size:.72rem !important;
  box-shadow:none !important;
}

.quan-tjb-page .quan-publish-input-area {
  grid-template-columns:minmax(0,1fr) 82px !important;
}

.quan-tjb-page .quan-publish-textarea {
  min-height:76px !important;
  border-color:#bfdbfe !important;
  border-radius:8px !important;
  font-size:.92rem !important;
  line-height:1.55 !important;
}

.quan-tjb-page .quan-publish-label-input {
  display:block !important;
  min-height:76px !important;
  border-color:#bfdbfe !important;
  border-radius:8px !important;
  color:#475569 !important;
  font-size:.78rem !important;
  text-align:center;
}

.quan-tjb-page .quan-publish-agree {
  display:flex !important;
  margin-bottom:8px;
  color:#64748b !important;
  font-size:.74rem !important;
}

.quan-tjb-page .quan-publish-actions {
  display:block !important;
  margin-top:8px !important;
}

.quan-tjb-page .quan-publish-submit {
  width:100% !important;
  min-height:46px !important;
  border-radius:9px !important;
  background:linear-gradient(135deg,#f28a8a,#ffb06b) !important;
  box-shadow:none !important;
}

.quan-tjb-page .quan-publish-links {
  display:none !important;
}

.quan-tjb-page .quan-tjb-related {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:12px 0 0 !important;
}

.quan-tjb-page .quan-tjb-related .quan-hero-related-half {
  min-height:54px !important;
  padding:0 14px !important;
  border-color:rgba(251,191,36,.56) !important;
  border-radius:14px !important;
  color:#7c2d12 !important;
  font-size:.86rem !important;
  font-weight:950 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -10px 18px rgba(180,83,9,.08),
    0 12px 24px rgba(217,119,6,.14) !important;
}

.quan-tjb-page .quan-tjb-related .quan-hero-related-half--left {
  background:
    radial-gradient(circle at 22% 12%, rgba(255,255,255,.95), transparent 28%),
    linear-gradient(135deg,#fff8dc 0%,#ffd773 44%,#fff1bc 56%,#d98a1d 100%) !important;
}

.quan-tjb-page .quan-tjb-related .quan-hero-related-half--right {
  background:
    radial-gradient(circle at 22% 12%, rgba(255,255,255,.95), transparent 28%),
    linear-gradient(135deg,#fff7d6 0%,#ffcd55 42%,#fff0ac 55%,#c97816 100%) !important;
}

.quan-tjb-page .quan-entry-section--active {
  border-color:#e5e7eb !important;
  background:#fff !important;
}

.quan-tjb-page .quan-section-head {
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  gap:8px !important;
  margin-bottom:8px !important;
}

.quan-tjb-page .quan-section-title {
  color:#059669 !important;
  font-size:1rem !important;
}

.quan-tjb-page .quan-section-count {
  min-width:24px !important;
  min-height:22px !important;
  color:#2563eb !important;
  background:#dbeafe !important;
  font-size:.75rem !important;
  box-shadow:none !important;
}

.quan-tjb-page .quan-section-head-actions {
  display:flex;
  gap:6px;
  justify-content:end;
}

.quan-tjb-page .quan-section-link-btn {
  min-height:28px !important;
  padding:0 10px !important;
  border-color:#bae6fd !important;
  border-radius:999px !important;
  color:#0369a1 !important;
  font-size:.72rem !important;
}

.quan-tjb-page .quan-smart-btn {
  min-height:34px !important;
  padding:0 22px !important;
  border-radius:7px !important;
  background:linear-gradient(135deg,#ff8a2a,#ef4444) !important;
  box-shadow:0 7px 14px rgba(239,68,68,.18) !important;
}

.quan-tjb-page .quan-entry-toolbar {
  display:inline-block;
  margin:0 8px 8px 0 !important;
  color:#94a3b8 !important;
  font-size:.78rem !important;
}

.quan-tjb-page .quan-entry-section-tip {
  margin:0 0 10px !important;
  padding:9px 10px !important;
  border-color:#bfdbfe !important;
  border-radius:8px !important;
  background:#f8fbff !important;
  color:#475569 !important;
  font-size:.78rem !important;
}

.quan-tjb-page .quan-entry-card {
  grid-template-columns:minmax(0,1fr) auto !important;
  padding:10px 12px !important;
  border-left:3px solid #60a5fa !important;
  border-color:#bfdbfe !important;
  border-radius:9px !important;
  background:#f8fbff !important;
  box-shadow:none !important;
}

.quan-tjb-page .quan-entry-card-code {
  color:#0f172a !important;
  font-size:.92rem !important;
}

.quan-tjb-page .quan-entry-card-row2 {
  color:#64748b !important;
  font-size:.74rem !important;
}

.quan-tjb-page .quan-entry-card-use {
  min-height:30px !important;
  min-width:70px !important;
  padding:0 16px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg,#ff8a2a,#f97316) !important;
  box-shadow:0 8px 14px rgba(249,115,22,.2) !important;
}

.quan-tjb-page .quan-entry-card-use:disabled {
  background:#e5e7eb !important;
  color:#94a3b8 !important;
  box-shadow:none !important;
  cursor:not-allowed !important;
}

.quan-tjb-page .quan-entry-card-share {
  min-height:30px !important;
  min-width:50px !important;
  padding:0 12px !important;
  border-color:#bfdbfe !important;
  border-radius:8px !important;
  color:#334155 !important;
  background:#fff !important;
}

.quan-tjb-page .quan-entry-section--used {
  padding-top:4px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.quan-tjb-page .quan-entry-section--used .quan-section-title {
  color:#64748b !important;
}

.quan-tjb-page .quan-entry-card.is-used {
  opacity:1 !important;
  border-left-color:#cbd5e1 !important;
  border-color:#e2e8f0 !important;
  background:#f8fafc !important;
}

.quan-tjb-page .quan-entry-card-used-badge {
  background:#ecfdf5 !important;
  color:#047857 !important;
  border:1px solid #bbf7d0 !important;
}

@media (max-width:520px) {
  .quan-tjb-page .quan-board-hero,
  .quan-tjb-page .quan-quota-banner,
  .quan-tjb-page .quan-board-publish,
  .quan-tjb-page .quan-entry-section {
    padding:12px !important;
  }

  .quan-tjb-page .quan-hero-action-grid {
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  }

  .quan-tjb-page .quan-hero-action-btn {
    min-height:66px !important;
    padding:0 6px !important;
  }

  .quan-tjb-page .quan-quota-banner-grid {
    grid-template-columns:1.15fr 1fr 1fr 1fr !important;
  }

  .quan-tjb-page .quan-publish-input-area {
    grid-template-columns:minmax(0,1fr) 72px !important;
  }

  .quan-tjb-page .quan-entry-card {
    grid-template-columns:minmax(0,1fr) auto !important;
  }

  .quan-tjb-page .quan-section-head {
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
  }

  .quan-tjb-page .quan-section-title {
    min-width:0;
    white-space:nowrap;
  }

  .quan-tjb-page .quan-section-head-actions {
    min-width:0;
    justify-content:end;
  }

  .quan-tjb-page .quan-section-head-trailing {
    grid-column:1 / -1;
    width:100%;
  }

  .quan-tjb-page .quan-smart-btn {
    width:100% !important;
  }
}

@media (max-width:640px) {
  .live-news-page .live-news-toolbar {
    display:none !important;
  }

  .live-news-page .live-news-shell {
    gap:10px !important;
  }

  .live-news-page .live-news-frame-wrap {
    height:calc(100vh - 150px) !important;
    min-height:620px !important;
  }
}

/* Taobao coin desktop adaptation: keep mobile unchanged, widen tablet/desktop intentionally. */
@media (min-width:768px) {
  body.page-taobao-coin {
    overflow-x:hidden !important;
  }

  body.page-taobao-coin .page-shell {
    width:min(100% - 48px, 1180px) !important;
    max-width:1180px !important;
  }

  body.page-taobao-coin .quan-tjb-page {
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 0 56px !important;
  }

  body.page-taobao-coin .quan-tjb-container {
    width:100% !important;
    max-width:100% !important;
    gap:20px !important;
  }

  body.page-taobao-coin .quan-tjb-main-grid,
  body.page-taobao-coin .quan-tjb-compose-column,
  body.page-taobao-coin .quan-tjb-list-column,
  body.page-taobao-coin .quan-board-list {
    min-width:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  body.page-taobao-coin .quan-tjb-main-grid {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:22px !important;
    align-items:start !important;
  }

  body.page-taobao-coin .quan-tjb-compose-column,
  body.page-taobao-coin .quan-tjb-list-column,
  body.page-taobao-coin .quan-board-list {
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
  }

  body.page-taobao-coin .quan-board-hero,
  body.page-taobao-coin .quan-announcement,
  body.page-taobao-coin .quan-quota-banner,
  body.page-taobao-coin .quan-board-publish,
  body.page-taobao-coin .quan-entry-section {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    border-radius:24px !important;
  }

  body.page-taobao-coin .quan-board-hero {
    padding:28px !important;
  }

  body.page-taobao-coin .quan-hero-data {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(340px, .95fr) !important;
    gap:18px 28px !important;
    align-items:center !important;
  }

  body.page-taobao-coin .quan-hero-head {
    min-width:0 !important;
  }

  body.page-taobao-coin .quan-hero-title {
    font-size:1.78rem !important;
  }

  body.page-taobao-coin .quan-hero-title-icon {
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
    border-radius:16px !important;
  }

  body.page-taobao-coin .quan-hero-head-actions {
    justify-items:start !important;
  }

  body.page-taobao-coin .quan-hero-action-grid {
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:12px !important;
    margin-top:0 !important;
  }

  body.page-taobao-coin .quan-hero-action-btn {
    min-height:62px !important;
    border-radius:16px !important;
    font-size:.92rem !important;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  }

  body.page-taobao-coin .quan-hero-footer-hint {
    grid-column:1 / -1 !important;
    margin:0 !important;
    text-align:left !important;
  }

  body.page-taobao-coin .quan-tjb-fast-tip {
    padding:14px 18px !important;
    border-radius:16px !important;
    font-size:.92rem !important;
  }

  body.page-taobao-coin .quan-quota-banner,
  body.page-taobao-coin .quan-board-publish,
  body.page-taobao-coin .quan-entry-section {
    padding:22px !important;
  }

  body.page-taobao-coin .quan-quota-banner-head {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }

  body.page-taobao-coin .quan-quota-banner-rules-inline,
  body.page-taobao-coin .quan-quota-banner-head-sep {
    display:inline-flex !important;
  }

  body.page-taobao-coin .quan-quota-banner-head-hint {
    justify-self:auto !important;
    margin-left:auto !important;
    font-size:.86rem !important;
  }

  body.page-taobao-coin .quan-quota-banner-grid {
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:12px !important;
  }

  body.page-taobao-coin .quan-quota-banner-cell {
    min-height:78px !important;
    border-radius:16px !important;
  }

  body.page-taobao-coin .quan-publish-input-area {
    grid-template-columns:minmax(0,1fr) 110px !important;
    gap:12px !important;
  }

  body.page-taobao-coin .quan-publish-textarea,
  body.page-taobao-coin .quan-publish-label-input {
    min-height:88px !important;
  }

  body.page-taobao-coin .quan-publish-actions {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
  }

  body.page-taobao-coin .quan-publish-submit {
    width:auto !important;
    min-width:180px !important;
    padding:0 30px !important;
  }

  body.page-taobao-coin .quan-tjb-related {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:14px !important;
    padding:10px !important;
  }

  body.page-taobao-coin .quan-tjb-related .quan-hero-related-half {
    min-height:68px !important;
    padding:0 18px !important;
  }

  body.page-taobao-coin .quan-entry-section--used {
    padding:22px !important;
    border:1px solid rgba(251,146,60,.18) !important;
    background:rgba(255,252,248,.9) !important;
    box-shadow:0 10px 24px rgba(159,81,35,.08) !important;
  }

  body.page-taobao-coin .quan-section-head {
    grid-template-columns:minmax(0,1fr) auto auto !important;
    gap:12px !important;
    align-items:center !important;
  }

  body.page-taobao-coin .quan-section-head-actions {
    width:auto !important;
    display:flex !important;
    gap:8px !important;
  }

  body.page-taobao-coin .quan-section-head-trailing {
    grid-column:auto !important;
    width:auto !important;
  }

  body.page-taobao-coin .quan-smart-btn {
    width:auto !important;
    min-width:120px !important;
  }

  body.page-taobao-coin .quan-entry-card {
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:18px !important;
    padding:14px 16px !important;
  }

  body.page-taobao-coin .quan-entry-card-row2 {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:4px 8px !important;
  }

  body.page-taobao-coin .quan-entry-card-actions {
    flex:0 0 auto !important;
    white-space:nowrap !important;
  }

  body.page-taobao-coin .quan-entry-card-btn {
    min-width:72px !important;
  }

  body.page-taobao-coin .quan-foot-back {
    margin-top:4px !important;
  }
}

@media (min-width:1024px) {
  body.page-taobao-coin .page-shell {
    width:min(100% - 64px, 1240px) !important;
    max-width:1240px !important;
  }

  body.page-taobao-coin .quan-tjb-container {
    gap:24px !important;
  }

  body.page-taobao-coin .quan-tjb-main-grid {
    grid-template-columns:minmax(0, .92fr) minmax(440px, 1.08fr) !important;
    gap:24px !important;
  }

  body.page-taobao-coin .quan-board-hero {
    padding:32px !important;
  }

  body.page-taobao-coin .quan-hero-data {
    grid-template-columns:minmax(0, .95fr) minmax(420px, 1.05fr) !important;
  }

  body.page-taobao-coin .quan-quota-banner,
  body.page-taobao-coin .quan-board-publish,
  body.page-taobao-coin .quan-entry-section {
    padding:24px !important;
  }

  body.page-taobao-coin .quan-quota-banner-grid {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }

  body.page-taobao-coin .quan-entry-section--active {
    min-height:0 !important;
  }

  body.page-taobao-coin .quan-entry-card-grid {
    gap:12px !important;
  }

  body.page-taobao-coin .quan-entry-card-code {
    font-size:1rem !important;
  }
}

@media (min-width:1200px) {
  body.page-taobao-coin .quan-tjb-main-grid {
    grid-template-columns:minmax(0, 5fr) minmax(520px, 7fr) !important;
    gap:28px !important;
  }

  body.page-taobao-coin .quan-quota-banner-grid {
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  }
}

@media (min-width:1440px) {
  body.page-taobao-coin .page-shell {
    width:min(100% - 80px, 1280px) !important;
    max-width:1280px !important;
  }
}

@media (hover:hover) and (pointer:fine) and (min-width:768px) {
  body.page-taobao-coin .quan-hero-action-btn:hover,
  body.page-taobao-coin .quan-publish-submit:hover,
  body.page-taobao-coin .quan-section-link-btn:hover,
  body.page-taobao-coin .quan-smart-btn:hover,
  body.page-taobao-coin .quan-entry-card-btn:hover,
  body.page-taobao-coin .quan-tjb-related .quan-hero-related-half:hover {
    transform:translateY(-2px) !important;
    box-shadow:0 16px 30px rgba(217,119,6,.16) !important;
  }
}

/* Taobao coin annotation fixes. */
.quan-tjb-page .quan-tjb-keyword {
  display:inline-block;
  padding:0 5px;
  border-radius:999px;
  background:rgba(255,237,213,.92);
  color:#c2410c;
  font-weight:950;
}

.quan-tjb-page .quan-tjb-keyword.is-danger {
  background:rgba(254,226,226,.94);
  color:#dc2626;
}

@media (min-width:768px) {
  body.page-taobao-coin .quan-hero-head-actions {
    display:none !important;
  }

  body.page-taobao-coin .quan-hero-footer-hint {
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    padding:7px 10px !important;
    border:1px solid rgba(148,163,184,.18) !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.42) !important;
    color:#94a3b8 !important;
    font-size:.8rem !important;
    font-weight:700 !important;
  }

  body.page-taobao-coin .quan-tjb-fast-tip {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.page-taobao-coin .quan-quota-banner-head {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
  }

  body.page-taobao-coin .quan-quota-banner-head-title {
    grid-column:1 !important;
    margin:0 !important;
  }

  body.page-taobao-coin .quan-quota-banner-head-hint {
    grid-column:2 !important;
    justify-self:center !important;
    margin:0 !important;
    text-align:center !important;
  }

  body.page-taobao-coin .quan-quota-banner-rules-inline {
    grid-column:3 !important;
    justify-self:end !important;
    min-width:86px !important;
  }

  body.page-taobao-coin .quan-quota-banner-head-sep {
    display:none !important;
  }

  body.page-taobao-coin .quan-board-publish .quan-tjb-related {
    order:-1;
    margin:0 0 16px !important;
  }

  body.page-taobao-coin .quan-publish-flow {
    margin-bottom:14px !important;
  }

  body.page-taobao-coin .quan-tjb-rule-list {
    margin-bottom:14px !important;
  }

  body.page-taobao-coin .quan-section-head {
    grid-template-columns:minmax(0,1fr) auto auto !important;
  }

  body.page-taobao-coin .quan-section-head-actions {
    align-items:center !important;
  }

  body.page-taobao-coin .quan-section-link-btn,
  body.page-taobao-coin .quan-smart-btn {
    min-height:38px !important;
    padding:0 18px !important;
    border-radius:12px !important;
    font-size:.86rem !important;
    line-height:1 !important;
  }

  body.page-taobao-coin .quan-smart-btn {
    min-width:124px !important;
  }

  body.page-taobao-coin .quan-entry-section-tip {
    font-size:.84rem !important;
    line-height:1.65 !important;
  }

  body.page-taobao-coin .quan-foot-back {
    display:flex !important;
    justify-content:center !important;
    margin:8px 0 0 !important;
  }

  body.page-taobao-coin .quan-foot-back a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:48px !important;
    padding:0 34px !important;
    border:1px solid rgba(255,138,92,.32) !important;
    border-radius:16px !important;
    background:rgba(255,252,248,.82) !important;
    color:#c2410c !important;
    font-weight:900 !important;
    box-shadow:0 14px 28px rgba(159,81,35,.08), inset 0 1px 0 rgba(255,255,255,.84) !important;
    transition:transform .18s ease, box-shadow .18s ease !important;
  }

  body.page-taobao-coin .quan-foot-back a:hover {
    transform:translateY(-2px);
    box-shadow:0 18px 34px rgba(217,119,6,.14), inset 0 1px 0 rgba(255,255,255,.92) !important;
  }
}

/* Global mobile hardening: prevent iOS input zoom and keep page gutters symmetrical. */
@media (max-width:760px) {
  html,
  body {
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
  }

  input,
  select,
  textarea,
  button {
    font-size:16px !important;
    -webkit-text-size-adjust:100%;
    touch-action:manipulation;
  }

  .page-shell,
  .site-announcement,
  body.theme-shell main {
    width:min(100% - 28px, 440px) !important;
    max-width:440px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .page-shell {
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
  }

  .site-header {
    width:100vw !important;
    max-width:none !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:max(18px, env(safe-area-inset-left)) !important;
    padding-right:max(18px, env(safe-area-inset-right)) !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 0 18px 18px !important;
    background:linear-gradient(180deg, rgba(248,252,255,.96), rgba(237,246,255,.9)) !important;
    box-shadow:0 12px 28px rgba(97,126,181,.12) !important;
    box-sizing:border-box !important;
  }

  .brand {
    min-width:0 !important;
    max-width:calc(100% - 56px) !important;
  }

  .mobile-nav-toggle {
    justify-self:end !important;
    margin-right:0 !important;
    flex:0 0 auto !important;
    width:48px !important;
    height:48px !important;
    gap:3px !important;
    border-radius:16px !important;
    border:1px solid rgba(148,163,184,.28) !important;
    background:
      radial-gradient(circle at 30% 16%, rgba(255,255,255,.95), transparent 30%),
      linear-gradient(180deg, rgba(255,255,255,.92), rgba(239,246,255,.8)) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.1), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  .mobile-nav-toggle span {
    width:22px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#3f3a35 !important;
  }

  .site-nav {
    left:50% !important;
    right:auto !important;
    width:min(360px, calc(100vw - 56px)) !important;
    max-width:calc(100vw - 56px) !important;
    margin-left:0 !important;
    margin-right:0 !important;
    transform:translateX(-50%) translateY(-10px) scale(.98) !important;
    box-sizing:border-box !important;
  }

  .site-header.is-nav-open .site-nav,
  .site-nav.is-open {
    transform:translateX(-50%) translateY(0) scale(1) !important;
  }

  body.page-pdd main,
  body.page-admin main,
  body.page-live-news main {
    width:min(100% - 28px, 440px) !important;
    max-width:440px !important;
  }

  body.theme-shell main > *,
  .page-shell > *,
  .site-announcement > * {
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .quan-tjb-page,
  .pin-ref-page,
  .pin-page-new,
  .qd-body,
  .qd-page-new,
  .kl-page,
  .tt-page,
  .tool-page,
  .calendar-page,
  .guide-page,
  .admin-page {
    width:100% !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }

  .quan-tjb-page .quan-board-container,
  .quan-tjb-page .quan-board-hero,
  .quan-tjb-page .quan-quota-banner,
  .quan-tjb-page .quan-board-publish,
  .quan-tjb-page .quan-entry-section,
  .quan-tjb-page .quan-tjb-related,
  .quan-tjb-page .quan-entry-card,
  .quan-tjb-page .quan-entry-section-tip,
  .quan-tjb-page .quan-publish-input-area {
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  .quan-tjb-page .quan-section-head {
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .quan-tjb-page .quan-section-head-actions {
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
  }

  .quan-tjb-page .quan-section-link-btn {
    min-width:0 !important;
    width:100% !important;
  }
}

/* ========================================
   PDD pin reference screenshot pass
   ======================================== */
.pin-ref-page {
  width:min(414px, calc(100vw - 28px)) !important;
  max-width:414px !important;
  margin:0 auto !important;
  padding:0 0 44px !important;
  color:#15213a;
}

.pin-ref-container {
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  align-items:stretch !important;
}

.pin-ref-page .pin-topbar-row {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  min-height:auto !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.pin-ref-page .pin-topbar-brand {
  gap:8px !important;
  min-width:0;
}

.pin-ref-page .pin-title-logo {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:44px;
  height:44px;
  border-radius:14px;
  background:rgba(255,255,255,.72);
  box-shadow:0 10px 22px rgba(159,81,35,.08);
  overflow:hidden;
}

.pin-ref-page .pin-title-logo img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.pin-ref-page .pin-topbar-title {
  font-size:1.28rem !important;
  line-height:1.15 !important;
  color:#ff3366 !important;
  font-weight:950 !important;
  white-space:nowrap;
}

.pin-ref-page .pin-tag {
  padding:2px 7px !important;
  border:1px solid #fbbf24 !important;
  border-radius:5px !important;
  background:#fffbeb !important;
  color:#b45309 !important;
  font-size:.72rem !important;
  font-weight:900 !important;
}

.pin-ref-page .pin-topbar-quick {
  display:flex !important;
  gap:6px !important;
  flex-shrink:0;
}

.pin-ref-page .pin-quick-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:34px !important;
  height:34px !important;
  padding:0 8px !important;
  border:1px solid #e2e8f0 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#334155 !important;
  box-shadow:0 6px 14px rgba(15,23,42,.06) !important;
  font-size:.72rem !important;
  font-weight:900 !important;
}

.pin-ref-page .pin-quick-btn:first-child {
  background:linear-gradient(135deg,#ff5b84,#ff2f62) !important;
  border-color:transparent !important;
  color:#fff !important;
  box-shadow:0 10px 18px rgba(255,47,98,.24) !important;
}

.pin-ref-page .pin-notice {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:10px 12px !important;
  border:1px solid #fecdd3 !important;
  border-radius:10px !important;
  background:#fff7f7 !important;
  box-shadow:none !important;
}

.pin-ref-page .pin-notice-badge {
  padding:3px 8px !important;
  border-radius:5px !important;
  background:#ff3366 !important;
  color:#fff !important;
  font-size:.72rem !important;
  font-weight:900 !important;
}

.pin-ref-page .pin-notice-text {
  color:#475569 !important;
  font-size:.84rem !important;
  line-height:1.5 !important;
}

.pin-ref-page .pin-search-input {
  min-height:38px !important;
  padding:0 16px 0 36px !important;
  border:1px solid #e5e7eb !important;
  border-radius:999px !important;
  background:#fff !important;
  box-shadow:none !important;
  color:#334155 !important;
  font-size:.88rem !important;
}

.pin-ref-page .pin-search {
  position:relative;
}

.pin-ref-page .pin-search::before {
  content:"⌕";
  position:absolute;
  left:14px;
  top:50%;
  z-index:1;
  transform:translateY(-50%);
  color:#94a3b8;
  font-size:1rem;
}

.pin-ref-page .pin-tabs-row {
  display:flex !important;
  gap:22px !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pin-ref-page .pin-tab {
  position:relative;
  min-height:32px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#94a3b8 !important;
  font-size:.86rem !important;
  font-weight:850 !important;
}

.pin-ref-page .pin-tab.is-active {
  color:#ff3366 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pin-ref-page .pin-tab.is-active::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:#ff3366;
}

.pin-ref-page .pin-tab-soon {
  font-size:.62rem !important;
  opacity:.7;
}

.pin-ref-page .pin-tabs-meta {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin-top:-44px !important;
  padding:6px 0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pin-ref-page .pin-tabs-meta-dot {
  width:7px !important;
  height:7px !important;
  background:#22c55e !important;
}

.pin-ref-page .pin-tabs-meta-time {
  color:#334155 !important;
  font-size:.78rem !important;
}

.pin-ref-page .pin-tabs-refresh {
  min-height:28px !important;
  padding:0 8px !important;
  border:1px solid #e2e8f0 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#334155 !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

.pin-ref-page .pin-list {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.pin-ref-page .pin-item {
  display:grid !important;
  grid-template-columns:84px minmax(0,1fr) !important;
  gap:12px !important;
  align-items:center !important;
  margin:0 !important;
  padding:12px !important;
  border:0 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 9px 22px rgba(15,23,42,.07) !important;
}

.pin-ref-page .pin-item-side {
  min-height:94px !important;
  padding:10px 8px !important;
  border:1px solid #e2e8f0 !important;
  border-radius:10px !important;
  background:linear-gradient(180deg,#f8fbff,#eef4fb) !important;
  color:#64748b !important;
}

.pin-ref-page .pin-item-side::before {
  content:"▤";
  display:block;
  color:#94a3b8;
  font-size:1.5rem;
  line-height:1;
}

.pin-ref-page .pin-item-side span {
  margin-top:6px;
  color:#334155 !important;
  font-size:.82rem !important;
  font-weight:950 !important;
}

.pin-ref-page .pin-item-side small {
  color:#94a3b8 !important;
  font-size:.62rem !important;
  line-height:1.35 !important;
}

.pin-ref-page .pin-item-info {
  min-width:0;
}

.pin-ref-page .pin-item-row1 {
  gap:6px !important;
  align-items:center !important;
}

.pin-ref-page .pin-item-token {
  padding:3px 6px !important;
  border-radius:999px !important;
  background:#ffe4ec !important;
  color:#ff3366 !important;
  font-size:.62rem !important;
  font-weight:950 !important;
}

.pin-ref-page .pin-item-row2 {
  color:#94a3b8 !important;
  font-size:.72rem !important;
}

.pin-ref-page .pin-item-code {
  display:block !important;
  margin-top:8px !important;
  color:#0f172a !important;
  font-size:.88rem !important;
  font-weight:950 !important;
  line-height:1.45 !important;
  white-space:normal !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.pin-ref-page .pin-item-price-row {
  max-width:none !important;
  min-height:38px !important;
  margin:10px 0 0 !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:#ffecef !important;
  color:#ff3366 !important;
}

.pin-ref-page .pin-item-price-row span {
  color:#ff3366 !important;
  font-size:.82rem !important;
}

.pin-ref-page .pin-item-price-row strong {
  color:#ff3366 !important;
  font-size:1.42rem !important;
  font-weight:950 !important;
}

.pin-ref-page .pin-item-actions {
  grid-column:2 !important;
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin-top:-50px !important;
  pointer-events:auto;
}

.pin-ref-page .pin-item-btn {
  min-height:34px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  font-size:.78rem !important;
  font-weight:950 !important;
}

.pin-ref-page .pin-copy-btn {
  order:2;
  border:0 !important;
  background:#fff0f4 !important;
  color:#ff3366 !important;
  box-shadow:none !important;
}

.pin-ref-page .pin-use-btn {
  order:1;
  min-width:92px !important;
  background:linear-gradient(135deg,#ff5b84,#ff2f62) !important;
  color:#fff !important;
  box-shadow:0 10px 20px rgba(255,47,98,.24) !important;
}

.pin-ref-page .pin-use-btn::before {
  content:"↯";
  margin-right:5px;
}

.pin-ref-page .pin-empty {
  padding:28px 14px !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#94a3b8 !important;
  box-shadow:0 9px 22px rgba(15,23,42,.07) !important;
}

.pin-ref-page .pin-list-bottom-spacer {
  display:none !important;
}

.pin-ref-page .pin-fab {
  width:52px !important;
  height:52px !important;
  right:max(18px, calc((100vw - 414px) / 2 + 12px)) !important;
  bottom:22px !important;
  background:linear-gradient(135deg,#ff5b84,#ff2f62) !important;
  box-shadow:0 14px 28px rgba(255,47,98,.28) !important;
}

@media (max-width:430px) {
  .pin-ref-page {
    width:min(390px, calc(100vw - 28px)) !important;
  }

  .pin-ref-page .pin-topbar-title {
    font-size:1.18rem !important;
  }

  .pin-ref-page .pin-quick-btn {
    min-width:32px !important;
    height:32px !important;
    padding:0 6px !important;
  }

  .pin-ref-page .pin-tabs-row {
    gap:18px !important;
  }

  .pin-ref-page .pin-item {
    grid-template-columns:82px minmax(0,1fr) !important;
    gap:10px !important;
    padding:11px !important;
  }

  .pin-ref-page .pin-item-actions {
    margin-top:-46px !important;
  }

  .pin-ref-page .pin-use-btn {
    min-width:86px !important;
  }
}

/* PDD pin glass surface alignment: keep controls unchanged */
.pin-ref-page {
  width:min(1240px, calc(100vw - 72px)) !important;
  max-width:1240px !important;
  color:#2d211b;
}

.pin-ref-container {
  display:grid !important;
  grid-template-columns:minmax(360px, 456px) minmax(0,1fr) !important;
  gap:22px !important;
  align-items:start !important;
}

.pin-ref-page .pin-topbar-row,
.pin-ref-page .pin-notice,
.pin-ref-page .pin-search,
.pin-ref-page .pin-tabs-row,
.pin-ref-page .pin-tabs-meta {
  grid-column:1;
}

.pin-ref-page .pin-list {
  grid-column:2;
  grid-row:1 / span 5;
  min-height:190px;
  padding:18px !important;
  border:1px solid rgba(255,255,255,.7) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,248,241,.58)) !important;
  box-shadow:0 22px 54px rgba(159,81,35,.12) !important;
  backdrop-filter:blur(24px) saturate(170%) !important;
  -webkit-backdrop-filter:blur(24px) saturate(170%) !important;
}

.pin-ref-page .pin-topbar-row,
.pin-ref-page .pin-notice,
.pin-ref-page .pin-tabs-row,
.pin-ref-page .pin-tabs-meta,
.pin-ref-page .pin-item,
.pin-ref-page .pin-empty {
  border:1px solid rgba(255,255,255,.68) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,248,241,.6)) !important;
  box-shadow:0 18px 44px rgba(159,81,35,.1) !important;
  backdrop-filter:blur(22px) saturate(165%) !important;
  -webkit-backdrop-filter:blur(22px) saturate(165%) !important;
}

.pin-ref-page .pin-topbar-row {
  padding:18px 20px !important;
  border-radius:24px !important;
}

.pin-ref-page .pin-notice {
  border-color:rgba(255,255,255,.7) !important;
  background:linear-gradient(145deg, rgba(255,255,255,.76), rgba(255,241,242,.58)) !important;
}

.pin-ref-page .pin-search {
  border-radius:999px;
  background:rgba(255,255,255,.38);
}

.pin-ref-page .pin-tabs-row,
.pin-ref-page .pin-tabs-meta {
  border-radius:18px !important;
  background:rgba(255,255,255,.5) !important;
}

.pin-ref-page .pin-item {
  border-radius:20px !important;
  background:linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,250,246,.66)) !important;
}

.pin-ref-page .pin-item-side {
  border-color:rgba(148,163,184,.18) !important;
  background:linear-gradient(145deg, rgba(248,250,252,.9), rgba(239,246,255,.72)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

.pin-ref-page .pin-item-price-row {
  background:linear-gradient(135deg, rgba(255,236,239,.9), rgba(255,241,242,.66)) !important;
}

@media (max-width:768px) {
  .pin-ref-page {
    width:min(414px, calc(100vw - 28px)) !important;
    max-width:414px !important;
  }

  .pin-ref-container {
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }

  .pin-ref-page .pin-list {
    min-height:0;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  .pin-ref-page .pin-topbar-row {
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
}

/* PDD pin overlap fix */
.pin-ref-page .pin-tabs-row {
  margin:0 !important;
}

.pin-ref-page .pin-tabs-meta {
  margin-top:0 !important;
}

@media (min-width:769px) {
  .pin-ref-page .pin-tabs-row,
  .pin-ref-page .pin-tabs-meta {
    min-height:44px !important;
  }

  .pin-ref-page .pin-tabs-meta {
    justify-content:flex-end !important;
  }
}

@media (max-width:768px) {
  .pin-ref-page {
    padding-bottom:28px !important;
  }

  .pin-ref-page .pin-tabs-row {
    width:100% !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .pin-ref-page .pin-tabs-meta {
    width:max-content !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    justify-content:flex-start !important;
    align-self:flex-start !important;
    padding:6px 10px !important;
  }

  .pin-ref-page .pin-list {
    margin-top:10px !important;
  }

  .pin-ref-page .pin-empty {
    margin:0 !important;
  }
}

/* PDD pin mobile glass card alignment */
@media (max-width:768px) {
  .pin-ref-page {
    width:min(390px, calc(100vw - 28px)) !important;
    max-width:390px !important;
    padding-top:18px !important;
  }

  .pin-ref-container {
    gap:14px !important;
    align-items:stretch !important;
  }

  .pin-ref-page .pin-topbar-row,
  .pin-ref-page .pin-notice,
  .pin-ref-page .pin-search,
  .pin-ref-page .pin-tabs-row,
  .pin-ref-page .pin-tabs-meta,
  .pin-ref-page .pin-list,
  .pin-ref-page .pin-empty,
  .pin-ref-page .pin-item {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .pin-ref-page .pin-topbar-row,
  .pin-ref-page .pin-notice,
  .pin-ref-page .pin-tabs-row,
  .pin-ref-page .pin-tabs-meta,
  .pin-ref-page .pin-empty,
  .pin-ref-page .pin-item {
    border:1px solid rgba(255,255,255,.72) !important;
    background:linear-gradient(145deg, rgba(255,255,255,.78), rgba(255,248,241,.62)) !important;
    box-shadow:0 14px 34px rgba(159,81,35,.1) !important;
    backdrop-filter:blur(22px) saturate(165%) !important;
    -webkit-backdrop-filter:blur(22px) saturate(165%) !important;
  }

  .pin-ref-page .pin-topbar-row {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:16px !important;
    border-radius:18px !important;
  }

  .pin-ref-page .pin-topbar-title {
    font-size:1.22rem !important;
  }

  .pin-ref-page .pin-title-logo {
    width:42px;
    height:42px;
  }

  .pin-ref-page .pin-topbar-quick {
    gap:6px !important;
    width:100% !important;
    justify-content:center !important;
  }

  .pin-ref-page .pin-quick-btn {
    min-width:54px !important;
    height:42px !important;
    padding:0 12px !important;
  }

  .pin-ref-page .pin-notice {
    padding:12px 14px !important;
    border-radius:14px !important;
  }

  .pin-ref-page .pin-search {
    width:100% !important;
  }

  .pin-ref-page .pin-search-input {
    width:100% !important;
    min-height:40px !important;
    border-color:rgba(226,232,240,.9) !important;
    box-shadow:0 10px 24px rgba(15,23,42,.05) !important;
  }

  .pin-ref-page .pin-tabs-row {
    display:flex !important;
    justify-content:flex-start !important;
    gap:20px !important;
    padding:7px 12px !important;
    border-radius:999px !important;
  }

  .pin-ref-page .pin-tabs-meta {
    display:inline-flex !important;
    width:100% !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    justify-content:flex-start !important;
  }

  .pin-ref-page .pin-list {
    margin-top:4px !important;
  }

  .pin-ref-page .pin-empty {
    min-height:80px !important;
    display:grid !important;
    place-items:center !important;
    padding:18px !important;
    border-radius:14px !important;
    color:#8aa0b8 !important;
  }

  .pin-ref-page .pin-item {
    border-radius:16px !important;
  }
}

/* Home module icons: make local ico artwork fill the existing glass tile better. */
body:not(.page-pdd) .home-nav-section .scene-logo.has-image {
  background:
    linear-gradient(180deg, rgba(255,255,255,.86), rgba(232,242,255,.52));
}

body:not(.page-pdd) .home-nav-section .scene-logo.has-image img:not([src=""]) {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.16);
}

/* PDD publish card spacing: separate controls from helper copy. */
body.page-pdd .pdd-publish-form {
  display:grid;
  gap:12px;
}

body.page-pdd .pdd-input-area {
  gap:10px !important;
}

body.page-pdd .pdd-agreement {
  margin:2px 0 0 !important;
  padding:0 2px !important;
}

body.page-pdd .pdd-agreement input {
  margin-top:4px !important;
}

body.page-pdd .pdd-agreement span {
  gap:3px !important;
}

body.page-pdd .pdd-record-actions {
  margin-top:14px !important;
}

@media (max-width:760px) {
  body.page-pdd .pdd-publish-form {
    gap:10px;
  }

  body.page-pdd .pdd-input-area {
    gap:9px !important;
  }

  body.page-pdd .pdd-agreement {
    margin-top:0 !important;
  }
}

/* Taobao coin related red-packet buttons: stronger visual entry. */
.quan-tjb-page .quan-tjb-main-grid,
.quan-tjb-page .quan-tjb-compose-column,
.quan-tjb-page .quan-tjb-list-column {
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}

.quan-tjb-page .quan-tjb-related {
  gap:10px !important;
  padding:8px !important;
  border:1px solid rgba(255,138,92,.18) !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.72), rgba(255,247,237,.62)) !important;
  box-shadow:0 18px 38px rgba(255,138,92,.12) !important;
}

.quan-tjb-page .quan-hero-related-half {
  min-height:58px !important;
  padding:0 16px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,138,92,.28) !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.9), transparent 28%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,238,213,.88)) !important;
  color:#7c2d12 !important;
  font-size:.95rem !important;
  font-weight:900 !important;
  box-shadow:0 12px 26px rgba(249,115,22,.16) !important;
}

.quan-tjb-page .quan-hero-related-half--left {
  background:
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.92), transparent 28%),
    linear-gradient(135deg, #fff7ed, #fee2e2 48%, #ffedd5) !important;
}

.quan-tjb-page .quan-hero-related-half--right {
  background:
    radial-gradient(circle at 16% 20%, rgba(255,255,255,.92), transparent 28%),
    linear-gradient(135deg, #fff7ed, #ffedd5 45%, #fef3c7) !important;
}

.quan-tjb-page .quan-hero-related-icons.has-image {
  width:28px;
  height:28px;
  display:inline-grid;
  place-items:center;
  overflow:hidden;
  flex:0 0 28px;
  border-radius:9px;
  background:rgba(255,255,255,.78);
  box-shadow:0 8px 16px rgba(124,45,18,.12);
}

.quan-tjb-page .quan-hero-related-icons.has-image img {
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.08);
}

.quan-tjb-page .quan-hero-related-chev {
  margin-left:auto;
  font-size:1.1rem;
  color:#ea580c;
}

.nav-more-wrap[hidden] {
  display:none !important;
}

.nav-more-dropdown .nav-pill {
  display:flex !important;
  width:100%;
  justify-content:space-between;
}

/* Desktop nav: keep the nav inside its grid column so it cannot overlap the brand. */
@media (min-width:1181px) {
  .site-header {
    grid-template-columns:auto minmax(0, 1fr) !important;
    column-gap:28px !important;
  }

  .site-nav {
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .brand {
    position:relative;
    z-index:2;
    flex:0 0 auto;
  }

  .nav-pill {
    min-width:max-content;
  }
}

/* Taobao coin requested refinements: icon title, metallic red-packet CTAs, mobile header rhythm. */
.quan-tjb-page .quan-hero-title {
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.quan-tjb-page .quan-hero-title-icon {
  width:38px !important;
  height:38px !important;
  display:inline-grid !important;
  place-items:center !important;
  flex:0 0 38px !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,247,237,.72)) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.14), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

.quan-tjb-page .quan-hero-title-icon img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transform:scale(1.12) !important;
}

.quan-tjb-page .quan-hero-action-btn {
  min-height:70px !important;
  padding:10px 8px !important;
}

.quan-tjb-page .quan-tjb-related {
  margin:12px 0 0 !important;
  padding:8px !important;
  border:1px solid rgba(251,191,36,.46) !important;
  border-radius:18px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.8), rgba(255,248,230,.7)) !important;
  box-shadow:0 16px 36px rgba(180,83,9,.12), inset 0 1px 0 rgba(255,255,255,.8) !important;
}

.quan-tjb-page .quan-tjb-related .quan-hero-related-half {
  min-height:56px !important;
  border-color:rgba(251,191,36,.58) !important;
  color:#7c2d12 !important;
  font-weight:950 !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(255,255,255,.96), transparent 30%),
    linear-gradient(135deg,#fff8dc 0%,#ffd773 43%,#fff1bc 57%,#d98a1d 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -12px 20px rgba(180,83,9,.08),
    0 12px 24px rgba(217,119,6,.16) !important;
}

.quan-tjb-page .quan-tjb-related .quan-hero-related-half--right {
  background:
    radial-gradient(circle at 20% 12%, rgba(255,255,255,.96), transparent 30%),
    linear-gradient(135deg,#fff7d6 0%,#ffca4f 42%,#fff0ac 56%,#c97816 100%) !important;
}

@media (max-width:520px) {
  .quan-tjb-page .quan-hero-action-btn {
    min-height:66px !important;
  }

  .quan-tjb-page .quan-section-head {
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
  }

  .quan-tjb-page .quan-section-title {
    min-width:0 !important;
    white-space:nowrap !important;
  }

  .quan-tjb-page .quan-section-head-actions {
    min-width:0 !important;
    justify-content:end !important;
  }

  .quan-tjb-page .quan-section-head-trailing {
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  .quan-tjb-page .quan-smart-btn {
    width:100% !important;
  }
}

@media (max-width:640px) {
  .live-news-page .live-news-toolbar {
    display:none !important;
  }

  .live-news-page .live-news-shell {
    gap:10px !important;
  }

  .live-news-page .live-news-frame-wrap {
    height:calc(100vh - 150px) !important;
    min-height:620px !important;
  }
}
@media (max-width: 640px) {
  .home-ranking-section {
    padding-left: 14px;
    padding-right: 14px;
    overflow: hidden;
  }

  .home-ranking-head,
  .home-ranking-empty,
  .home-ranking-track {
    width: 100%;
    max-width: 100%;
  }

  .home-ranking-head {
    gap: 10px;
  }

  .home-ranking-head h2 {
    min-width: 0;
    font-size: 17px;
    white-space: nowrap;
  }

  .home-ranking-more {
    flex: 0 0 auto;
    font-size: 12px;
    white-space: nowrap;
  }

  .home-ranking-track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
  }

  .home-ranking-item {
    min-width: 0;
    width: auto;
    gap: 6px;
    padding: 10px 8px;
    border-radius: 10px;
  }

  .home-rank-badge {
    min-width: 18px;
    font-size: 16px;
  }

  .home-rank-name {
    min-width: 0;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .home-rank-stat {
    flex: 0 0 auto;
    font-size: 10px;
  }
}

/* Taobao coin composition polish: cohesive hero, quota card, and submit area. */
.quan-tjb-page .quan-board-hero,
.quan-tjb-page .quan-quota-banner,
.quan-tjb-page .quan-board-publish {
  overflow:hidden;
}

.quan-tjb-page .quan-publish-actions {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:14px !important;
  align-items:center !important;
}

.quan-tjb-page .quan-publish-agree {
  justify-content:flex-start !important;
}

.quan-tjb-page .quan-publish-submit {
  justify-self:center !important;
  width:min(100%, 280px) !important;
  min-height:52px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,#f67872 0%,#ffad62 100%) !important;
  box-shadow:0 14px 28px rgba(249,115,22,.18), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

@media (min-width:768px) {
  body.page-taobao-coin .quan-board-hero,
  body.page-taobao-coin .quan-quota-banner,
  body.page-taobao-coin .quan-board-publish,
  body.page-taobao-coin .quan-entry-section {
    border-radius:26px !important;
    border-color:rgba(255,255,255,.72) !important;
    box-shadow:0 22px 48px rgba(159,81,35,.1), inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  body.page-taobao-coin .quan-board-hero {
    position:relative !important;
    min-height:188px !important;
    padding:32px 34px !important;
    background:
      radial-gradient(circle at 14% 18%, rgba(255,184,108,.16), transparent 24%),
      radial-gradient(circle at 88% 12%, rgba(34,197,94,.13), transparent 28%),
      linear-gradient(135deg, rgba(236,253,245,.9), rgba(255,252,244,.88) 54%, rgba(255,247,237,.82)) !important;
  }

  body.page-taobao-coin .quan-board-hero::before {
    content:"";
    position:absolute;
    inset:16px;
    pointer-events:none;
    border-radius:22px;
    background:
      linear-gradient(90deg, rgba(255,255,255,.32) 1px, transparent 1px),
      linear-gradient(180deg, rgba(255,255,255,.28) 1px, transparent 1px);
    background-size:36px 36px;
    opacity:.28;
    mask-image:linear-gradient(90deg,#000,transparent 72%);
  }

  body.page-taobao-coin .quan-board-hero::after {
    content:"";
    position:absolute;
    right:30%;
    bottom:-54px;
    width:190px;
    height:190px;
    border-radius:999px;
    background:radial-gradient(circle, rgba(255,183,77,.22), transparent 66%);
    pointer-events:none;
  }

  body.page-taobao-coin .quan-hero-data {
    position:relative !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:minmax(260px, .92fr) minmax(420px, 1fr) !important;
    grid-template-areas:
      "identity actions"
      "crumb actions" !important;
    gap:18px 30px !important;
    align-items:center !important;
  }

  body.page-taobao-coin .quan-hero-head {
    grid-area:identity !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
  }

  body.page-taobao-coin .quan-hero-title {
    font-size:1.9rem !important;
    letter-spacing:-.03em !important;
  }

  body.page-taobao-coin .quan-hero-title-icon {
    width:58px !important;
    height:58px !important;
    flex:0 0 58px !important;
    border-radius:18px !important;
    box-shadow:0 14px 28px rgba(249,115,22,.16), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  body.page-taobao-coin .quan-hero-head-actions {
    display:none !important;
  }

  body.page-taobao-coin .quan-hero-action-grid {
    grid-area:actions !important;
    width:min(100%, 590px) !important;
    justify-self:end !important;
    align-self:center !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(128px, 1fr)) !important;
    gap:12px !important;
    margin:0 !important;
  }

  body.page-taobao-coin .quan-hero-action-btn {
    min-height:62px !important;
    padding:10px 14px !important;
    border-radius:17px !important;
    border-color:rgba(191,219,254,.8) !important;
    background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(248,251,255,.9)) !important;
    color:#24364d !important;
    font-size:.9rem !important;
    box-shadow:0 12px 24px rgba(30,64,175,.07), inset 0 1px 0 rgba(255,255,255,.92) !important;
  }

  body.page-taobao-coin .quan-hero-action-btn-icon {
    font-size:1.12rem !important;
    color:#64748b !important;
  }

  body.page-taobao-coin .quan-hero-action-btn-badge {
    top:-7px !important;
    right:-7px !important;
  }

  body.page-taobao-coin .quan-hero-footer-hint {
    grid-area:crumb !important;
    width:max-content !important;
    max-width:100% !important;
    padding:8px 12px !important;
    border:1px solid rgba(255,138,92,.28) !important;
    border-radius:999px !important;
    background:linear-gradient(135deg, rgba(255,247,237,.96), rgba(255,251,235,.82)) !important;
    color:#c2410c !important;
    font-size:.82rem !important;
    font-weight:950 !important;
    box-shadow:0 10px 20px rgba(249,115,22,.08), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }

  body.page-taobao-coin .quan-quota-banner {
    position:relative !important;
    padding:26px !important;
    background:
      radial-gradient(circle at 92% 8%, rgba(255,183,77,.12), transparent 26%),
      linear-gradient(145deg, rgba(255,252,248,.94), rgba(255,247,237,.88)) !important;
  }

  body.page-taobao-coin .quan-quota-banner-head {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-areas:
      "title button"
      "hint hint" !important;
    gap:12px 18px !important;
    align-items:start !important;
    margin-bottom:16px !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }

  body.page-taobao-coin .quan-quota-banner-head-title {
    grid-area:title !important;
    position:relative;
    margin:0 !important;
    color:#9a3412 !important;
    font-size:1.16rem !important;
    line-height:1.25 !important;
  }

  body.page-taobao-coin .quan-quota-banner-head-title::after {
    content:"每日互助次数与当前额度";
    display:block;
    margin-top:6px;
    color:#9b8a7d;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:0;
  }

  body.page-taobao-coin .quan-quota-banner-rules-inline {
    grid-area:button !important;
    justify-self:end !important;
    min-height:38px !important;
    padding:0 18px !important;
    border-radius:999px !important;
    border-color:rgba(255,138,92,.24) !important;
    background:rgba(255,255,255,.74) !important;
    color:#9a3412 !important;
    box-shadow:0 10px 20px rgba(159,81,35,.07), inset 0 1px 0 rgba(255,255,255,.8) !important;
  }

  body.page-taobao-coin .quan-quota-banner-head-hint {
    grid-area:hint !important;
    justify-self:stretch !important;
    margin:0 !important;
    padding:12px 14px !important;
    border:1px solid rgba(251,146,60,.2) !important;
    border-radius:16px !important;
    background:linear-gradient(135deg, rgba(255,247,237,.92), rgba(255,251,235,.78)) !important;
    color:#b45309 !important;
    text-align:left !important;
    font-size:.9rem !important;
    line-height:1.55 !important;
  }

  body.page-taobao-coin .quan-quota-banner-grid {
    grid-template-columns:repeat(4, minmax(0,1fr)) !important;
    gap:12px !important;
    padding:0 0 16px !important;
    border-bottom:1px dashed rgba(251,146,60,.24) !important;
  }

  body.page-taobao-coin .quan-quota-banner-cell {
    min-height:84px !important;
    padding:14px 10px !important;
    border:1px solid rgba(255,255,255,.8) !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.74) !important;
    box-shadow:0 12px 24px rgba(159,81,35,.06), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }

  body.page-taobao-coin .quan-quota-banner-cell:first-child {
    border-color:rgba(251,146,60,.72) !important;
    background:linear-gradient(145deg, rgba(255,248,196,.94), rgba(255,238,174,.72)) !important;
  }

  body.page-taobao-coin .quan-quota-banner-cell-v {
    font-size:1.72rem !important;
    font-weight:950 !important;
    color:#c2410c !important;
  }

  body.page-taobao-coin .quan-quota-banner-cell-k {
    color:#6b7280 !important;
    font-size:.82rem !important;
    font-weight:850 !important;
  }

  body.page-taobao-coin .quan-quota-banner::after {
    margin-top:14px !important;
    padding:12px 14px !important;
    border:1px solid rgba(251,146,60,.2) !important;
    border-radius:16px !important;
    background:linear-gradient(135deg, rgba(255,247,237,.82), rgba(255,251,235,.7)) !important;
    color:#b45309 !important;
    text-align:left !important;
    font-size:.86rem !important;
    line-height:1.55 !important;
  }

  body.page-taobao-coin .quan-board-publish {
    padding:24px !important;
    background:linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,249,241,.86)) !important;
  }

  body.page-taobao-coin .quan-publish-actions {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:14px !important;
  }

  body.page-taobao-coin .quan-publish-agree {
    justify-content:flex-start !important;
    margin:0 !important;
  }

  body.page-taobao-coin .quan-publish-submit {
    justify-self:center !important;
    width:280px !important;
    max-width:100% !important;
    min-height:54px !important;
    margin:0 0 4px !important;
    border-radius:16px !important;
    font-size:1rem !important;
    box-shadow:0 16px 32px rgba(249,115,22,.2), inset 0 1px 0 rgba(255,255,255,.38) !important;
  }
}

@media (min-width:1024px) {
  body.page-taobao-coin .quan-hero-data {
    grid-template-columns:minmax(300px, .88fr) minmax(480px, 1.05fr) !important;
  }

  body.page-taobao-coin .quan-hero-action-grid {
    width:min(100%, 610px) !important;
  }
}

@media (max-width:767px) {
  .quan-tjb-page .quan-board-hero {
    position:relative !important;
    padding:18px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg, rgba(236,253,245,.92), rgba(255,249,241,.88)) !important;
  }

  .quan-tjb-page .quan-hero-head {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }

  .quan-tjb-page .quan-hero-head-actions {
    display:none !important;
  }

  .quan-tjb-page .quan-hero-title {
    font-size:1.42rem !important;
  }

  .quan-tjb-page .quan-hero-footer-hint {
    
    width:auto !important;
    max-width:100% !important;
    margin:12px auto 0 !important;
    justify-self:center !important;
    align-self:center !important;
    padding:7px 10px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,138,92,.28) !important;
    background:linear-gradient(135deg, rgba(255,247,237,.96), rgba(255,251,235,.82)) !important;
    color:#c2410c !important;
    text-align:center !important;
    justify-content:center !important;
    font-weight:950 !important;
    white-space:normal !important;
  }

  .quan-tjb-page .quan-hero-data {
    justify-items:center !important;
  }

  .quan-tjb-page .quan-hero-head,
  .quan-tjb-page .quan-hero-action-grid {
    width:100% !important;
    justify-self:stretch !important;
  }

  .quan-tjb-page .quan-hero-action-grid {
    grid-template-columns:repeat(3, minmax(0,1fr)) !important;
    gap:8px !important;
    margin-top:14px !important;
  }

  .quan-tjb-page .quan-hero-action-btn {
    min-height:58px !important;
    padding:8px 4px !important;
    border-radius:14px !important;
    font-size:.74rem !important;
  }

  .quan-tjb-page .quan-quota-banner {
    padding:16px !important;
  }

  .quan-tjb-page .quan-quota-banner-head {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:10px !important;
    margin-bottom:12px !important;
  }

  .quan-tjb-page .quan-quota-banner-head-title {
    margin:0 !important;
  }

  .quan-tjb-page .quan-quota-banner-head-title::after {
    content:"每日互助次数与当前额度";
    display:block;
    margin-top:4px;
    color:#9b8a7d;
    font-size:.72rem;
    font-weight:800;
  }

  .quan-tjb-page .quan-quota-banner-rules-inline {
    display:inline-flex !important;
    min-height:34px !important;
    padding:0 12px !important;
    border-radius:999px !important;
  }

  .quan-tjb-page .quan-quota-banner-head-hint {
    grid-column:1 / -1 !important;
    justify-self:stretch !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#fff7ed !important;
    text-align:left !important;
    line-height:1.5 !important;
  }

  .quan-tjb-page .quan-quota-banner-grid {
    gap:8px !important;
  }

  .quan-tjb-page .quan-quota-banner-cell {
    min-height:66px !important;
    border-radius:14px !important;
  }

  .quan-tjb-page .quan-quota-banner-cell-v {
    font-size:1.26rem !important;
  }

  .quan-tjb-page .quan-quota-banner-cell-k {
    font-size:.68rem !important;
  }

  .quan-tjb-page .quan-quota-banner::after {
    margin-top:10px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    background:#fff7ed !important;
    text-align:left !important;
  }

  .quan-tjb-page .quan-publish-actions {
    gap:12px !important;
    margin-top:12px !important;
  }

  .quan-tjb-page .quan-publish-submit {
    width:100% !important;
    min-height:50px !important;
  }
}

@media (max-width:360px) {
  .quan-tjb-page .quan-hero-action-btn {
    font-size:.68rem !important;
  }

  .quan-tjb-page .quan-quota-banner-grid {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

/* Live news responsive rebuild: mobile-first base, desktop gets its own proportions. */
body.page-live-news {
  overflow-x:hidden !important;
}

body.page-live-news .live-news-page {
  --ln-text:#2f2119;
  --ln-muted:#7c6657;
  --ln-surface:rgba(255,255,255,.76);
  --ln-surface-strong:rgba(255,252,248,.9);
  --ln-edge:rgba(255,255,255,.72);
  --ln-soft-shadow:0 14px 34px rgba(154,83,35,.09);
  --ln-card-shadow:0 18px 42px rgba(154,83,35,.11);
  width:100% !important;
  max-width:100% !important;
  min-height:0 !important;
  padding:0 0 18px !important;
}

body.page-live-news .live-news-shell {
  width:min(100% - 32px, 430px) !important;
  max-width:430px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  align-items:start !important;
}

body.page-live-news .live-news-banner {
  display:none !important;
}

body.page-live-news .live-news-banner,
body.page-live-news .live-news-redpack-card,
body.page-live-news .live-news-accordion-card,
body.page-live-news .live-news-takeaway-card {
  border:1px solid var(--ln-edge) !important;
  background:var(--ln-surface) !important;
  box-shadow:var(--ln-soft-shadow) !important;
  backdrop-filter:blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.12) !important;
}

body.page-live-news .live-news-redpack-grid {
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
}

body.page-live-news .live-news-redpack-card {
  min-width:0 !important;
  min-height:70px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:9px !important;
  padding:10px !important;
  border-radius:20px !important;
  color:#fff !important;
  overflow:hidden !important;
}

body.page-live-news .live-news-redpack-card .live-news-card-icon {
  width:40px !important;
  height:40px !important;
  border-radius:14px !important;
}

body.page-live-news .live-news-redpack-card span:not(.live-news-card-icon) {
  min-width:0 !important;
}

body.page-live-news .live-news-redpack-card strong,
body.page-live-news .live-news-redpack-card small {
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

body.page-live-news .live-news-redpack-card strong {
  max-width:none !important;
  font-size:.96rem !important;
  line-height:1.12 !important;
  letter-spacing:-.02em !important;
}

body.page-live-news .live-news-redpack-card small {
  margin-top:3px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:.68rem !important;
  line-height:1.15 !important;
}

body.page-live-news .live-news-redpack-card b {
  display:none !important;
}

body.page-live-news .live-news-accordion-card,
body.page-live-news .live-news-takeaway-card {
  overflow:hidden !important;
  border-radius:24px !important;
}

body.page-live-news .live-news-section-toggle {
  min-height:78px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:14px !important;
  border:0 !important;
  background:transparent !important;
  color:var(--ln-text) !important;
}

body.page-live-news .live-news-card-icon {
  width:48px !important;
  height:48px !important;
  flex:0 0 48px !important;
  border-radius:16px !important;
}

body.page-live-news .live-news-section-title {
  min-width:0 !important;
  display:block !important;
  line-height:1.2 !important;
}

body.page-live-news .live-news-section-title strong {
  display:block !important;
  font-size:1.18rem !important;
  font-weight:950 !important;
  letter-spacing:-.03em !important;
}

body.page-live-news .live-news-section-title small {
  display:block !important;
  margin-top:4px !important;
  color:#715b4e !important;
  font-size:.86rem !important;
  font-weight:800 !important;
}

body.page-live-news .live-news-section-toggle i {
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
}

body.page-live-news .live-news-section-body {
  padding:0 12px 14px !important;
}

body.page-live-news .live-news-frame-wrap {
  width:100% !important;
  max-width:100% !important;
  min-height:620px !important;
  height:70vh !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:20px !important;
  border:1px solid rgba(255,145,82,.16) !important;
  background:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86) !important;
}

body.page-live-news .live-news-frame-wrap.is-mini-frame {
  min-height:420px !important;
  height:68vh !important;
}

body.page-live-news .live-news-frame-wrap.is-comprehensive-frame {
  min-height:300px !important;
  height:48vh !important;
}

body.page-live-news .live-news-frame {
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}

body.page-live-news .live-news-empty,
body.page-live-news .live-news-panel-tip {
  margin:10px 0 0 !important;
  color:var(--ln-muted) !important;
  font-size:.82rem !important;
  line-height:1.55 !important;
}

body.page-live-news .live-news-takeaway-card .live-news-section-body {
  padding:0 12px 16px !important;
}

body.page-live-news .live-news-takeaway-card .live-news-eyebrow {
  margin:0 0 10px 2px !important;
  font-size:.68rem !important;
  letter-spacing:.12em !important;
}

body.page-live-news .live-news-tabs {
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:8px !important;
  margin:0 0 14px !important;
}

body.page-live-news .live-news-tab {
  min-width:0 !important;
  min-height:60px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  padding:8px 4px !important;
  border-radius:16px !important;
  border:1px solid rgba(231,198,170,.7) !important;
  background:rgba(255,255,255,.86) !important;
  color:#33251f !important;
  font-size:.78rem !important;
  font-weight:900 !important;
  box-shadow:0 8px 18px rgba(105,61,35,.06) !important;
}

body.page-live-news .live-news-tab.is-active {
  border-color:rgba(255,134,28,.72) !important;
  background:linear-gradient(135deg, rgba(255,249,235,.98), rgba(255,235,201,.95)) !important;
  color:#b64d08 !important;
  box-shadow:0 12px 24px rgba(245,133,35,.12), inset 0 0 0 1px rgba(255,174,55,.22) !important;
}

body.page-live-news .live-news-tab-icon {
  width:30px !important;
  height:30px !important;
  border-radius:11px !important;
}

body.page-live-news .live-news-coupon-actions {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

body.page-live-news .live-news-coupon-actions.is-grid {
  grid-template-columns:1fr !important;
}

body.page-live-news .live-news-coupon-btn {
  width:100% !important;
  max-width:100% !important;
  min-height:50px !important;
  justify-self:center !important;
  gap:9px !important;
  padding:10px 14px !important;
  border-radius:14px !important;
  font-size:.88rem !important;
  line-height:1.2 !important;
}

body.page-live-news .live-news-coupon-icon {
  width:24px !important;
  height:24px !important;
  border-radius:8px !important;
}

@media (max-width:360px) {
  body.page-live-news .live-news-shell {
    width:min(100% - 24px, 430px) !important;
    gap:14px !important;
  }

  body.page-live-news .live-news-redpack-grid {
    grid-template-columns:1fr !important;
  }

  body.page-live-news .live-news-redpack-card {
    min-height:64px !important;
  }

  body.page-live-news .live-news-section-toggle {
    min-height:74px !important;
  }
}

@media (min-width:768px) {
  body.page-live-news .live-news-page {
    padding-bottom:24px !important;
  }

  body.page-live-news .live-news-shell {
    width:min(100% - 48px, 880px) !important;
    max-width:880px !important;
    gap:18px !important;
  }

  body.page-live-news .live-news-redpack-card {
    min-height:84px !important;
    padding:14px 16px !important;
    border-radius:22px !important;
  }

  body.page-live-news .live-news-redpack-card .live-news-card-icon {
    width:46px !important;
    height:46px !important;
  }

  body.page-live-news .live-news-redpack-card strong {
    font-size:1.12rem !important;
  }

  body.page-live-news .live-news-redpack-card small {
    font-size:.78rem !important;
  }

  body.page-live-news .live-news-section-toggle {
    min-height:82px !important;
    padding:16px !important;
  }

  body.page-live-news .live-news-frame-wrap {
    min-height:640px !important;
    height:72vh !important;
  }
}

@media (min-width:1024px) {
  body.page-live-news .live-news-page {
    padding-bottom:32px !important;
  }

  body.page-live-news .live-news-shell {
    width:min(100% - 72px, 1200px) !important;
    max-width:1200px !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:20px !important;
  }

  body.page-live-news .live-news-banner,
  body.page-live-news .live-news-redpack-grid,
  body.page-live-news .live-news-accordion-card:nth-of-type(3),
  body.page-live-news .live-news-takeaway-card {
    grid-column:1 / -1 !important;
  }

  body.page-live-news .live-news-banner {
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 280px !important;
    align-items:center !important;
    min-height:0 !important;
    height:250px !important;
    max-height:280px !important;
    padding:30px 38px !important;
    border-radius:30px !important;
    overflow:hidden !important;
    background:
      radial-gradient(circle at 80% 18%, rgba(255,190,112,.28), transparent 28%),
      linear-gradient(135deg, rgba(255,248,240,.95), rgba(255,226,205,.84)) !important;
  }

  body.page-live-news .live-news-banner::before {
    inset:10px !important;
    border-radius:24px !important;
  }

  body.page-live-news .live-news-banner h1 {
    font-size:clamp(2rem, 3vw, 3rem) !important;
    line-height:1.08 !important;
  }

  body.page-live-news .live-news-banner p:not(.live-news-eyebrow) {
    margin-top:16px !important;
    font-size:1.05rem !important;
  }

  body.page-live-news .live-news-banner-art {
    min-height:190px !important;
    transform:scale(.82) !important;
    transform-origin:center !important;
  }

  body.page-live-news .live-news-redpack-grid {
    gap:18px !important;
  }

  body.page-live-news .live-news-redpack-card {
    min-height:96px !important;
    grid-template-columns:auto minmax(0,1fr) 42px !important;
    gap:14px !important;
    padding:18px 22px !important;
    border-radius:24px !important;
  }

  body.page-live-news .live-news-redpack-card .live-news-card-icon {
    width:54px !important;
    height:54px !important;
    border-radius:17px !important;
  }

  body.page-live-news .live-news-redpack-card strong {
    font-size:1.3rem !important;
  }

  body.page-live-news .live-news-redpack-card small {
    font-size:.88rem !important;
  }

  body.page-live-news .live-news-redpack-card b {
    display:grid !important;
    width:38px !important;
    height:38px !important;
    font-size:1.65rem !important;
  }

  body.page-live-news .live-news-accordion-card,
  body.page-live-news .live-news-takeaway-card {
    border-radius:28px !important;
    box-shadow:var(--ln-card-shadow) !important;
  }

  body.page-live-news .live-news-section-toggle {
    min-height:82px !important;
    padding:16px 20px !important;
  }

  body.page-live-news .live-news-card-icon {
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
    border-radius:17px !important;
  }

  body.page-live-news .live-news-section-title {
    display:flex !important;
    align-items:baseline !important;
    gap:14px !important;
  }

  body.page-live-news .live-news-section-title strong {
    font-size:1.38rem !important;
  }

  body.page-live-news .live-news-section-title small {
    margin-top:0 !important;
    font-size:.98rem !important;
  }

  body.page-live-news .live-news-section-body {
    padding:0 20px 20px !important;
  }

  body.page-live-news .live-news-frame-wrap {
    width:min(100%, 560px) !important;
    max-width:560px !important;
    min-height:640px !important;
    height:680px !important;
    border-radius:24px !important;
    background:#eef2f6 !important;
    box-shadow:0 18px 44px rgba(15,23,42,.1), inset 0 1px 0 rgba(255,255,255,.9) !important;
  }

  body.page-live-news .live-news-frame-wrap.is-mini-frame {
    width:100% !important;
    max-width:100% !important;
    min-height:460px !important;
    height:520px !important;
  }

  body.page-live-news .live-news-frame-wrap.is-comprehensive-frame {
    min-height:320px !important;
    height:380px !important;
  }

  body.page-live-news .live-news-empty {
    width:min(100%, 560px) !important;
    margin:12px auto 0 !important;
  }

  body.page-live-news .live-news-takeaway-card .live-news-section-body {
    padding:0 22px 24px !important;
  }

  body.page-live-news .live-news-takeaway-card .live-news-eyebrow,
  body.page-live-news .live-news-tabs,
  body.page-live-news .live-news-tab-panels {
    width:min(100%, 720px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.page-live-news .live-news-tabs {
    gap:12px !important;
    margin-bottom:16px !important;
  }

  body.page-live-news .live-news-tab {
    min-height:68px !important;
    flex-direction:row !important;
    gap:9px !important;
    padding:12px !important;
    border-radius:18px !important;
    font-size:.94rem !important;
  }

  body.page-live-news .live-news-tab-icon {
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
  }

  body.page-live-news .live-news-coupon-actions,
  body.page-live-news .live-news-coupon-actions.is-grid {
    width:min(100%, 680px) !important;
    margin:0 auto !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  body.page-live-news .live-news-coupon-btn {
    max-width:680px !important;
    min-height:52px !important;
    border-radius:16px !important;
    font-size:.95rem !important;
  }

  body.page-live-news .live-news-shell > .live-news-accordion-card:nth-last-of-type(-n + 2) {
    grid-column:auto !important;
  }

  body.page-live-news .live-news-shell > .live-news-accordion-card:nth-last-of-type(-n + 2) .live-news-section-toggle {
    min-height:82px !important;
  }
}

@media (min-width:1440px) {
  body.page-live-news .live-news-shell {
    width:min(100% - 96px, 1280px) !important;
    max-width:1280px !important;
    gap:22px !important;
  }

  body.page-live-news .live-news-banner {
    height:260px !important;
    padding-left:44px !important;
    padding-right:44px !important;
  }

  body.page-live-news .live-news-frame-wrap {
    height:700px !important;
  }
}

/* Live news corrective pass: constrain scale, restore contrast, avoid full-width mobile magnification. */
body.page-live-news .live-news-accordion-card:not(.is-open) .live-news-section-body,
body.page-live-news .live-news-section-body[hidden] {
  display:none !important;
}

body.page-live-news .live-news-redpack-card.is-jd {
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.36), transparent 28%),
    linear-gradient(135deg, #ff7b71 0%, #ff3848 48%, #f97316 100%) !important;
  color:#fff !important;
}

body.page-live-news .live-news-redpack-card.is-taobao {
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.34), transparent 28%),
    linear-gradient(135deg, #ffbb58 0%, #ff8a1f 48%, #ff5f0a 100%) !important;
  color:#fff !important;
}

body.page-live-news .live-news-redpack-card strong,
body.page-live-news .live-news-redpack-card small {
  color:#fff !important;
  text-shadow:0 1px 8px rgba(124,45,18,.18) !important;
}

body.page-live-news .live-news-redpack-card b {
  background:rgba(255,255,255,.92) !important;
  color:#ff4b34 !important;
}

@media (max-width:767px) {
  body.page-live-news .live-news-shell {
    width:min(100% - 32px, 430px) !important;
    gap:14px !important;
  }

  body.page-live-news .live-news-banner {
    display:none !important;
  }

  body.page-live-news .live-news-redpack-card {
    min-height:66px !important;
    padding:9px 10px !important;
    border-radius:18px !important;
    gap:8px !important;
  }

  body.page-live-news .live-news-redpack-card .live-news-card-icon {
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
  }

  body.page-live-news .live-news-redpack-card strong {
    font-size:.9rem !important;
  }

  body.page-live-news .live-news-redpack-card small {
    font-size:.66rem !important;
  }

  body.page-live-news .live-news-accordion-card,
  body.page-live-news .live-news-takeaway-card {
    border-radius:22px !important;
  }

  body.page-live-news .live-news-section-toggle {
    min-height:78px !important;
    padding:13px !important;
  }

  body.page-live-news .live-news-card-icon {
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }

  body.page-live-news .live-news-frame-wrap {
    min-height:560px !important;
    height:70vh !important;
  }

  body.page-live-news .live-news-frame-wrap.is-mini-frame {
    min-height:420px !important;
    height:62vh !important;
  }

  body.page-live-news .live-news-frame-wrap.is-comprehensive-frame {
    min-height:300px !important;
    height:44vh !important;
  }

  body.page-live-news .live-news-tabs {
    gap:8px !important;
  }

  body.page-live-news .live-news-tab {
    min-height:58px !important;
  }
}

@media (max-width:340px) {
  body.page-live-news .live-news-shell {
    width:min(100% - 24px, 430px) !important;
  }

  body.page-live-news .live-news-redpack-grid {
    grid-template-columns:1fr !important;
  }
}

@media (min-width:1024px) {
  body.page-live-news .live-news-shell {
    width:min(100% - 64px, 1180px) !important;
    max-width:1180px !important;
    gap:18px !important;
  }

  body.page-live-news .live-news-banner {
    height:230px !important;
    max-height:250px !important;
    padding:28px 34px !important;
    grid-template-columns:minmax(0,1fr) 240px !important;
    border-radius:28px !important;
  }

  body.page-live-news .live-news-banner h1 {
    font-size:clamp(1.9rem, 2.7vw, 2.65rem) !important;
  }

  body.page-live-news .live-news-banner p:not(.live-news-eyebrow) {
    margin-top:12px !important;
    font-size:1rem !important;
  }

  body.page-live-news .live-news-banner-art {
    min-height:160px !important;
    transform:scale(.68) !important;
  }

  body.page-live-news .live-news-redpack-grid {
    gap:16px !important;
  }

  body.page-live-news .live-news-redpack-card {
    min-height:86px !important;
    max-height:96px !important;
    padding:16px 18px !important;
    border-radius:22px !important;
  }

  body.page-live-news .live-news-redpack-card .live-news-card-icon {
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  body.page-live-news .live-news-redpack-card strong {
    font-size:1.14rem !important;
  }

  body.page-live-news .live-news-redpack-card small {
    font-size:.82rem !important;
  }

  body.page-live-news .live-news-redpack-card b {
    width:34px !important;
    height:34px !important;
    font-size:1.35rem !important;
  }

  body.page-live-news .live-news-accordion-card,
  body.page-live-news .live-news-takeaway-card {
    border-radius:26px !important;
  }

  body.page-live-news .live-news-section-toggle {
    min-height:76px !important;
    padding:14px 18px !important;
  }

  body.page-live-news .live-news-card-icon {
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
  }

  body.page-live-news .live-news-section-title strong {
    font-size:1.26rem !important;
  }

  body.page-live-news .live-news-section-title small {
    font-size:.92rem !important;
  }

  body.page-live-news .live-news-section-body {
    padding:0 16px 18px !important;
  }

  body.page-live-news .live-news-frame-wrap {
    width:min(100%, 500px) !important;
    max-width:500px !important;
    min-height:600px !important;
    height:640px !important;
    border-radius:22px !important;
  }

  body.page-live-news .live-news-empty {
    width:min(100%, 500px) !important;
  }

  body.page-live-news .live-news-takeaway-card .live-news-section-body {
    padding:0 18px 20px !important;
  }

  body.page-live-news .live-news-takeaway-card .live-news-eyebrow,
  body.page-live-news .live-news-tabs,
  body.page-live-news .live-news-tab-panels {
    width:min(100%, 860px) !important;
  }

  body.page-live-news .live-news-tab {
    min-height:64px !important;
    border-radius:17px !important;
  }

  body.page-live-news .live-news-coupon-actions,
  body.page-live-news .live-news-coupon-actions.is-grid {
    width:min(100%, 640px) !important;
  }

  body.page-live-news .live-news-coupon-btn {
    max-width:640px !important;
    min-height:50px !important;
  }

  body.page-live-news .live-news-shell > .live-news-accordion-card:nth-last-of-type(-n + 2) {
    grid-column:auto !important;
  }

  body.page-live-news .live-news-shell > .live-news-accordion-card:nth-last-of-type(-n + 2) .live-news-section-toggle {
    min-height:78px !important;
  }

  body.page-live-news .live-news-shell > .live-news-accordion-card:nth-last-of-type(-n + 2) .live-news-frame-wrap {
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:560px !important;
    overflow:auto !important;
  }

  body.page-live-news .live-news-shell > .live-news-accordion-card:nth-last-of-type(-n + 2) .live-news-frame-wrap.is-comprehensive-frame {
    height:520px !important;
  }
}

@media (min-width:1440px) {
  body.page-live-news .live-news-shell {
    width:min(100% - 80px, 1180px) !important;
    max-width:1180px !important;
  }

  body.page-live-news .live-news-banner {
    height:240px !important;
  }

  body.page-live-news .live-news-frame-wrap {
    height:660px !important;
  }
}

/* Shared copy emphasis for explanatory/help/tutorial text. */
.copy-mark,
.copy-warn,
.copy-note {
  display:inline;
  padding:0 .22em;
  border-radius:.5em;
  font-weight:900;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

.copy-mark {
  background:linear-gradient(180deg, rgba(255,237,213,.9), rgba(255,247,237,.72));
  color:#c2410c;
}

.copy-warn {
  background:linear-gradient(180deg, rgba(254,226,226,.92), rgba(255,241,242,.74));
  color:#dc2626;
}

.copy-note {
  background:linear-gradient(180deg, rgba(219,234,254,.86), rgba(239,246,255,.72));
  color:#1d4ed8;
}

.live-news-redpack-card .copy-mark,
.pdd-entry-tip .copy-mark,
.kl-platform-coupon-btn .copy-mark {
  background:rgba(255,255,255,.18);
  color:#fff;
}

body.page-taobao-coin .quan-tjb-fast-tip {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

body.page-taobao-coin .quan-local-record-list {
  display:flex;
  flex-direction:column;
  gap:12px;
}

body.page-taobao-coin .pdd-record-modal-panel .guide-placeholder {
  margin:0 !important;
  padding:12px 14px !important;
  border:1px solid rgba(251,146,60,.2);
  border-radius:12px;
  background:rgba(255,255,255,.68);
}

body.page-taobao-coin .quan-foot-back {
  display:flex !important;
  justify-content:center !important;
  margin:12px 0 0 !important;
}

body.page-taobao-coin .quan-foot-back a {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px;
  padding:0 30px !important;
  border:1px solid rgba(251,146,60,.35);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  color:#ea580c !important;
  font-weight:800;
  box-shadow:0 12px 28px rgba(217,119,6,.1);
}

.app-alert-modal {
  align-items:center !important;
  justify-content:center !important;
}

.app-alert-panel {
  position:relative !important;
  top:auto !important;
  left:auto !important;
  transform:none !important;
  margin:0 !important;
}

body.page-taobao-coin .quan-publish-history-actions .quan-publish-history-btn {
  min-height:34px !important;
  padding:0 12px !important;
  border:1px solid rgba(16,185,129,.46) !important;
  border-radius:10px !important;
  background:linear-gradient(135deg, #22c55e 0%, #10b981 48%, #059669 100%) !important;
  color:#fff !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(16,185,129,.22), inset 0 1px 0 rgba(255,255,255,.34) !important;
}

body.page-taobao-coin .quan-publish-history-actions .quan-publish-history-btn b {
  color:#fef9c3 !important;
}

body.page-taobao-coin .quan-publish-history-actions .quan-publish-history-btn:hover {
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(16,185,129,.28), inset 0 1px 0 rgba(255,255,255,.42) !important;
}

body.page-taobao-coin .live-news-redpack-grid.quan-tjb-related {
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 0 16px !important;
}

body.page-taobao-coin .live-news-redpack-card {
  min-width:0 !important;
  min-height:62px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) 30px !important;
  align-items:center !important;
  gap:10px !important;
  padding:10px 12px !important;
  border:1px solid rgba(255,255,255,.55) !important;
  border-radius:16px !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 18px 36px rgba(217,119,6,.16), inset 0 1px 0 rgba(255,255,255,.3) !important;
  overflow:hidden !important;
}

body.page-taobao-coin .live-news-redpack-card.is-jd {
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.36), transparent 28%),
    linear-gradient(135deg, #ff7b71 0%, #ff3848 48%, #f97316 100%) !important;
}

body.page-taobao-coin .live-news-redpack-card.is-taobao {
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.34), transparent 28%),
    linear-gradient(135deg, #ffbb58 0%, #ff8a1f 48%, #ff5f0a 100%) !important;
}

body.page-taobao-coin .live-news-redpack-card .live-news-card-icon {
  width:38px !important;
  height:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;
  overflow:hidden !important;
}

body.page-taobao-coin .live-news-redpack-card .live-news-card-icon img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

body.page-taobao-coin .live-news-redpack-card strong,
body.page-taobao-coin .live-news-redpack-card small {
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  text-shadow:0 1px 8px rgba(124,45,18,.18) !important;
}

body.page-taobao-coin .live-news-redpack-card strong {
  font-size:.94rem !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

body.page-taobao-coin .live-news-redpack-card small {
  margin-top:2px !important;
  color:rgba(255,255,255,.88) !important;
  font-size:.68rem !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

body.page-taobao-coin .live-news-redpack-card .copy-mark {
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}

body.page-taobao-coin .live-news-redpack-card b {
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.92) !important;
  color:#ff4b34 !important;
  font-size:1.18rem !important;
  line-height:1 !important;
}

body.page-taobao-coin .live-news-redpack-card:hover {
  transform:translateY(-2px) !important;
  box-shadow:0 22px 42px rgba(217,119,6,.22), inset 0 1px 0 rgba(255,255,255,.38) !important;
}

@media (max-width: 1180px) {
  .site-header.is-nav-open {
    position:relative;
    z-index:80 !important;
  }

  .site-header.is-nav-open .site-nav,
  .site-nav.is-open {
    z-index:90 !important;
    pointer-events:auto !important;
  }

  .site-nav-backdrop {
    z-index:70 !important;
  }
}

@media (max-width: 560px) {
  body.page-taobao-coin .live-news-redpack-grid.quan-tjb-related {
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body.page-taobao-coin .live-news-redpack-card {
    min-height:58px !important;
    grid-template-columns:30px minmax(0,1fr) 24px !important;
    gap:7px !important;
    padding:8px 9px !important;
    border-radius:15px !important;
  }

  body.page-taobao-coin .live-news-redpack-card .live-news-card-icon {
    width:30px !important;
    height:30px !important;
    border-radius:10px !important;
  }

  body.page-taobao-coin .live-news-redpack-card strong {
    font-size:.76rem !important;
  }

  body.page-taobao-coin .live-news-redpack-card small {
    font-size:.58rem !important;
  }

  body.page-taobao-coin .live-news-redpack-card b {
    width:24px !important;
    height:24px !important;
    font-size:1rem !important;
  }
}

@media (max-width: 1180px) {
  .site-header {
    position:relative !important;
    grid-template-columns:minmax(0, 1fr) 56px !important;
    gap:8px !important;
    overflow:visible !important;
  }

  .site-header .brand {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    pointer-events:auto !important;
  }

  .site-header .brand-copy,
  .site-header .brand-copy strong,
  .site-header .brand-copy small {
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .site-header .mobile-nav-toggle {
    display:inline-grid !important;
    position:relative !important;
    z-index:120 !important;
    grid-column:2 !important;
    justify-self:end !important;
    pointer-events:auto !important;
  }

  .site-header .site-nav {
    position:fixed !important;
    top:86px !important;
    left:50% !important;
    right:auto !important;
    width:min(360px, calc(100vw - 32px)) !important;
    max-width:calc(100vw - 32px) !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:12px !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    z-index:130 !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-50%) translateY(-10px) scale(.98) !important;
  }

  .site-header.is-nav-open .site-nav,
  .site-nav.is-open {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) scale(1) !important;
  }

  .site-header .site-nav .nav-pill {
    width:100% !important;
    justify-content:space-between !important;
  }

  .site-header .nav-more-wrap {
    display:none !important;
  }
}

@media (min-width: 1181px) {
  .site-header {
    grid-template-columns:minmax(200px, 280px) minmax(0, 1fr) !important;
    column-gap:18px !important;
    overflow:visible !important;
  }

  .site-header .brand {
    width:100% !important;
    max-width:280px !important;
    overflow:hidden !important;
  }

  .site-header .brand-copy,
  .site-header .brand-copy strong,
  .site-header .brand-copy small {
    min-width:0 !important;
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }

  .site-header .site-nav {
    position:relative !important;
    left:auto !important;
    right:auto !important;
    transform:none !important;
    justify-self:end !important;
    justify-content:flex-end !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  .site-header .mobile-nav-toggle {
    display:none !important;
  }
}

/* Authoritative responsive navbar rules.
   <1200px uses the mobile menu; >=1200px uses the full desktop nav. */
.site-header {
  width:min(100% - 24px, 1200px) !important;
  max-width:1200px !important;
  margin:0 auto 16px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.site-header .brand {
  flex:0 0 auto !important;
  min-width:0 !important;
  text-decoration:none !important;
}

.site-header .brand-mark {
  flex:0 0 auto !important;
}

.site-header .brand-copy {
  min-width:0 !important;
}

.site-header .brand-copy strong,
.site-header .brand-copy small {
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.site-header .site-nav {
  min-width:0 !important;
  box-sizing:border-box !important;
}

.site-header .nav-pill {
  white-space:nowrap !important;
  flex:0 0 auto !important;
}

.site-header .nav-more-wrap {
  display:none !important;
}

.site-announcement {
  width:min(100% - 24px, 1200px) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.site-announcement-inner,
.site-announcement-marquee {
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

@media (max-width:1199px) {
  html,
  body {
    overflow-x:hidden !important;
  }

  .site-header {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 48px !important;
    align-items:center !important;
    gap:10px !important;
    min-height:72px !important;
    padding:10px 12px !important;
    border-radius:0 0 18px 18px !important;
  }

  .site-header .brand {
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .site-header .brand-mark {
    width:42px !important;
    height:42px !important;
  }

  .site-header .brand-copy small {
    font-size:.6rem !important;
    letter-spacing:.1em !important;
  }

  .site-header .mobile-nav-toggle {
    display:inline-grid !important;
    grid-column:2 !important;
    place-items:center !important;
    justify-self:end !important;
    align-self:center !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    padding:0 !important;
    gap:4px !important;
    border-radius:16px !important;
    position:relative !important;
    z-index:1300 !important;
    overflow:hidden !important;
    pointer-events:auto !important;
  }

  .site-header .mobile-nav-toggle span {
    display:block !important;
    width:22px !important;
    height:2px !important;
    border-radius:999px !important;
    background:currentColor !important;
    opacity:.9 !important;
  }

  .site-header .site-nav {
    position:fixed !important;
    top:82px !important;
    left:50% !important;
    right:auto !important;
    z-index:1290 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    width:min(360px, calc(100vw - 24px)) !important;
    max-width:calc(100vw - 24px) !important;
    max-height:calc(100dvh - 104px) !important;
    gap:8px !important;
    padding:12px !important;
    border:1px solid rgba(255,138,92,.18) !important;
    border-radius:22px !important;
    background:rgba(255,252,248,.96) !important;
    box-shadow:0 24px 50px rgba(64,98,161,.22) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-50%) translateY(-10px) scale(.98) !important;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
  }

  .site-header.is-nav-open .site-nav,
  .site-nav.is-open {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(-50%) translateY(0) scale(1) !important;
  }

  .site-header .site-nav .nav-pill {
    display:flex !important;
    width:100% !important;
    min-height:46px !important;
    justify-content:space-between !important;
    padding:10px 13px !important;
    border-radius:16px !important;
  }

  .site-nav-backdrop {
    z-index:1280 !important;
  }

  .site-announcement {
    width:min(100% - 24px, 440px) !important;
    margin-bottom:14px !important;
  }

  .site-announcement-inner {
    min-height:44px !important;
    padding:8px 10px !important;
    border-radius:18px !important;
  }
}

@media (max-width:430px) {
  .site-header .brand-copy small {
    display:none !important;
  }
}

@media (min-width:1200px) {
  .site-header {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    min-height:76px !important;
    padding:12px 20px !important;
  }

  .site-header .brand {
    width:auto !important;
    max-width:260px !important;
  }

  .site-header .mobile-nav-toggle {
    display:none !important;
  }

  .site-header .site-nav {
    position:static !important;
    display:flex !important;
    flex:1 1 auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
    width:auto !important;
    max-width:none !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:none !important;
  }

  .site-header .site-nav .nav-pill {
    width:auto !important;
    min-height:40px !important;
    padding:8px 13px !important;
    font-size:.82rem !important;
  }
}

@media (min-width:1440px) {
  .site-header,
  .site-announcement {
    max-width:1280px !important;
  }

  .site-header .site-nav {
    gap:12px !important;
  }

  .site-header .site-nav .nav-pill {
    padding-inline:15px !important;
  }
}

/* Mobile nav hotfix: keep the menu above its backdrop and make touch targets reliable. */
@media (max-width:1199px) {
  .site-header.is-nav-open {
    position:relative !important;
    z-index:1305 !important;
  }

  .site-header .mobile-nav-toggle {
    touch-action:manipulation !important;
    -webkit-tap-highlight-color:transparent !important;
  }

  .site-header.is-nav-open .site-nav,
  .site-nav.is-open {
    z-index:1310 !important;
    filter:none !important;
    -webkit-filter:none !important;
  }

  .site-nav-backdrop {
    z-index:1200 !important;
  }
}

/* Rebuilt header component.
   The old .brand/.site-nav/.nav-pill/.mobile-nav-toggle classes are no longer
   rendered by layout.php; this block owns the new site-header__* namespace. */
.site-header {
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  margin:0 0 24px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

.site-header::before,
.site-header::after {
  display:none !important;
  content:none !important;
}

.site-header__inner {
  width:100%;
  max-width:1200px;
  min-height:78px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  position:relative;
  box-sizing:border-box;
  border:1px solid rgba(255,255,255,.64);
  border-top:0;
  border-radius:0 0 22px 22px;
  background:linear-gradient(135deg, rgba(255,252,247,.94), rgba(244,250,255,.9));
  box-shadow:0 18px 42px rgba(154,83,35,.1);
  backdrop-filter:blur(18px) saturate(1.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
}

.site-header__brand {
  flex:0 0 auto;
  min-width:max-content;
  max-width:260px;
  display:flex;
  align-items:center;
  gap:11px;
  color:#24160f;
  text-decoration:none;
  overflow:hidden;
}

.site-header__brand-mark {
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86), 0 10px 22px rgba(246,117,58,.14);
  font-size:1.45rem;
}

.site-header__brand-logo {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.site-header__brand-copy {
  min-width:0;
  display:flex;
  flex-direction:column;
  line-height:1.1;
}

.site-header__brand-copy strong,
.site-header__brand-copy small {
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.site-header__brand-copy strong {
  font-size:1rem;
  font-weight:800;
  letter-spacing:.01em;
  color:#24160f;
}

.site-header__brand-copy small {
  margin-top:3px;
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.14em;
  color:rgba(100,73,56,.72);
  text-transform:uppercase;
}

.site-header__desktop-nav {
  min-width:0;
  display:none;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:nowrap;
  overflow:visible;
}

.site-header__nav-item {
  height:42px;
  min-width:0;
  max-width:180px;
  padding:0 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  box-sizing:border-box;
  border:1px solid rgba(255,138,92,.16);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#4c3325;
  text-decoration:none;
  white-space:nowrap;
  font-size:.82rem;
  font-weight:800;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68), 0 8px 18px rgba(154,83,35,.06);
  transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}

.site-header__nav-item span {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.site-header__nav-item small {
  max-width:44px;
  padding:3px 7px;
  overflow:hidden;
  text-overflow:ellipsis;
  border-radius:999px;
  background:rgba(255,116,74,.12);
  color:#d94b1f;
  font-size:.58rem;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  text-transform:uppercase;
}

.site-header__nav-item:hover {
  transform:translateY(-1px);
  border-color:rgba(255,122,72,.28);
  background:rgba(255,248,240,.92);
}

.site-header__nav-item.is-active {
  border-color:rgba(255,122,72,.42);
  background:linear-gradient(135deg, rgba(255,245,230,.96), rgba(255,255,255,.82));
  color:#c2410c;
}

.site-header__mobile-toggle {
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
  padding:0;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  appearance:none;
  border:1px solid rgba(129,154,197,.24);
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(244,248,255,.66));
  color:#1f2937;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72), 0 10px 22px rgba(74,110,175,.14);
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
}

.site-header__mobile-toggle span {
  display:block;
  width:22px;
  height:2px;
  flex:0 0 2px;
  border-radius:999px;
  background:currentColor;
  opacity:.9;
  transform-origin:center;
  transition:transform .18s ease, opacity .14s ease;
}

.site-header--mobile-open .site-header__mobile-toggle span:nth-child(1) {
  transform:translateY(7px) rotate(45deg);
}

.site-header--mobile-open .site-header__mobile-toggle span:nth-child(2) {
  opacity:0;
}

.site-header--mobile-open .site-header__mobile-toggle span:nth-child(3) {
  transform:translateY(-7px) rotate(-45deg);
}

.site-header__mobile-panel {
  width:min(calc(100% - 32px), 440px);
  margin:0;
  padding:12px;
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  z-index:1010;
  display:none;
  grid-template-columns:1fr;
  gap:8px;
  box-sizing:border-box;
  border:1px solid rgba(255,138,92,.18);
  border-radius:20px;
  background:rgba(255,252,248,.94);
  box-shadow:0 24px 50px rgba(64,98,161,.2);
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
  overflow:hidden;
  transform:translateX(-50%);
}

.site-header__mobile-panel[hidden] {
  display:none !important;
}

.site-header__mobile-panel.is-open {
  display:grid;
}

.site-header__mobile-panel .site-header__nav-item {
  width:100%;
  max-width:none;
  height:46px;
  justify-content:space-between;
  padding:0 14px;
}

@media (max-width:1199px) {
  html,
  body {
    overflow-x:hidden;
  }

  .site-header__desktop-nav {
    display:none !important;
  }

  .site-header__mobile-toggle {
    display:flex !important;
  }

  .site-header__inner {
    width:100%;
    max-width:760px;
    min-height:76px;
    padding:0 24px;
    gap:14px;
  }

  .site-header__brand {
    min-width:0;
    max-width:calc(100% - 62px);
  }

  .site-header__mobile-panel {
    width:min(calc(100vw - 32px), 440px);
  }
}

@media (max-width:430px) {
  .site-header__inner {
    width:100%;
    min-height:74px;
    padding:0 16px;
  }

  .site-header__brand-mark {
    width:44px;
    height:44px;
    flex-basis:44px;
    border-radius:16px;
  }

  .site-header__brand-copy strong {
    font-size:.96rem;
  }

  .site-header__brand-copy small {
    font-size:.58rem;
    letter-spacing:.1em;
  }
}

.site-header + .site-announcement {
  width:100% !important;
  max-width:1200px !important;
  margin-top:10px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:359px) {
  .site-header__brand-copy small {
    display:none;
  }
}

@media (min-width:1200px) {
  .site-header__inner {
    min-height:80px;
  }

  .site-header__desktop-nav {
    display:flex !important;
  }

  .site-header__mobile-toggle {
    display:none !important;
  }

  .site-header__mobile-panel {
    display:none !important;
  }
}

@media (min-width:1200px) and (max-width:1279px) {
  .site-header__inner {
    padding:0 18px;
    gap:16px;
  }

  .site-header__brand {
    max-width:190px;
  }

  .site-header__desktop-nav {
    gap:8px;
  }

  .site-header__nav-item {
    height:40px;
    max-width:150px;
    padding:0 10px;
    gap:5px;
    font-size:.78rem;
  }

  .site-header__nav-item small {
    max-width:36px;
    padding:3px 5px;
    font-size:.54rem;
  }
}

@media (min-width:1440px) {
  .site-header__inner {
    max-width:1280px;
  }

  .site-header + .site-announcement {
    max-width:1280px !important;
  }
}

/* 618 red packet buttons: subtitle removed, keep the title readable on small screens. */
.live-news-redpack-card small {
  display:none !important;
}

.live-news-redpack-card span:not(.live-news-card-icon) {
  min-width:0 !important;
  overflow:visible !important;
}

.live-news-redpack-card strong {
  display:block !important;
  max-width:none !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

@media (max-width:430px) {
  body.page-live-news .live-news-redpack-card,
  body.page-taobao-coin .live-news-redpack-card {
    grid-template-columns:minmax(28px, auto) minmax(0, 1fr) auto !important;
    gap:7px !important;
    padding-inline:8px !important;
  }

  body.page-live-news .live-news-redpack-card strong,
  body.page-taobao-coin .live-news-redpack-card strong {
    font-size:clamp(.74rem, 3.4vw, .9rem) !important;
    letter-spacing:-.04em !important;
  }

  body.page-live-news .live-news-redpack-card b,
  body.page-taobao-coin .live-news-redpack-card b {
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
  }
}

/* Final page polish: fix compact copy wrapping and red-packet readability. */
body.page-pdd .pdd-agreement {
  align-items:start !important;
  gap:8px !important;
  line-height:1.55 !important;
}

body.page-pdd .pdd-agreement > span {
  display:flex !important;
  min-width:0 !important;
  flex-direction:column !important;
  gap:5px !important;
}

body.page-pdd .pdd-agreement strong,
body.page-pdd .pdd-agreement small {
  display:block !important;
  max-width:100% !important;
  color:#263247 !important;
  line-height:1.55 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

body.page-pdd .pdd-agreement strong {
  font-size:.84rem !important;
  font-weight:900 !important;
}

body.page-pdd .pdd-agreement small {
  color:#607087 !important;
  font-size:.78rem !important;
}

body.page-pdd .pdd-agreement .copy-mark,
body.page-pdd .pdd-agreement .copy-warn,
body.page-pdd .pdd-agreement .copy-note {
  display:inline !important;
  width:auto !important;
  max-width:max-content !important;
  padding:0 .22em !important;
  white-space:normal !important;
  background-clip:padding-box !important;
}

body.page-taobao-coin .site-header {
  margin-bottom:12px !important;
}

body.page-taobao-coin .site-header + .site-announcement {
  width:100% !important;
  max-width:1200px !important;
  margin-top:0 !important;
}

body.page-taobao-coin .quan-tjb-page {
  padding-top:0 !important;
}

body.page-taobao-coin .live-news-redpack-card {
  grid-template-columns:minmax(32px, auto) minmax(0, 1fr) minmax(24px, auto) !important;
  gap:8px !important;
}

body.page-taobao-coin .live-news-redpack-card span:not(.live-news-card-icon) {
  min-width:0 !important;
  overflow:visible !important;
}

body.page-taobao-coin .live-news-redpack-card strong {
  display:block !important;
  max-width:100% !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  font-size:clamp(.78rem, 3.25vw, .94rem) !important;
  letter-spacing:-.05em !important;
}

@media (max-width:560px) {
  body.page-taobao-coin .live-news-redpack-grid.quan-tjb-related {
    gap:8px !important;
    padding:7px !important;
  }

  body.page-taobao-coin .live-news-redpack-card {
    grid-template-columns:28px minmax(0, 1fr) 22px !important;
    min-height:54px !important;
    gap:5px !important;
    padding:8px 7px !important;
  }

  body.page-taobao-coin .live-news-redpack-card .live-news-card-icon {
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
  }

  body.page-taobao-coin .live-news-redpack-card strong {
    font-size:clamp(.7rem, 3.55vw, .82rem) !important;
    letter-spacing:-.075em !important;
  }

  body.page-taobao-coin .live-news-redpack-card b {
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:.95rem !important;
  }
}

/* Global control scale: keep navigation and buttons in one compact system. */
:root {
  --ui-control-primary-h:42px;
  --ui-control-secondary-h:36px;
  --ui-control-small-h:30px;
  --ui-control-nav-h:36px;
  --ui-control-primary-px:18px;
  --ui-control-secondary-px:14px;
  --ui-control-small-px:10px;
  --ui-control-radius:13px;
  --ui-control-radius-sm:10px;
  --ui-control-font:.84rem;
  --ui-control-font-sm:.76rem;
  --ui-nav-font:.78rem;
}

.site-header {
  margin-bottom:14px !important;
}

.site-header__inner {
  min-height:66px !important;
  padding:0 20px !important;
  gap:18px !important;
  border-radius:0 0 18px 18px !important;
  box-shadow:0 12px 28px rgba(154,83,35,.08) !important;
  backdrop-filter:blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08) !important;
}

.site-header__brand {
  gap:9px !important;
  max-width:230px !important;
}

.site-header__brand-mark {
  width:40px !important;
  height:40px !important;
  flex-basis:40px !important;
  border-radius:14px !important;
  font-size:1.22rem !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84), 0 8px 18px rgba(246,117,58,.11) !important;
}

.site-header__brand-copy strong {
  font-size:.92rem !important;
  font-weight:850 !important;
}

.site-header__brand-copy small {
  margin-top:2px !important;
  font-size:.58rem !important;
  letter-spacing:.12em !important;
}

.site-header__desktop-nav {
  gap:8px !important;
}

.site-header__nav-item {
  height:var(--ui-control-nav-h) !important;
  max-width:160px !important;
  padding:0 11px !important;
  gap:6px !important;
  border-radius:999px !important;
  font-size:var(--ui-nav-font) !important;
  font-weight:800 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62), 0 6px 14px rgba(154,83,35,.045) !important;
}

.site-header__nav-item small {
  max-width:38px !important;
  padding:2px 6px !important;
  font-size:.52rem !important;
}

.site-header__mobile-toggle {
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  flex-basis:44px !important;
  border-radius:14px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 8px 18px rgba(74,110,175,.12) !important;
}

.site-header__mobile-panel {
  padding:10px !important;
  gap:7px !important;
  border-radius:18px !important;
  box-shadow:0 20px 42px rgba(64,98,161,.18) !important;
}

.site-header__mobile-panel .site-header__nav-item {
  height:42px !important;
  padding:0 13px !important;
  font-size:.8rem !important;
}

.button,
.button-primary,
.pdd-submit-btn,
.kl-primary-btn,
.tt-primary-btn,
.pin-submit-btn,
.quan-publish-submit,
.qd-btn,
.home-join-btn,
.pdd-smart-lock-primary,
.pin-smart-primary,
.pdd-use-btn,
.pin-use-btn,
.quan-entry-card-use,
.quan-smart-btn,
.pdd-smart-btn,
.kl-smart-btn {
  min-height:var(--ui-control-primary-h) !important;
  height:auto !important;
  padding:0 var(--ui-control-primary-px) !important;
  border-radius:var(--ui-control-radius) !important;
  font-size:var(--ui-control-font) !important;
  line-height:1.15 !important;
}

.button {
  min-width:0 !important;
}

.button-secondary,
.pdd-get-code-btn,
.pdd-local-btn,
.pdd-refresh-btn,
.pdd-copy-btn,
.pin-copy-btn,
.tt-ghost-btn,
.quan-section-link-btn,
.kl-refresh-btn,
.pdd-smart-lock-secondary,
.pin-quick-btn,
.calendar-filter-btn,
.qd-filter-btn {
  min-height:var(--ui-control-secondary-h) !important;
  height:auto !important;
  padding:0 var(--ui-control-secondary-px) !important;
  border-radius:var(--ui-control-radius-sm) !important;
  font-size:var(--ui-control-font-sm) !important;
  line-height:1.15 !important;
}

.pdd-chip-link,
.pin-item-btn,
.quan-entry-card-btn,
.live-news-soft-btn,
.live-news-section-toggle,
.live-news-tab {
  min-height:var(--ui-control-small-h) !important;
  height:auto !important;
  padding:0 var(--ui-control-small-px) !important;
  border-radius:var(--ui-control-radius-sm) !important;
  font-size:var(--ui-control-font-sm) !important;
  line-height:1.15 !important;
}

.live-news-coupon-btn,
.kl-platform-coupon-btn {
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  font-size:.84rem !important;
}

body.page-taobao-coin .quan-publish-submit {
  width:min(240px, 100%) !important;
  margin-bottom:2px !important;
}

body.page-taobao-coin .quan-section-link-btn,
body.page-taobao-coin .quan-smart-btn {
  min-height:36px !important;
  padding:0 14px !important;
}

body.page-taobao-coin .quan-entry-card-btn,
body.page-pdd .pdd-copy-btn,
body.page-pdd .pdd-use-btn,
.pin-item-btn {
  min-height:32px !important;
  padding:0 12px !important;
}

@media (max-width:1199px) {
  .site-header__inner {
    min-height:64px !important;
    padding:0 18px !important;
    max-width:760px !important;
  }
}

@media (max-width:430px) {
  :root {
    --ui-control-primary-h:40px;
    --ui-control-secondary-h:34px;
    --ui-control-small-h:30px;
    --ui-control-primary-px:16px;
    --ui-control-secondary-px:12px;
  }

  .site-header__inner {
    min-height:62px !important;
    padding:0 14px !important;
    border-radius:0 0 16px 16px !important;
  }

  .site-header__brand-mark {
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
    border-radius:13px !important;
  }

  .site-header__brand-copy strong {
    font-size:.9rem !important;
  }

  .site-header__brand-copy small {
    font-size:.54rem !important;
  }

  .site-header__mobile-toggle {
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;
    flex-basis:42px !important;
  }

  .site-header__mobile-panel .site-header__nav-item {
    height:40px !important;
  }
}

@media (min-width:1200px) and (max-width:1279px) {
  .site-header__inner {
    min-height:64px !important;
    padding:0 16px !important;
    gap:14px !important;
  }

  .site-header__brand {
    max-width:176px !important;
  }

  .site-header__nav-item {
    height:34px !important;
    max-width:142px !important;
    padding:0 9px !important;
    gap:5px !important;
    font-size:.74rem !important;
  }

  .site-header__nav-item small {
    max-width:34px !important;
    padding:2px 5px !important;
    font-size:.5rem !important;
  }
}

/* Global card/chip/input scale: align existing modules without changing markup. */
:root {
  --ui-card-radius-lg:24px;
  --ui-card-radius-md:18px;
  --ui-card-radius-sm:14px;
  --ui-card-pad-lg:24px;
  --ui-card-pad-md:18px;
  --ui-card-pad-sm:12px;
  --ui-card-bg:linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,249,241,.72));
  --ui-card-bg-soft:rgba(255,255,255,.78);
  --ui-card-border:rgba(255,255,255,.64);
  --ui-card-shadow:0 16px 36px rgba(154,83,35,.09), inset 0 1px 0 rgba(255,255,255,.72);
  --ui-card-shadow-sm:0 10px 22px rgba(154,83,35,.07), inset 0 1px 0 rgba(255,255,255,.68);
  --ui-chip-h:24px;
  --ui-chip-pad:0 9px;
  --ui-chip-radius:999px;
  --ui-chip-font:.7rem;
  --ui-input-h:42px;
  --ui-input-radius:13px;
  --ui-input-pad-x:14px;
  --ui-input-font:.9rem;
}

.home-hero,
.hero,
.tool-hero,
.pdd-card,
.kl-card,
.tt-hero-card,
.tt-workspace-card,
.tt-used-card-wrap,
.tt-stats-card,
.quan-board-hero,
.quan-quota-banner,
.quan-board-publish,
.quan-entry-section,
.ranking-card,
.calendar-hero,
.calendar-section,
.qd-card,
.live-news-accordion-card,
.live-news-takeaway-card,
.about-wechat-card {
  border-radius:var(--ui-card-radius-lg) !important;
  padding:var(--ui-card-pad-lg) !important;
  border-color:var(--ui-card-border) !important;
  box-shadow:var(--ui-card-shadow) !important;
}

.scene-card,
.tool-card,
.content-card-item,
.feature-link-card,
.home-contact-card,
.home-dash-card,
.qd-tool-card,
.calendar-card,
.kl-entry-card,
.tt-entry-card,
.quan-entry-card,
.pdd-code-item,
.home-ranking-item,
.pin-notice,
.pin-item {
  border-radius:var(--ui-card-radius-md) !important;
  padding:var(--ui-card-pad-md) !important;
  border-color:rgba(255,255,255,.58) !important;
  background:var(--ui-card-bg-soft) !important;
  box-shadow:var(--ui-card-shadow-sm) !important;
}

.hero-stat-card,
.home-stat-card,
.kl-record-stat,
.quan-quota-banner-cell,
.stage-card,
.tt-inline-tip,
.pdd-empty-tip,
.pin-empty,
.quan-entry-empty,
.calendar-empty,
.guide-empty,
.home-ranking-empty,
.ranking-disabled,
.guide-placeholder {
  border-radius:var(--ui-card-radius-sm) !important;
  padding:var(--ui-card-pad-sm) !important;
  box-shadow:0 8px 18px rgba(154,83,35,.045) !important;
}

.scene-card-head,
.pdd-section-head,
.kl-section-head,
.tt-section-head,
.quan-section-head,
.ranking-card-head,
.calendar-card-head,
.qd-tool-card-head {
  gap:10px !important;
  margin-bottom:12px !important;
}

.scene-card ul,
.kl-pill-group,
.home-dash-pills,
.calendar-tags,
.pin-tabs-row,
.qd-filter-seg,
.quan-entry-card-row2,
.pdd-code-meta,
.tt-entry-metrics,
.tt-entry-actions {
  gap:6px !important;
}

.scene-tag,
.pdd-live-badge,
.pdd-stat-pill,
.pin-tag,
.pin-notice-badge,
.quan-section-count,
.quan-tjb-keyword,
.quan-entry-card-used-badge,
.qd-tool-badge,
.calendar-card-badge,
.tt-amount-chip,
.tt-step-rail span,
.home-dash-pills span,
.home-rank-badge,
.ranking-pos,
.hero-note span,
.scene-card li,
.kl-pill-btn,
.kl-used-stat,
.pdd-used-state {
  min-height:var(--ui-chip-h) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:var(--ui-chip-pad) !important;
  border-radius:var(--ui-chip-radius) !important;
  font-size:var(--ui-chip-font) !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.02em !important;
  white-space:nowrap !important;
}

.copy-mark,
.copy-warn,
.copy-note {
  border-radius:.45em !important;
  font-size:.92em !important;
  font-weight:850 !important;
}

.home-rank-badge,
.ranking-pos {
  min-width:28px !important;
  padding-inline:7px !important;
}

.ranking-pos.is-top1,
.ranking-pos.is-top2,
.ranking-pos.is-top3 {
  font-size:.78rem !important;
}

.pdd-input,
.pin-search-input,
.pin-publish-textarea,
.quan-publish-textarea,
.quan-publish-label-input,
.quan-report-input,
.tt-input,
.tt-textarea,
.qd-search-input,
.admin-field input:not([type="checkbox"]),
.admin-field select,
.admin-field textarea,
.admin-dynamic-row input,
.admin-dynamic-row select,
.admin-dynamic-row textarea,
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="number"],
textarea,
select {
  min-height:var(--ui-input-h) !important;
  border-radius:var(--ui-input-radius) !important;
  padding-inline:var(--ui-input-pad-x) !important;
  font-size:var(--ui-input-font) !important;
  line-height:1.35 !important;
  border-color:rgba(226,188,150,.42) !important;
  background:rgba(255,255,255,.72) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 8px 18px rgba(154,83,35,.04) !important;
}

textarea,
.pin-publish-textarea,
.quan-publish-textarea,
.tt-textarea,
.admin-field textarea,
.admin-dynamic-row textarea {
  min-height:76px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  resize:vertical;
}

.pdd-input-area,
.quan-publish-input-area,
.tt-form-grid,
.search-row,
.qd-search,
.pin-search {
  align-items:center !important;
}

.pdd-input::placeholder,
.pin-search-input::placeholder,
.quan-publish-textarea::placeholder,
.quan-publish-label-input::placeholder,
.tt-input::placeholder,
.tt-textarea::placeholder,
.qd-search-input::placeholder,
input::placeholder,
textarea::placeholder {
  color:rgba(115,91,74,.55) !important;
  font-weight:650 !important;
}

@media (max-width:760px) {
  :root {
    --ui-card-radius-lg:20px;
    --ui-card-radius-md:16px;
    --ui-card-radius-sm:13px;
    --ui-card-pad-lg:18px;
    --ui-card-pad-md:14px;
    --ui-card-pad-sm:11px;
    --ui-input-h:40px;
  }

  .home-hero,
  .hero,
  .tool-hero,
  .pdd-card,
  .kl-card,
  .tt-hero-card,
  .tt-workspace-card,
  .tt-used-card-wrap,
  .tt-stats-card,
  .quan-board-hero,
  .quan-quota-banner,
  .quan-board-publish,
  .quan-entry-section,
  .ranking-card,
  .calendar-hero,
  .calendar-section,
  .qd-card,
  .live-news-accordion-card,
  .live-news-takeaway-card {
    padding:var(--ui-card-pad-lg) !important;
  }

  .scene-card,
  .tool-card,
  .content-card-item,
  .feature-link-card,
  .home-dash-card,
  .qd-tool-card,
  .calendar-card,
  .kl-entry-card,
  .tt-entry-card,
  .quan-entry-card,
  .pdd-code-item,
  .home-ranking-item,
  .pin-item {
    padding:var(--ui-card-pad-md) !important;
  }

  textarea,
  .pin-publish-textarea,
  .quan-publish-textarea,
  .tt-textarea {
    min-height:70px !important;
  }
}

/* Targeted responsive layout fixes: keep header widths aligned and mobile menu anchored to the toggle. */
body.theme-shell .page-shell {
  padding-top:0 !important;
}

.site-header {
  margin-top:0 !important;
}

.site-header__mobile-panel {
  left:auto !important;
  right:0 !important;
  transform:none !important;
}

.site-header__mobile-panel.is-open {
  transform:none !important;
}

.site-header__mobile-panel .site-header__nav-item {
  justify-content:center !important;
  text-align:center !important;
}

.site-header__mobile-panel .site-header__nav-item small {
  margin-left:6px !important;
}

@media (max-width:1199px) {
  .page-shell {
    width:min(100% - 40px, 1040px) !important;
    max-width:1040px !important;
  }

  .site-header {
    width:100% !important;
    max-width:none !important;
    margin:0 0 10px !important;
    padding:0 !important;
  }

  .site-header__inner {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .site-header + .site-announcement,
  .site-announcement {
    width:100% !important;
    max-width:none !important;
    margin-top:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .site-header__mobile-panel {
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
    width:min(300px, calc(100vw - 40px)) !important;
    max-width:calc(100vw - 40px) !important;
    padding:10px !important;
  }

  .site-header__mobile-panel .site-header__nav-item {
    width:100% !important;
    min-height:40px !important;
    height:40px !important;
    padding:0 12px !important;
  }
}

@media (max-width:430px) {
  .page-shell {
    width:min(100% - 28px, 440px) !important;
    max-width:440px !important;
  }

  .site-header__mobile-panel {
    right:0 !important;
    width:min(280px, calc(100vw - 28px)) !important;
  }
}

/* Live-news density pass for tablet/desktop responsive widths. */
body.page-live-news .live-news-shell {
  gap:12px !important;
}

body.page-live-news .live-news-redpack-grid {
  gap:10px !important;
  margin:0 !important;
}

body.page-live-news .live-news-accordion-card,
body.page-live-news .live-news-takeaway-card {
  margin:0 !important;
}

body.page-live-news .live-news-section-toggle {
  min-height:66px !important;
  padding:12px 14px !important;
}

body.page-live-news .live-news-section-body {
  padding:0 12px 12px !important;
}

@media (min-width:768px) and (max-width:1199px) {
  body.page-live-news .live-news-shell {
    width:100% !important;
    max-width:none !important;
    gap:12px !important;
  }

  body.page-live-news .live-news-redpack-card {
    min-height:64px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
  }

  body.page-live-news .live-news-redpack-card .live-news-card-icon {
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
  }

  body.page-live-news .live-news-redpack-card strong {
    font-size:.96rem !important;
  }

  body.page-live-news .live-news-accordion-card,
  body.page-live-news .live-news-takeaway-card {
    border-radius:20px !important;
    padding:18px !important;
  }

  body.page-live-news .live-news-section-toggle {
    min-height:64px !important;
  }

  body.page-live-news .live-news-card-icon {
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
}

/* Header width parity: the visual header card should fill the page container. */
.site-header {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.site-header__inner {
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Center mobile navigation pills inside the dropdown panel. */
.site-header__mobile-panel {
  justify-items:center !important;
}

.site-header__mobile-panel .site-header__nav-item {
  width:min(220px, 100%) !important;
  max-width:220px !important;
  justify-content:center !important;
}

/* List/stat/footer scale: keep dense data areas visually lighter than primary cards. */
:root {
  --ui-list-radius:16px;
  --ui-list-pad-y:12px;
  --ui-list-pad-x:14px;
  --ui-list-gap:9px;
  --ui-list-title:clamp(.92rem, .86rem + .22vw, 1.02rem);
  --ui-list-meta:.76rem;
  --ui-stat-num:clamp(1.25rem, 1.06rem + .58vw, 1.58rem);
  --ui-stat-label:.78rem;
  --ui-footer-pad-y:16px;
  --ui-footer-pad-x:20px;
}

.pdd-list,
.kl-entry-list,
.kl-used-list,
.tt-entry-list,
.tt-used-list,
.quan-entry-card-grid,
.pin-list,
.ranking-list,
.home-ranking-track {
  gap:var(--ui-list-gap) !important;
}

.pdd-code-item,
.kl-entry-card,
.tt-entry-card,
.tt-used-card,
.quan-entry-card,
.pin-item,
.ranking-item,
.home-ranking-item {
  min-height:auto !important;
  padding:var(--ui-list-pad-y) var(--ui-list-pad-x) !important;
  border-radius:var(--ui-list-radius) !important;
  border-color:rgba(226,188,150,.32) !important;
  box-shadow:0 8px 18px rgba(154,83,35,.055), inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.ranking-item {
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(226,188,150,.28) !important;
}

.pdd-code-text,
.kl-entry-title-row strong,
.tt-entry-amounts strong,
.tt-used-top strong,
.quan-entry-card-code,
.pin-item-code,
.ranking-name,
.home-rank-name {
  font-size:var(--ui-list-title) !important;
  line-height:1.28 !important;
  letter-spacing:0 !important;
}

.pdd-code-meta,
.pdd-code-item small,
.pdd-publisher-meta,
.kl-entry-main p,
.kl-entry-used-meta,
.tt-entry-card small,
.tt-entry-metrics,
.tt-entry-text,
.tt-used-card p,
.tt-used-card small,
.quan-entry-card-row2,
.quan-entry-card-used-text,
.pin-item-row2,
.pin-item-price-row,
.ranking-score,
.home-rank-stat {
  font-size:var(--ui-list-meta) !important;
  color:rgba(96,78,65,.68) !important;
  line-height:1.45 !important;
}

.pdd-code-actions,
.quan-entry-card-actions,
.pin-item-actions,
.tt-entry-actions {
  gap:7px !important;
  align-items:center !important;
}

.kl-entry-card.is-used,
.tt-used-card,
.quan-entry-card.is-used,
.pdd-code-item.is-used {
  opacity:.78 !important;
  background:rgba(255,255,255,.56) !important;
}

.home-dash-card,
.home-stat-card,
.hero-stat-card,
.kl-record-stat,
.quan-quota-banner-cell,
.tt-stat-box {
  min-height:auto !important;
  padding:12px 14px !important;
  border-radius:var(--ui-card-radius-sm) !important;
  box-shadow:0 8px 18px rgba(154,83,35,.045), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.home-dash-num,
.home-stat-card strong,
.hero-stat-card strong,
.kl-record-stat b,
.quan-quota-banner-cell-v,
.tt-stat-box b {
  font-size:var(--ui-stat-num) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
}

.home-dash-card > span,
.home-stat-card span,
.hero-stat-card span,
.kl-record-stat span,
.quan-quota-banner-cell-k,
.tt-stat-box span {
  font-size:var(--ui-stat-label) !important;
  line-height:1.35 !important;
  color:rgba(96,78,65,.72) !important;
}

.site-footer {
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  margin-top:24px !important;
  padding:var(--ui-footer-pad-y) var(--ui-footer-pad-x) !important;
  border-radius:22px !important;
  gap:12px !important;
  box-shadow:0 10px 24px rgba(154,83,35,.065), inset 0 1px 0 rgba(255,255,255,.6) !important;
}

.site-footer strong {
  font-size:.9rem !important;
  line-height:1.4 !important;
}

.site-footer span,
.site-footer p,
.site-footer a {
  font-size:.78rem !important;
  line-height:1.55 !important;
}

@media (max-width:760px) {
  :root {
    --ui-list-radius:14px;
    --ui-list-pad-y:11px;
    --ui-list-pad-x:12px;
    --ui-list-gap:8px;
    --ui-list-meta:.72rem;
    --ui-footer-pad-y:14px;
    --ui-footer-pad-x:16px;
  }

  .pdd-code-item,
  .kl-entry-card,
  .tt-entry-card,
  .tt-used-card,
  .quan-entry-card,
  .pin-item,
  .ranking-item,
  .home-ranking-item {
    gap:8px !important;
  }

  .pdd-code-actions,
  .quan-entry-card-actions,
  .pin-item-actions,
  .tt-entry-actions {
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }

  .site-footer {
    flex-direction:column !important;
    align-items:center !important;
    margin-top:18px !important;
  }
}