/* 导潮Agents · 服务号 H5 视觉系统（融合服务号主站：奶油底 + 香槟金 + 科技蓝 + 宋体衬线）
   依赖 design_v20260925a.css / fx_v20260926a.css 提供的基础 token 与 .toast / .modal-mask / .btn，
   本文件在之后加载，对关键变量做「融合服务号」重定义并补全 Agents 专属布局。
   全套类名为 .ag-*，与页面 HTML 完全解耦，改版只动本文件。 */
:root{
  /* —— 服务号同源 token —— */
  --cream:#FBF7F0; --cream-soft:#F4ECDD;
  --surface:#FFFDF8; --surface-2:#F8F2E7;
  --gold:#C9A227; --gold-light:#E6CF8B; --gold-deep:#9C7B1E; --gold-soft:#F3E9CF;
  --tech:#6FA8C7; --tech-deep:#2F7DA6;
  --ink:#2E2A22; --ink-2:#5C5648; --ink-3:#8C8470;
  --line:rgba(201,162,39,.22); --line-soft:rgba(46,42,34,.10);
  --red:#E0584B; --green:#3FB37F;
  --serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC","PingFang SC",serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,sans-serif;
  --topbar-h:50px; --tabbar-h:58px; --ag-w:720px;
}
/* 与服务号主站同源：奶油底 + 双径向光晕（冷蓝右上 / 暖金左上） */
html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);
  font-family:var(--sans);font-size:14px;line-height:1.6;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  -webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;
  overscroll-behavior-y:none;background-image:
    radial-gradient(1200px 600px at 82% -8%, rgba(111,168,199,.10), transparent 60%),
    radial-gradient(900px 520px at -8% 6%, rgba(201,162,39,.08), transparent 55%);
  background-attachment:fixed;}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}

/* ---------- 顶栏（奶油玻璃 + 金线 + 刘海安全区） ---------- */
.ag-topbar{position:fixed;top:0;left:0;right:0;z-index:50;
  height:calc(var(--topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(251,247,240,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);}
.ag-brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:700;letter-spacing:.5px;font-size:16px;color:var(--ink);}
.ag-brand .mk{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#fff;font-size:14px;font-weight:800;flex:0 0 auto;
  box-shadow:0 2px 8px rgba(201,162,39,.28);}
.ag-brand small{color:var(--ink-3);font-family:var(--sans);font-weight:400;font-size:10px;letter-spacing:1px;}
.ag-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--gold-light),var(--gold));
  border:1px solid rgba(255,255,255,.5);overflow:hidden;box-shadow:0 2px 8px rgba(201,162,39,.25);}
.ag-avatar.guest{background:transparent;color:var(--gold-deep);border:1px solid var(--line);font-size:11px;font-weight:600;box-shadow:none;}

/* ---------- 页面容器（顶栏已是 sticky 主站页头，仅底部避让固定 Tabbar） ---------- */
.ag-page{padding:8px 0 calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);
  max-width:var(--ag-w);margin:0 auto;}
.ag-wrap{padding:0 14px;}

/* ---------- 底栏 Tabbar（3 个固定标签，奶油玻璃 + 金线 + 底部安全区） ---------- */
.ag-tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;
  height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);
  display:flex;background:rgba(251,247,240,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(120,95,30,.06);}
.ag-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:var(--ink-3);font-size:11px;position:relative;transition:color .15s;}
.ag-tab .ic{font-size:19px;line-height:1;}
.ag-tab.on{color:var(--gold-deep);}
.ag-tab.on::before{content:"";position:absolute;top:0;width:30px;height:2px;background:linear-gradient(90deg,var(--gold-light),var(--gold));border-radius:2px;}
.ag-tab:active{opacity:.6;}

/* ---------- 区块标题（宋体 + 金条） ---------- */
.ag-sec{margin:18px 0 6px;}
.ag-sec-h{display:flex;align-items:center;justify-content:space-between;padding:0 14px;margin-bottom:10px;}
.ag-sec-h h2{font-size:16px;margin:0;color:var(--ink);font-family:var(--serif);font-weight:700;letter-spacing:.5px;}
.ag-sec-h h2::before{content:"";display:inline-block;width:4px;height:15px;background:linear-gradient(180deg,var(--gold-light),var(--gold));
  margin-right:8px;border-radius:2px;vertical-align:-2px;}
.ag-sec-h .more{font-size:12px;color:var(--ink-3);}

/* ---------- Banner（奶油牌匾渐变 + 金边 + 蓝暖光晕，标题宋体金） ---------- */
.ag-banner{position:relative;margin:12px 14px;border-radius:16px;overflow:hidden;
  background:linear-gradient(135deg,#FFFDF8,#F3E9CF);border:1px solid var(--line);
  box-shadow:0 10px 30px rgba(120,95,30,.10);height:160px;}
.ag-banner::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(111,168,199,.18),transparent 70%);pointer-events:none;}
.ag-banner .slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;display:flex;flex-direction:column;
  justify-content:center;padding:0 22px;cursor:pointer;}
.ag-banner .slide.on{opacity:1;}
.ag-banner .slide .t{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--gold-deep);letter-spacing:.5px;}
.ag-banner .slide .s{font-size:12.5px;color:var(--ink-2);margin-top:6px;max-width:82%;line-height:1.6;}
.ag-banner .dots{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:2;}
.ag-banner .dot{width:6px;height:6px;border-radius:50%;background:rgba(46,42,34,.18);}
.ag-banner .dot.on{background:var(--gold);width:14px;border-radius:3px;}

/* ---------- 快捷按钮（4 宫格，奶油卡 + 金砖） ---------- */
.ag-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 14px;margin-top:14px;}
.ag-quick a{background:linear-gradient(165deg,var(--surface),var(--surface-2));border:1px solid var(--line-soft);border-radius:14px;padding:14px 6px;
  display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink);box-shadow:0 2px 10px rgba(120,95,30,.05);transition:transform .15s,border-color .15s;}
.ag-quick a:active{transform:translateY(1px);border-color:var(--line);}
.ag-quick .qi{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  font-size:20px;background:var(--gold-soft);}
.ag-quick .qt{font-size:12px;color:var(--ink-2);}

/* ---------- 卡片网格（奶油玻璃卡 + 顶部金线） ---------- */
.ag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 14px;}
.ag-card{background:linear-gradient(165deg,var(--surface),var(--surface-2));border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;
  box-shadow:0 2px 10px rgba(120,95,30,.05);}
.ag-card::before{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--line),transparent);opacity:0;transition:opacity .2s;}
.ag-card:active{transform:translateY(1px);border-color:var(--line);}
.ag-card:active::before{opacity:1;}
.ag-cover{position:relative;width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--cream-soft),rgba(111,168,199,.16));
  display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-size:13px;overflow:hidden;}
.ag-cover img{width:100%;height:100%;object-fit:cover;}
.ag-card .body{padding:10px 11px 12px;display:flex;flex-direction:column;gap:4px;flex:1;}
.ag-card .ttl{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.4;font-family:var(--serif);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ag-card .meta{font-size:11.5px;color:var(--ink-3);display:flex;gap:8px;flex-wrap:wrap;}
.ag-card .price{color:var(--gold-deep);font-weight:800;font-size:15px;margin-top:auto;font-family:var(--serif);}
.ag-card .price small{font-size:11px;color:var(--ink-3);font-weight:500;margin-left:4px;text-decoration:line-through;}
.ag-tag{position:absolute;top:8px;left:8px;background:rgba(255,253,248,.92);border:1px solid var(--line);
  color:var(--gold-deep);font-size:10.5px;padding:2px 7px;border-radius:999px;}

/* ---------- 资讯列表（奶油卡） ---------- */
.ag-news{display:flex;flex-direction:column;gap:10px;padding:0 14px;}
.ag-news .n{display:flex;gap:12px;background:linear-gradient(165deg,var(--surface),var(--surface-2));border:1px solid var(--line-soft);border-radius:12px;
  padding:10px;align-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(120,95,30,.05);transition:border-color .15s;}
.ag-news .n:active{border-color:var(--line);}
.ag-news .n .cv{width:84px;height:60px;border-radius:8px;object-fit:cover;flex:0 0 auto;
  background:linear-gradient(135deg,var(--cream-soft),rgba(111,168,199,.16));}
.ag-news .n .nt{font-size:14px;font-weight:700;color:var(--ink);line-height:1.4;font-family:var(--serif);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ag-news .n .nb{font-size:11.5px;color:var(--ink-3);margin-top:5px;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}

/* ---------- 公告条（暖金卡） ---------- */
.ag-ann{margin:12px 14px;padding:10px 12px;border-radius:11px;background:var(--gold-soft);
  border:1px solid var(--line);font-size:12px;color:var(--ink-2);display:flex;gap:8px;align-items:flex-start;line-height:1.6;}
.ag-ann b{color:var(--gold-deep);font-weight:700;flex:0 0 auto;}

/* ---------- 按钮（金渐变 + 深字 / 描边 / 幽灵） ---------- */
.ag-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;
  padding:11px 18px;border-radius:11px;font-size:14.5px;font-weight:700;letter-spacing:.5px;font-family:var(--sans);
  background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#3A2D06;
  box-shadow:0 4px 14px rgba(201,162,39,.25);transition:filter .15s,transform .1s;}
.ag-btn:active{transform:translateY(1px);filter:brightness(.96);}
.ag-btn.block{width:100%;}
.ag-btn.outline{background:transparent;color:var(--gold-deep);border:1px solid var(--gold);box-shadow:none;}
.ag-btn.ghost{background:var(--surface-2);color:var(--ink-2);box-shadow:none;border:1px solid var(--line-soft);}
.ag-btn[disabled]{opacity:.5;pointer-events:none;}
.ag-btn.sm{padding:7px 12px;font-size:12.5px;border-radius:9px;}

/* ---------- 表单（奶油字段 + 金聚焦） ---------- */
.ag-field{margin:12px 0;}
.ag-field label{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:6px;}
.ag-input{width:100%;background:var(--cream);border:1px solid var(--line-soft);border-radius:10px;
  color:var(--ink);padding:11px 12px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:var(--sans);}
.ag-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,39,.12);}
.ag-input.bad{border-color:var(--red);}
.ag-hint{font-size:11px;color:var(--ink-3);margin-top:5px;min-height:14px;line-height:1.5;}
.ag-hint.bad{color:var(--red);}
.ag-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--cream);}
.ag-stepper button{width:34px;height:34px;background:var(--surface-2);color:var(--gold-deep);border:0;font-size:18px;}
.ag-stepper span{min-width:40px;text-align:center;font-weight:700;color:var(--ink);}

/* ---------- 详情页（奶油 hero） ---------- */
.ag-detail-hero{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--cream-soft),rgba(111,168,199,.16));
  display:flex;align-items:center;justify-content:center;color:var(--ink-3);overflow:hidden;}
.ag-detail-hero img{width:100%;height:100%;object-fit:cover;}
.ag-detail-title{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--ink);margin:14px 0 6px;padding:0 14px;letter-spacing:.5px;}
.ag-detail-sub{font-size:12.5px;color:var(--ink-3);padding:0 14px;display:flex;gap:12px;flex-wrap:wrap;}
.ag-prose{padding:14px;color:var(--ink-2);font-size:13.5px;line-height:1.9;
  border-top:1px solid var(--line-soft);margin-top:14px;white-space:pre-wrap;}

/* ---------- 空态 ---------- */
.ag-empty{text-align:center;color:var(--ink-3);padding:50px 20px;font-size:13px;}
.ag-empty .e-ic{font-size:40px;opacity:.5;margin-bottom:10px;}

/* ---------- 订单/列表项（奶油卡） ---------- */
.ag-row{background:linear-gradient(165deg,var(--surface),var(--surface-2));border:1px solid var(--line-soft);border-radius:12px;padding:12px;margin:0 14px 10px;
  box-shadow:0 2px 10px rgba(120,95,30,.05);}
.ag-row .rh{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.ag-row .rt{font-size:14px;font-weight:700;color:var(--ink);font-family:var(--serif);}
.ag-pill{font-size:11px;padding:2px 9px;border-radius:999px;border:1px solid var(--line-soft);color:var(--ink-2);background:var(--cream);}
.ag-pill.paid{color:var(--tech-deep);border-color:rgba(47,125,166,.35);background:rgba(47,125,166,.10);}
.ag-pill.pending{color:var(--gold-deep);border-color:var(--line);background:var(--gold-soft);}
.ag-row .rm{font-size:12px;color:var(--ink-3);margin-top:6px;line-height:1.6;}
.ag-code{font-family:ui-monospace,Menlo,monospace;letter-spacing:2px;color:var(--gold-deep);font-weight:700;}

/* ---------- 结算条（贴底，避开安全区底栏） ---------- */
.ag-bar{position:fixed;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));left:0;right:0;z-index:40;display:flex;align-items:center;
  justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(251,247,240,.94);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);
  box-shadow:0 -4px 18px rgba(120,95,30,.06);}
.ag-bar .tot{font-size:13px;color:var(--ink-2);}
.ag-bar .tot b{color:var(--gold-deep);font-size:18px;font-family:var(--serif);}

/* ---------- 页脚版权（金线 + 金主体字） ---------- */
.ag-footer{text-align:center;color:var(--ink-3);font-size:11px;padding:22px 14px 8px;line-height:1.8;
  border-top:1px solid var(--line);margin-top:18px;}
.ag-footer .co{color:var(--gold-deep);font-weight:600;}

/* ---------- 让 COMMON 的 toast / 支付弹窗也走服务号奶油+金风格 ---------- */
.toast{background:var(--ink)!important;color:#fff!important;border:0!important;
  border-radius:999px!important;font-size:13px!important;padding:11px 18px!important;max-width:80%!important;
  box-shadow:0 8px 30px rgba(46,42,34,.28)!important;}
.modal-mask{background:rgba(28,22,15,.5)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.modal-mask .modal,.modal-mask>div{background:var(--surface)!important;color:var(--ink)!important;
  border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 10px 30px rgba(120,95,30,.18)!important;}
.btn{background:linear-gradient(135deg,var(--gold-light),var(--gold))!important;color:#3A2D06!important;border:0!important;font-weight:700!important;}
.btn-outline{background:transparent!important;color:var(--gold-deep)!important;border:1px solid var(--gold)!important;}
.btn-ghost{background:var(--surface-2)!important;color:var(--ink-2)!important;border:1px solid var(--line-soft)!important;}

/* ============================================================
   桌面 / 平板横屏兼容（融合「网页版」）
   头条(品牌/头像)收束到居中栏 + 底栏 Tabbar 升级为顶部横向导航
   + 宽栏多列 + 卡片悬停。仅在下述断点内生效，移动端(XWeb)原样不变。
   ============================================================ */
@media (min-width: 768px) {
  :root{ --desk-w:1000px; --nav-h:50px; }
  /* 头条：整条奶油玻璃保留，但品牌/头像收束到居中栏内，不贴屏幕边 */
  .ag-topbar{
    padding-left:max(18px, calc((100% - var(--desk-w)) / 2));
    padding-right:max(18px, calc((100% - var(--desk-w)) / 2));
    background:rgba(251,247,240,.9);
  }
  .ag-brand{ font-size:18px; }
  .ag-brand .mk{ width:30px;height:30px;font-size:16px; }
  .ag-avatar{ width:38px;height:38px;font-size:14px; }
  /* 桌面端：统一顶栏已含完整导航，底部 3-Tab 固定栏隐藏，避免与 .site-header 重叠 */
  .ag-tabbar{ display:none; }
  .ag-tab{
    flex:0 0 auto; min-width:132px; flex-direction:row; gap:7px;
    font-size:13px; padding:0 22px; border-radius:10px; color:var(--ink-2);
  }
  .ag-tab.on{ color:var(--gold-deep); background:var(--gold-soft); }
  .ag-tab.on::before{ display:none; }
  .ag-tab:hover{ background:var(--surface-2); }
  .ag-tab:active{ opacity:1; }
  .ag-tab .ic{ font-size:17px; }
  /* 内容栏：拓宽并居中（顶部已是 sticky 主站页头，无需再留头条高度） */
  .ag-page{
    max-width:var(--desk-w);
    padding-top:14px;
    padding-bottom:30px;
  }
  /* 网格 / 列表 扩列（4 宫格快捷保持） */
  .ag-grid{ grid-template-columns:repeat(3,1fr); gap:16px; }
  .ag-news{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
  .ag-news .n{ margin:0; }
  .ag-banner{ margin:16px 0; height:200px; }
  .ag-quick{ margin-top:18px; gap:14px; }
  /* 卡片桌面悬停（指针设备才有 hover） */
  .ag-card:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(120,95,30,.16); border-color:var(--line); }
  .ag-card:hover::before{ opacity:1; }
  .ag-quick a:hover{ transform:translateY(-3px); border-color:var(--line); }
  .ag-news .n:hover{ border-color:var(--line); }
  /* 结算条：桌面无底栏，直接贴底并收束到栏内 */
  .ag-bar{ bottom:0; left:0; right:0; max-width:var(--desk-w); margin:0 auto; padding-left:24px; padding-right:24px; }
}
@media (min-width: 1100px) {
  :root{ --desk-w:1180px; }
  .ag-grid{ grid-template-columns:repeat(4,1fr); }
  .ag-news{ grid-template-columns:repeat(3,1fr); }
  .ag-banner{ height:220px; }
}
/* 超宽屏：内容栏再放宽一点，避免过宽留白 */
@media (min-width: 1600px) {
  :root{ --desk-w:1320px; }
}

/* ---------- 移动端：页脚避让底部固定 3-Tab 栏 ---------- */
@media (max-width: 767px) {
  /* ag-body 由 agents-common.js 在移动端注入；让整页（含统一页脚）上移，不被固定 Tabbar 遮挡 */
  body.ag-body { padding-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom)); }
}

/* ================= AI 智能推荐板（内嵌，置于首页四个快捷入口上方） ================= */
.ag-rec{ margin:10px 12px 6px; background:linear-gradient(135deg,#FFFDF6,#FBF7F0);
  border:1px solid var(--line); border-radius:16px; padding:12px; box-shadow:0 6px 18px rgba(156,123,30,.08); }
.ag-rec .ag-sec-h{ margin-bottom:6px; }
.ag-rec-intro{ font-size:13px; color:var(--ink-2); line-height:1.6; margin:6px 2px 10px; }
.ag-rec-form{ display:flex; gap:8px; margin-bottom:10px; }
.ag-rec-form input{ flex:1; min-width:0; border:1px solid var(--line); background:var(--surface);
  border-radius:20px; padding:8px 12px; font-size:13px; color:var(--ink); outline:none; }
.ag-rec-form input:focus{ border-color:var(--gold); }
.ag-rec-form button{ border:0; border-radius:20px; padding:0 14px; white-space:nowrap;
  background:linear-gradient(135deg,var(--gold-light),var(--gold)); color:#1A1408; font-weight:700; font-size:13px; cursor:pointer; }
.ag-rec-cards{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.ag-rec-card{ display:flex; flex-direction:column; background:var(--surface); border:1px solid var(--line-soft);
  border-radius:12px; overflow:hidden; text-decoration:none; color:inherit; transition:transform .15s, box-shadow .15s; }
.ag-rec-card:active{ transform:translateY(1px); }
.rc-cover{ height:96px; background:var(--cream-soft); display:flex; align-items:center; justify-content:center;
  color:var(--ink-3); font-size:12px; overflow:hidden; }
.rc-cover img{ width:100%; height:100%; object-fit:cover; }
.rc-body{ padding:8px 9px 10px; display:flex; flex-direction:column; gap:5px; }
.rc-tt{ font-size:13px; font-weight:700; color:var(--ink); line-height:1.35; }
.rc-cat{ display:inline-block; align-self:flex-start; font-size:11px; color:var(--gold-deep);
  background:rgba(201,162,39,.12); border-radius:6px; padding:1px 7px; }
.rc-intro, .rc-use{ font-size:11.5px; line-height:1.5; color:var(--ink-2); }
.rc-intro b, .rc-use b{ color:var(--gold-deep); font-weight:700; margin-right:3px; }
.rc-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:2px; }
.rc-price{ font-size:14px; color:var(--gold-deep); font-weight:800; font-family:var(--serif); }
.rc-go{ font-size:12px; color:var(--tech); }
@media (min-width: 768px){
  .ag-rec{ margin:14px auto 8px; max-width:var(--desk-w); }
  .ag-rec-cards{ grid-template-columns:repeat(4,1fr); }
}
/* AI商城助手 · 标题图标（logo 替换原 🤖 emoji） */
.ag-rec .ag-sec-h h2{ display:flex; align-items:center; gap:6px; }
.ag-rec-logo{ width:22px; height:22px; object-fit:contain; flex:none; display:block; }
@media (min-width: 768px){ .ag-rec-logo{ width:24px; height:24px; } }

/* ============================================================
   2026-10-03 全面升级层（d）
   ① 首页品牌 hero 带  ② 区块标题英文副题  ③ 字体/卡片/空态精进
   仅追加覆盖，不改动原有规则，移动端(XWeb)优先。
   ============================================================ */
:root{
  --cinnabar:#C0392B;                                   /* 朱砂 · 节庆强调 */
  --gold-grad:linear-gradient(135deg,var(--gold-light),var(--gold) 55%,#B08D1F);
  --shadow-card:0 8px 26px rgba(120,95,30,.08);
}

/* —— ① 首页品牌 hero 带（深空鎏金，宋体大标 + 英文小字 + 印章） —— */
.ag-hero{
  position:relative; overflow:hidden; margin:12px 14px 4px; border-radius:20px;
  padding:22px 20px 20px; color:#fff;
  background:
    radial-gradient(120% 150% at 88% -20%, rgba(230,207,139,.40), transparent 55%),
    radial-gradient(90% 130% at -12% 112%, rgba(111,168,199,.28), transparent 62%),
    linear-gradient(150deg,#2A2416,#3B3120 55%,#4A3C22);
  border:1px solid rgba(230,207,139,.42);
  box-shadow:0 14px 40px rgba(60,45,15,.26);
}
.ag-hero::after{
  content:""; position:absolute; inset:8px; border:1px solid rgba(230,207,139,.20);
  border-radius:14px; pointer-events:none;
}
.ag-hero .eyebrow{
  font-family:var(--sans); font-size:10px; letter-spacing:3px; color:var(--gold-light);
  opacity:.9; text-transform:uppercase;
}
.ag-hero h1{
  font-family:var(--serif); font-size:26px; line-height:1.3; margin:8px 0 0;
  font-weight:700; letter-spacing:2px;
  background:linear-gradient(120deg,#FFF7E0,#E6CF8B 60%,#C9A227);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.ag-hero .tag{
  display:flex; align-items:center; gap:10px; margin-top:10px;
  font-family:var(--serif); font-size:13.5px; letter-spacing:3px; color:var(--gold-light);
}
.ag-hero .tag::before, .ag-hero .tag::after{
  content:""; height:1px; width:24px; flex:0 0 auto;
}
.ag-hero .tag::before{ background:linear-gradient(90deg,transparent,rgba(230,207,139,.75)); }
.ag-hero .tag::after{ background:linear-gradient(90deg,rgba(230,207,139,.75),transparent); }
.ag-hero .motto{ font-size:12.5px; color:rgba(255,255,255,.84); margin-top:10px; line-height:1.75; max-width:94%; }
.ag-hero .hero-chips{ display:flex; gap:8px; flex-wrap:wrap; margin-top:13px; }
.ag-hero .hero-chips span{
  font-size:11px; font-weight:700; letter-spacing:.5px; color:#3A2D06;
  background:var(--gold-grad); padding:3px 12px; border-radius:999px;
}
.ag-hero .seal{
  position:absolute; right:16px; top:16px; width:52px; height:52px; border-radius:12px;
  display:flex; align-items:center; justify-content:center; font-family:var(--serif);
  font-size:22px; line-height:1; color:var(--gold-light);
  border:1px solid rgba(230,207,139,.5); background:rgba(230,207,139,.06);
}

/* —— ② 区块标题英文副题 + 字级精进 —— */
.ag-sec-h h2{ font-size:17px; letter-spacing:1px; }
.ag-sec-h h2 .en{
  font-family:var(--sans); font-size:9.5px; font-weight:600; letter-spacing:2px;
  color:var(--ink-3); opacity:.7; margin-left:8px; vertical-align:1px; text-transform:uppercase;
}
.ag-sec-h .more{ letter-spacing:.5px; }

/* —— ③ 卡片 / 快捷入口 / 资讯 / 空态 精进 —— */
.ag-card{ border-radius:16px; }
.ag-cover{ aspect-ratio:3/2; }
.ag-card .ttl{ font-size:14px; }
.ag-card .price{ font-size:16px; }
.ag-tag{ -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }

.ag-quick a{ border-radius:16px; padding:15px 6px; }
.ag-quick .qi{
  width:40px; height:40px; border-radius:12px; font-size:21px;
  background:linear-gradient(135deg,rgba(230,207,139,.40),rgba(201,162,39,.16));
  box-shadow:inset 0 0 0 1px rgba(201,162,39,.24);
}
.ag-quick .qt{ font-weight:600; }

.ag-news .n{ border-radius:14px; padding:11px; }
.ag-news .n .cv{ width:96px; height:68px; border-radius:10px; }

.ag-empty{ padding:56px 20px; }
.ag-empty .e-ic{ font-size:44px; opacity:.45; }

/* —— 桌面放大 —— */
@media (min-width:768px){
  .ag-hero{ margin:16px auto 6px; max-width:var(--desk-w); padding:28px 30px 26px; }
  .ag-hero h1{ font-size:34px; }
  .ag-hero .seal{ width:64px; height:64px; font-size:28px; right:26px; top:22px; }
  .ag-sec-h h2{ font-size:19px; }
}

/* ============================================================
   2026-10-04 大师级 .ag-btn（agents_v20261003e.css 追加覆盖）
   液态渐变 + 顶部高光 + 外发光 + 流光 + 斜向扫光 + 悬停抬升 + 按下下沉
   覆盖原扁平 11px 圆角按钮，与全站 .btn 家族一致。
   ============================================================ */
.ag-btn {
  position: relative; overflow: hidden;
  border-radius: 14px;                 /* 升级：高级感更大圆角 */
  padding: 12px 20px; font-size: 15px; font-weight: 750; letter-spacing: .5px;
  background: linear-gradient(135deg, #F4E2AE 0%, #E6CF8B 30%, #C9A227 72%, #AE8A1E 100%);
  background-size: 200% 100%;
  color: #3A2D06;
  box-shadow: 0 7px 18px rgba(201,162,39,.30), inset 0 1px 0 rgba(255,255,255,.5);
  text-shadow: 0 1px 1px rgba(255,255,255,.25);
  animation: agGoldFlow 5.5s ease-in-out infinite;
  transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .26s ease, filter .2s ease;
}
.ag-btn::after {
  content: ""; position: absolute; top: 0; left: -130%;
  width: 55%; height: 100%;
  background: linear-gradient(105deg, transparent, rgba(255,255,255,.65), transparent);
  transform: skewX(-18deg); transition: left .6s ease; pointer-events: none;
}
.ag-btn:hover {
  transform: translateY(-2px); filter: brightness(1.04);
  box-shadow: 0 12px 28px rgba(201,162,39,.42), inset 0 1px 0 rgba(255,255,255,.55);
}
.ag-btn:hover::after { left: 135%; }
.ag-btn:active { transform: translateY(1px) scale(.985); filter: brightness(.97); box-shadow: 0 4px 12px rgba(201,162,39,.28), inset 0 1px 0 rgba(255,255,255,.35); }
.ag-btn.block { width: 100%; }
.ag-btn.outline {
  background: transparent; color: var(--gold-deep); border: 1px solid var(--gold);
  box-shadow: none; text-shadow: none; animation: none;
}
.ag-btn.outline::after { display: none; }
.ag-btn.outline:hover { background: rgba(201,162,39,.10); box-shadow: 0 8px 18px rgba(201,162,39,.18); }
.ag-btn.outline:active { background: rgba(201,162,39,.16); }
.ag-btn.ghost { background: var(--surface-2); color: var(--ink-2); border: 1px solid var(--line-soft); box-shadow: none; text-shadow: none; animation: none; }
.ag-btn.ghost::after { display: none; }
.ag-btn.ghost:hover { background: var(--cream-soft); box-shadow: 0 4px 12px rgba(120,95,30,.08); }
.ag-btn[disabled], .ag-btn:disabled { opacity: .5; pointer-events: none; filter: none; animation: none; box-shadow: none; }
.ag-btn.sm { padding: 8px 13px; font-size: 13px; border-radius: 11px; }
@keyframes agGoldFlow { 0%,100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }

/* 快捷宫格 / 卡片悬停抬升（指针设备） */
@media (min-width: 768px){
  .ag-quick a:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(120,95,30,.14); border-color:var(--line); }
}