/* ============================================================
   qlyw.cn 全站换肤 restyle-v2 —— 方案A「清新青绿」
   只做视觉层（配色/圆角/阴影/字号/间距/底部Tab），不改任何布局逻辑
   加载位置：common/head.html 中 style.css 之后
   上线日期：2026-09-22
   ============================================================ */
:root{
  --q-brand:#0e9e8e;
  --q-brand-2:#2fc4ae;
  --q-brand-light:#e3f7f4;
  --q-ink:#17222b;
  --q-ink2:#5b6b77;
  --q-ink3:#93a1ab;
  --q-line:#e8eef1;
  --q-bg:#f4f7f8;
  --q-card:#ffffff;
  --q-grad:linear-gradient(135deg,#0e9e8e,#2fc4ae);
}

/* ---------- 全局基调 ---------- */
html{background:var(--q-bg);}
body{color:var(--q-ink);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{transition:color .15s ease;}
::selection{background:rgba(14,158,142,.18);}

/* 顶部日期/语言条：移动端收起，桌面弱化 */
.top{background:#fff;border-bottom:1px solid var(--q-line);}
.top,.top a{color:var(--q-ink3) !important;font-size:12px;}

/* ---------- 导航 ---------- */
nav.layui-bg-white{position:sticky;top:0;z-index:998;box-shadow:0 1px 0 var(--q-line);}
nav .layui-nav{background:transparent !important;}
nav .layui-nav .layui-nav-item a{color:var(--q-ink2);font-size:14px;border-radius:8px;}
nav .layui-nav .layui-nav-item a:hover,nav .layui-nav .layui-nav-item a.font-black{color:var(--q-ink);}
/* 移动端分类条：横向滚动 chips */
.top-head{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.top-head::-webkit-scrollbar{display:none;}
.top-head ul{display:flex;white-space:nowrap;gap:6px;padding:8px 0;}
.top-head ul li{flex:0 0 auto;}
.top-head ul li a{display:inline-block;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--q-line);color:var(--q-ink2) !important;font-size:13.5px;}
.top-head ul li a:active{color:var(--q-brand) !important;border-color:var(--q-brand);background:var(--q-brand-light);}

/* ---------- 卡片 ---------- */
.layui-card{background:var(--q-card) !important;border:1px solid var(--q-line) !important;border-radius:14px;box-shadow:0 2px 10px rgba(23,34,43,.05);}
.layui-card-header{border-bottom:1px solid var(--q-line) !important;color:var(--q-ink);}
.box__tit::before{background:var(--q-grad) !important;border-radius:4px;}

/* ---------- 标题排版（配合已上线的 H1/H2） ---------- */
h1{font-size:22px;font-weight:700;color:var(--q-ink) !important;line-height:1.35;
  background:none !important;-webkit-text-fill-color:var(--q-ink) !important;}
h2{font-size:13px;font-weight:400;color:var(--q-ink2) !important;line-height:1.5;}
@media (min-width:768px){ h1{font-size:26px;} }

/* ---------- 按钮 ---------- */
.layui-btn{background-color:var(--q-brand) !important;border-radius:10px;font-weight:600;}
.layui-btn:hover{opacity:.9;}
.layui-btn-normal{background-color:var(--q-brand) !important;}
.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger):not(.layui-btn-warm):not(.layui-btn-disabled){
  background:var(--q-grad);box-shadow:0 4px 12px rgba(14,158,142,.25);}
.layui-btn-primary{border-color:var(--q-line) !important;color:var(--q-ink2) !important;background:#fff !important;}

/* ---------- 输入框 / 表单 ---------- */
.layui-input,.layui-select,.layui-textarea{border-color:var(--q-line) !important;border-radius:10px;transition:border-color .2s,box-shadow .2s;}
.layui-input:focus,.layui-select:focus,.layui-textarea:focus{border-color:var(--q-brand) !important;box-shadow:0 0 0 3px rgba(14,158,142,.12);}
.layui-form-select .layui-edge{border-top-color:var(--q-ink3);}
.layui-form-checkbox[lay-skin="primary"] i{border-color:var(--q-line);}

/* 移动端：输入与按钮加大触控高度 */
@media (max-width:767px){
  .layui-input,.layui-select,.layui-textarea{min-height:44px;font-size:16px;}
  .layui-btn{min-height:44px;}
  .layui-btn+.layui-btn{margin-left:8px;}
}

/* ---------- 列表 / 链接悬停 ---------- */
.layui-laypage .layui-laypage-em{background:var(--q-brand) !important;border-radius:6px;}
.layui-laypage a,.layui-laypage span{border-radius:6px !important;margin:0 3px;}
a:hover{color:var(--q-brand);}

/* ---------- 详情/内容排版微调 ---------- */
.layui-card-body p{margin:0 0 .5em;}
table{border-color:var(--q-line);}

/* ---------- Footer ---------- */
footer.layui-bg-white{background:var(--q-bg) !important;border-top:1px solid var(--q-line);color:var(--q-ink3);}
footer .text-light{color:var(--q-ink3) !important;}
footer a.text-light:hover{color:var(--q-brand) !important;}

/* ---------- layui fixbar（回顶按钮）配色统一 ---------- */
.layui-fixbar li{background:var(--q-brand) !important;border-radius:10px;}

/* ============================================================
   移动端底部 Tab 导航（桌面隐藏；结构由 common/foot.html 输出）
   ============================================================ */
.qtab{display:none;}
.qtab-sheet{display:none;}
@media (max-width:767px){
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom)) !important;}
  .qtab{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9999;
    background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    border-top:1px solid var(--q-line);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
  }
  .qtab a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;
    color:var(--q-ink3);font-size:11px;line-height:1.2;text-decoration:none;}
  .qtab a .layui-icon{font-size:21px;line-height:1.2;}
  .qtab a:active{color:var(--q-brand);}
  /* 栏目面板 */
  .qtab-sheet{display:block;position:fixed;inset:0;z-index:9998;visibility:hidden;}
  .qtab-sheet.on{visibility:visible;}
  .qtab-mask{position:absolute;inset:0;background:rgba(13,18,32,.45);opacity:0;transition:opacity .2s;}
  .qtab-sheet.on .qtab-mask{opacity:1;}
  .qtab-panel{position:absolute;left:0;right:0;bottom:58px;background:#fff;
    border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));
    transform:translateY(105%);transition:transform .22s ease;box-shadow:0 -8px 30px rgba(23,34,43,.15);}
  .qtab-sheet.on .qtab-panel{transform:translateY(0);}
  .qtab-panel>b{display:block;font-size:15px;color:var(--q-ink);margin-bottom:12px;}
  .qtab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
  .qtab-grid a{display:flex;flex-direction:column;align-items:center;gap:6px;
    padding:12px 4px;border-radius:12px;background:var(--q-bg);border:1px solid var(--q-line);
    color:var(--q-ink);font-size:13px;text-decoration:none;}
  .qtab-grid a:active{background:var(--q-brand-light);border-color:var(--q-brand);color:var(--q-brand);}
  .qtab-grid a i{font-size:22px;color:var(--q-brand);}
}

/* ---------- 大屏微调 ---------- */
@media (min-width:1200px){
  .layui-container{width:1140px;}
}

/* ---------- 降低动效偏好 ---------- */
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important;}
}

/* v1.1 补丁: 移动端隐藏顶部日期/语言条(省首屏) */
@media (max-width:767px){ .top{display:none !important;} }