/* ==========================================================================
   gsxt 移动端皮肤（在 mobile/style.css 之后加载）
   ========================================================================== */
.head-bar{background:linear-gradient(120deg,#1a4fe0 0%,#2b6cff 60%,#5b93ff 100%) !important;border-bottom:0 !important;}
.head-bar img{filter:brightness(0) invert(1);}
.head-bar-title input[type="search"]{background:rgba(255,255,255,.18) !important;color:#fff !important;border-radius:18px !important;padding:0 16px !important;font-size:13px !important;}
.head-bar-title input[type="search"]::placeholder{color:rgba(255,255,255,.8);}
.head-bar-title input[type="search"]::-webkit-input-placeholder{color:rgba(255,255,255,.8);}

.ac-m-hero{background:linear-gradient(120deg,#1a4fe0 0%,#2b6cff 60%,#6a9bff 100%);padding:16px 16px 18px;color:#fff;}
.ac-m-hero-brand{display:flex;align-items:center;gap:10px;}
.ac-m-hero-brand img{height:34px;width:auto;background:#fff;border-radius:8px;padding:4px 8px;}
.ac-m-hero-brand b{display:block;font-size:20px;line-height:24px;font-weight:700;}
.ac-m-hero-brand span{display:block;font-size:12px;color:rgba(255,255,255,.8);}
.ac-m-hero-search{margin-top:12px;height:38px;line-height:38px;border-radius:19px;background:#fff;color:#9aa0a8;font-size:13px;padding:0 16px;box-shadow:0 6px 16px rgba(11,42,110,.18);}
.ac-m-hero-search:before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='6' cy='6' r='4.5' fill='none' stroke='%232b6cff' stroke-width='1.6'/%3E%3Cpath d='M9.5 9.5L13 13' stroke='%232b6cff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/contain;}
.ac-m-hero-links{display:flex;gap:10px;margin-top:12px;}
.ac-m-hero-links a{flex:1;text-align:center;height:32px;line-height:32px;border-radius:16px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;}
.ac-m-hero-links a:active{background:rgba(255,255,255,.28);}

.gird-5{background:#f5f6f8 !important;padding:14px 6px 2px !important;}
.gird-5 li{width:25% !important;height:auto !important;margin-bottom:14px;}
.gird-5 li a{display:flex;flex-direction:column;align-items:center;gap:6px;}
.gird-5 li img{width:40px !important;height:40px !important;padding:8px;background:#fff;border-radius:14px;box-shadow:0 4px 12px rgba(31,35,41,.06);box-sizing:border-box;}
.gird-5 li span{font-size:12px;color:#4e545c;}

.ui-head{background:#fff !important;margin:12px 10px 0;border-radius:8px;padding:0 14px;height:44px;line-height:44px;font-size:15px;}
.ui-head i{display:none !important;}
.ui-head span{color:#8f959e !important;background:none !important;padding-right:0 !important;}
.ui-head b{font-size:15px;color:#1f2329;}

.ui-main{background:#f5f6f8 !important;padding:10px 5px 0 !important;}
.ui-list-img div{margin:0 5px 10px !important;border:1px solid #eef0f3;border-radius:8px;box-shadow:0 4px 12px rgba(31,35,41,.05);}
.ui-list-img strong{margin:8px 8px 0 !important;font-size:13px !important;color:#33383f;height:38px !important;}
.ui-list-img b{margin:4px 8px 8px !important;color:#9aa0a8;}
.ui-list-img p{padding:8px 8px 0 !important;}
.ui-list-img .ui-ico-price{color:#ff6a00 !important;font-weight:700;}

.btn{background:#2b6cff !important;border-radius:20px !important;color:#fff !important;}
.foot-bar{background:#fff !important;border-top:1px solid #eef0f3;}

/* 移动端内页 */
.ui-filter{background:#fff !important;border-bottom:1px solid #eef0f3;}
.ui-filter a{color:#646a73;}
.ui-filter a.on b,.ui-filter a.on i{color:#2b6cff;}
.ui-list-mix{display:flex;gap:10px;margin:10px;padding:10px;background:#fff;border:1px solid #eef0f3;border-radius:8px;overflow:hidden;}
.ui-list-mix > a{flex:0 0 96px;width:96px;height:96px;border-radius:6px;overflow:hidden;background:#f7f8fa;}
.ui-list-mix > a img{width:100%;height:100%;object-fit:cover;border-radius:6px;}
.ui-list-mix ul{flex:1;min-width:0;margin:0;padding:0;}
.ui-list-mix li{list-style:none;}
.ui-list-mix strong{display:block;font-size:13px;line-height:19px;max-height:38px;overflow:hidden;color:#33383f;}
.ui-list-mix b{font-size:12px;color:#8f959e;font-weight:400;}
.ui-list-mix p{margin:4px 0 0;}
.ui-list-mix .ui-ico-price{color:#ff6a00;font-weight:700;}
.ui-list-txt{background:#fff;border:1px solid #eef0f3;border-radius:8px;margin:10px;padding:12px 14px;}
.ui-list-txt strong{display:block;font-size:14px;line-height:21px;color:#33383f;}
.ui-list-txt div{margin-top:4px;font-size:12px;line-height:18px;color:#9aa0a8;max-height:36px;overflow:hidden;}
.ui-list-txt p{margin:6px 0 0;}
.ui-list-txt .ui-ico-time{color:#b3b8bf;}
.ui-album{background:#fff;}
.ui-album img{width:100%;display:block;}
.title h1{font-size:18px;line-height:26px;margin:12px 14px;color:#1f2329;font-weight:600;}
.info{margin:0 14px;display:flex;gap:14px;font-size:12px;color:#9aa0a8;}
.mall-info{background:#fff;margin-top:10px;padding:0 6px 10px;}
.mall-info td{padding:8px;font-size:13px;color:#4e545c;}
.mall-info td.tl{color:#9aa0a8;width:56px;}
.mall-price{color:#ff6a00;}
.mall-price span{font-size:24px;font-weight:700;}
.pages{padding:16px 10px;text-align:center;font-size:13px;}
.pages a,.pages strong{display:inline-block;min-width:30px;height:30px;line-height:28px;margin:0 3px;padding:0 8px;border:1px solid #e6e9ef;border-radius:6px;background:#fff;color:#4e545c;font-weight:400;box-sizing:border-box;}
.pages strong{background:#2b6cff;border-color:#2b6cff;color:#fff;}

/* 移动端频道页 / 登录 / 资讯详情 */
.gird-4{background:#f5f6f8 !important;padding:14px 6px 2px !important;}
.gird-4 li{width:25% !important;height:auto !important;margin-bottom:14px;}
.gird-4 li a{display:flex;flex-direction:column;align-items:center;gap:6px;}
.gird-4 li img{width:40px !important;height:40px !important;padding:8px;background:#fff;border-radius:14px;box-sizing:border-box;box-shadow:0 4px 12px rgba(31,35,41,.06);}
.gird-4 li span{font-size:12px;color:#4e545c;}

.list-inp{background:#fff;margin:10px 14px;padding:0 14px;height:46px;border:1px solid #eef0f3;border-radius:8px;box-sizing:border-box;}
.list-inp input{width:100%;height:44px;border:0;outline:none;background:transparent;font-size:15px;color:#1f2329;}
.list-btn{margin:0 14px;}
.list-btn .btn-blue{width:100%;height:46px;border:0;border-radius:8px;background:#2b6cff;color:#fff;font-size:16px;cursor:pointer;}
.list-btn .btn-blue:active{background:#1b55db;}
#oauth{margin:22px 14px 0;}
#oauth img{box-shadow:0 4px 12px rgba(31,35,41,.08);}

.main .content{background:#fff;padding:14px;font-size:15px;line-height:1.9;color:#33383f;}
.main .content img{max-width:100%;height:auto;}

/* 移动端通用详情 */
.main .title{padding:12px 14px 4px;background:#fff;}
.main .title h1{font-size:18px;line-height:26px;margin:0;color:#1f2329;font-weight:600;}
.main .info{display:flex;gap:14px;margin:0 14px 10px;font-size:12px;color:#9aa0a8;}
.main .tool{padding:14px 0;text-align:center;background:#fff;border-top:1px solid #f2f4f7;font-size:13px;color:#8f959e;}
.main .tool i{font-style:normal;margin:0 10px;}
.main td.tl{width:64px;color:#9aa0a8;}
/* =========================================================================
   gsxt 移动端视觉升级 V2 · 2026-10-18
   与 PC 端同一套 tokens：深墨蓝 / 深琥珀价格 / 12px 圆角 / 双层阴影
   ========================================================================= */
:root{
  --m-blue:#1f57e0;
  --m-blue-d:#1746bd;
  --m-ink:#0b1b33;
  --m-price:#c2410c;
  --m-line:#eef1f5;
  --m-bg:#f6f7f9;
  --m-radius:12px;
  --m-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 22px rgba(16,24,40,.06);
}

/* 顶部栏：深墨蓝渐变 */
.head-bar{background:linear-gradient(120deg,#0b1b33 0%,#12305e 55%,#1f57e0 100%) !important;}
.head-bar-title input[type="search"]{background:rgba(255,255,255,.14) !important;border-radius:20px !important;}

/* 首屏 hero */
.ac-m-hero{background:linear-gradient(135deg,#0b1b33 0%,#143a75 50%,#1f57e0 100%);padding:18px 16px 20px;}
.ac-m-hero-brand b{font-size:21px;letter-spacing:.5px;}
.ac-m-hero-search{height:40px;line-height:40px;border-radius:20px;box-shadow:0 8px 20px rgba(3,10,24,.28);}
.ac-m-hero-links a{height:34px;line-height:34px;border-radius:17px;background:rgba(255,255,255,.14);font-size:12px;}
.ac-m-hero-links a:active{background:rgba(255,255,255,.26);}

/* 金刚区 */
.gird-5,.gird-4{background:var(--m-bg) !important;}
.gird-5 li img,.gird-4 li img{border-radius:16px;box-shadow:var(--m-shadow);}

/* 区块标题 */
.ui-head{margin:14px 10px 0;border-radius:var(--m-radius);padding:0 16px;height:46px;line-height:46px;box-shadow:var(--m-shadow);}
.ui-head b{font-size:16px;color:#0f172a;letter-spacing:-.2px;}

/* 列表卡片 */
.ui-main{background:var(--m-bg) !important;}
.ui-list-img div{margin:0 5px 12px !important;border:1px solid var(--m-line);border-radius:var(--m-radius);box-shadow:var(--m-shadow);}
.ui-list-img strong{font-size:13px !important;line-height:19px !important;}
.ui-list-mix{margin:12px 10px;padding:12px;border:1px solid var(--m-line);border-radius:var(--m-radius);box-shadow:var(--m-shadow);}
.ui-list-mix > a{border-radius:10px;}
.ui-list-mix > a img{border-radius:10px;}
.ui-list-txt{margin:12px 10px;padding:14px 16px;border:1px solid var(--m-line);border-radius:var(--m-radius);box-shadow:var(--m-shadow);}

/* 价格：深琥珀，等宽数字 */
.ui-list-img .ui-ico-price,.ui-list-mix .ui-ico-price,.mall-price{color:var(--m-price) !important;font-weight:700;font-variant-numeric:tabular-nums;}
.mall-price span{font-size:25px;letter-spacing:-.3px;}

/* 按钮 */
.btn,.list-btn .btn-blue,.ui-btn{
  background:linear-gradient(135deg,#2a63ea,#1f57e0) !important;
  border-radius:10px !important;
  color:#fff !important;
  box-shadow:0 6px 16px rgba(31,87,224,.24);
}
.btn:active,.list-btn .btn-blue:active{background:linear-gradient(135deg,#1f57e0,#1746bd) !important;}

/* 详情 */
.main .title{padding:14px 16px 6px;}
.main .title h1{font-size:19px;line-height:27px;letter-spacing:-.2px;}
.main .content{padding:16px;line-height:1.95;color:#374151;}
.main .content img{border-radius:10px;}

/* 分页 */
.pages a,.pages strong{min-width:32px;height:32px;line-height:30px;border-radius:9px;}
.pages strong{background:var(--m-blue);border-color:var(--m-blue);box-shadow:0 4px 12px rgba(31,87,224,.28);}

/* 底部栏 */
.foot-bar{background:#fff !important;border-top:1px solid var(--m-line);box-shadow:0 -4px 16px rgba(16,24,40,.05);}

/* 输入框 / 登录 */
.list-inp{border-radius:10px;border-color:var(--m-line);box-shadow:0 1px 2px rgba(16,24,40,.03);}

/* 选中态 */
::selection{background:rgba(31,87,224,.16);}
