/* ================= 资源站前台样式（仿 uzmama） ================= */
*{margin:0;padding:0;box-sizing:border-box}
:root{
    --primary:#e64545;
    --primary-dark:#c93a3a;
    --text:#333;
    --text-sub:#999;
    --border:#eee;
    --bg:#f5f6f7;
    --vip:#f5a623;
    --vip-deep:#e8890c;
}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--primary)}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 15px}

/* ===== 顶部条 ===== */
.topbar{background:#2b2f36;color:#bbb;font-size:12px}
.topbar-in{display:flex;justify-content:space-between;align-items:center;height:32px}
.topbar a{color:#bbb;margin-left:16px}
.topbar a:hover{color:#fff}

/* ===== 头部导航 ===== */
.header{background:#fff;border-bottom:2px solid var(--primary);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.header-in{display:flex;align-items:center;height:66px;gap:26px}
.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.logo-img{display:block;max-width:100%;object-fit:contain;vertical-align:middle}
.logo-icon{width:38px;height:38px;background:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:bold}
.logo-text{font-size:20px;font-weight:bold;color:#222}
.logo-sub{font-size:11px;color:#999;align-self:flex-end;margin-bottom:4px;white-space:nowrap}
.nav{display:flex;gap:4px;flex:1}
.nav a{padding:8px 12px;border-radius:6px;color:#444;font-size:15px;white-space:nowrap}
.nav a:hover{color:var(--primary);background:#fff5f5}
.nav a.active{color:var(--primary);font-weight:bold}
.nav a.nav-vip{background:linear-gradient(135deg,#f5a623,#e8890c);color:#fff;font-weight:bold}
.nav a.nav-vip:hover{opacity:.92}
/* 二级下拉菜单 */
.nav-item{position:relative;display:flex;align-items:center}
.nav-item .sub-menu{position:absolute;top:100%;left:0;min-width:150px;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);border:1px solid var(--border);padding:6px;display:none;z-index:200}
.nav-item:hover .sub-menu{display:block}
.nav-item .sub-menu a{display:block;padding:9px 14px;font-size:14px;color:#444;border-radius:6px}
.nav-item .sub-menu a:hover{background:#fff5f5;color:var(--primary)}
.header-user{display:flex;align-items:center;gap:8px;flex-shrink:0}

/* ===== 按钮 ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:all .15s}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark);color:#fff}
.btn-ghost{border:1px solid #ddd;background:#fff;color:#555}
.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}
.btn-block{display:block;width:100%;text-align:center}
.btn-sm{padding:5px 12px;font-size:13px}
.btn-vip-lg{background:linear-gradient(135deg,#ffc34d,#f5a623);color:#5b3a00;font-size:17px;padding:12px 44px;border-radius:30px;font-weight:bold;box-shadow:0 4px 14px rgba(245,166,35,.4)}
.btn-vip-lg:hover{opacity:.92;color:#5b3a00}
.btn-plan{background:#fff;border:2px solid var(--vip);color:var(--vip-deep);font-weight:bold;width:100%}
.btn-plan:hover{background:var(--vip);color:#fff}
.vip-badge{background:linear-gradient(135deg,#f5a623,#e8890c);color:#fff;font-size:12px;padding:2px 8px;border-radius:4px;font-weight:bold}

/* ===== 搜索区 ===== */
.hero{background:linear-gradient(135deg,#2b2f36 0%,#3d434d 100%);padding:46px 0 40px}
.search-box{display:flex;max-width:760px;margin:0 auto;gap:10px}
.search-box input{flex:1;height:48px;border:none;border-radius:6px;padding:0 18px;font-size:15px;outline:none}
.search-btn{width:100px;height:48px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer}
.search-btn:hover{background:var(--primary-dark)}
.search-rand{width:110px;height:48px;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:6px;font-size:15px;cursor:pointer}
.search-rand:hover{background:rgba(255,255,255,.2)}
.hot-tags{margin-top:16px;text-align:center;font-size:13px}
.hot-label{color:#888}
.hot-tags a{color:#bbb;margin:0 7px}
.hot-tags a:hover{color:#fff}

/* ===== 板块 ===== */
.main{padding:26px 15px 40px}
.section{margin-bottom:34px}
.section-head{display:flex;align-items:baseline;gap:12px;border-left:4px solid var(--primary);padding-left:12px;margin-bottom:16px}
.section-title{font-size:20px;color:#222}
.section-sub{color:var(--text-sub);font-size:13px}
.section-more{color:var(--text-sub);font-size:13px;margin-left:auto}
.section-more:hover{color:var(--primary)}

/* ===== 首页顶部：左幻灯片(1200x560) + 右两张广告图(285x180)，左右等高、图完整显示 ===== */
.home-top{display:flex;gap:16px;margin-bottom:34px;align-items:stretch}
.slide-wrap{flex:2.7;min-width:0;position:relative;border-radius:10px;overflow:hidden;background:#2b2f36;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.slide-wrap::before{content:"";display:block;padding-top:46.67%} /* 560/1200：容器高度由宽度按比例撑开，避免裁切/留白 */
.slide-viewport{position:absolute;inset:0}
.slide-item{position:absolute;inset:0;display:block;background-size:cover;background-position:center;opacity:0;transition:opacity .6s;text-decoration:none}
.slide-item.active{opacity:1}
.side-imgs{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.side-img{flex:1;min-height:0;display:block;border-radius:10px;background-size:cover;background-position:center;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:transform .2s;text-decoration:none}
.side-img:hover{transform:translateY(-2px)}
.side-img-empty{background:linear-gradient(135deg,#eef2f7,#e2e8f0);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;text-align:center;padding:0 14px}
.slide-title{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-size:15px;font-weight:bold}
.slide-fallback{background:linear-gradient(135deg,#33415c 0%,#1d2636 60%,#12203a 100%) !important}
.slide-fallback::after{content:"";position:absolute;right:-40px;top:-40px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(94,114,235,.45),transparent 70%)}
.slide-fallback:nth-child(2)::after{left:-40px;right:auto;background:radial-gradient(circle,rgba(245,166,35,.35),transparent 70%)}
.slide-fallback:nth-child(3)::after{background:radial-gradient(circle,rgba(34,211,180,.4),transparent 70%)}
.slide-dots{position:absolute;right:14px;bottom:10px;display:flex;gap:7px;z-index:3}
.slide-dots .dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:all .25s}
.slide-dots .dot.active{background:#fff;transform:scale(1.25)}
.slide-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:#999;font-size:14px}
.home-rec{flex:1;min-width:0;background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06);padding:14px 14px 8px;display:flex;flex-direction:column}
.rec-title{font-size:16px;color:#222;margin-bottom:10px;padding-left:10px;border-left:4px solid var(--primary)}
.rec-list{display:flex;flex-direction:column;gap:4px;flex:1;overflow:hidden}
.rec-item{display:flex;gap:10px;align-items:center;padding:6px 6px;border-radius:8px;text-decoration:none;transition:background .2s;min-height:54px}
.rec-item:hover{background:#f7f7f7}
.rec-img{width:76px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#eef1f5;border:1px solid #f0f2f5}
.rec-info{display:flex;flex-direction:column;gap:3px;min-width:0}
.rec-name{font-size:13px;color:#333;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-item:hover .rec-name{color:var(--primary)}
.rec-meta{font-size:11px;color:var(--text-sub)}
@media (max-width:768px){
  .home-top{flex-direction:column}
  .slide-viewport{aspect-ratio:16/9}
}

/* ===== 卡片网格 ===== */
.grid{display:grid;gap:16px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
/* v1.9：首页分类板块列数由内联 --cols 控制（后台可设），媒体查询可覆盖 */
.home-grid{grid-template-columns:repeat(var(--cols,4),1fr)}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);transition:all .2s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)}
.card-img{position:relative;padding-top:75%;background:#f0f0f0;overflow:hidden} /* 4:3 等比例容器，兼容所有手机浏览器 */
.card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.card:hover .card-img img{transform:scale(1.05)}
.tag-vip{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f5a623,#e8890c);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px;font-weight:bold}
.tag-top{position:absolute;top:8px;right:8px;background:rgba(230,69,69,.92);color:#fff;font-size:11px;padding:2px 8px;border-radius:4px}
.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.card-title{font-size:14px;font-weight:bold;color:#222;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}
.card-intro{font-size:12px;color:var(--text-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-sub);margin-top:auto}
.cat-tag{background:#f5f5f5;color:#666;padding:1px 8px;border-radius:4px;font-size:11px}
.meta-views{margin-left:auto}

/* ===== 列表 ===== */
.list-block{background:#fff;border-radius:10px;padding:6px 18px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.list-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px dashed var(--border)}
.list-item:last-child{border-bottom:none}
.list-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list-item:hover .list-title{color:var(--primary)}
.list-time{color:#bbb;font-size:12px;flex-shrink:0}
.tag-vip-sm{background:linear-gradient(135deg,#f5a623,#e8890c);color:#fff;font-size:10px;padding:1px 6px;border-radius:3px;flex-shrink:0}

/* ===== 布局（详情/分类） ===== */
.layout{display:flex;gap:20px;align-items:flex-start}
.layout-main{flex:1;min-width:0}
.layout-side{width:300px;flex-shrink:0;position:sticky;top:16px;align-self:flex-start}
.article-tags{margin:20px 0 6px;padding-top:14px;border-top:1px dashed var(--border);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tags-label{font-size:13px;color:#666}
.tag-item{display:inline-block;background:#f1f5f9;color:#475569;font-size:12px;padding:4px 12px;border-radius:20px;text-decoration:none;transition:all .2s}
.tag-item:hover{background:var(--primary);color:#fff}
.crumbs{background:#fff;border-radius:8px;padding:10px 16px;font-size:13px;color:#999;margin-bottom:18px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.crumbs a{color:#666}
.crumbs a:hover{color:var(--primary)}
.side-block{background:#fff;border-radius:10px;padding:16px;margin-bottom:18px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.side-title{font-size:15px;color:#222;padding-bottom:10px;border-bottom:2px solid var(--primary);margin-bottom:12px}
.side-list{list-style:none}
.side-list li{padding:7px 0;border-bottom:1px dashed var(--border);font-size:13px}
.side-list li:last-child{border-bottom:none}
.side-list a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.side-card{background:#fafafa;border-radius:8px;overflow:hidden;position:relative;padding-top:75%} /* 4:3 等比例，兼容手机浏览器 */
.side-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.side-card span{position:absolute;left:0;right:0;bottom:0;display:block;padding:4px 8px;font-size:12px;color:#555;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(255,255,255,.92)}
.side-vip{text-align:center}
.side-vip p{color:#888;font-size:13px;margin-bottom:12px}

/* 广告位 */
.ad-block{background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);text-align:center;margin-bottom:18px}
.ad-block img{max-width:100%;border-radius:6px}
/* 侧栏广告轻样式：无边框，与侧栏自然融合 */
.ad-side-pure{background:transparent;border:none;box-shadow:none;border-radius:8px;text-align:center;margin-bottom:18px;line-height:0}
.ad-side-pure img{max-width:100%;border-radius:8px;display:block;margin:0 auto}
.ad-side-pure a{display:block}
.ad-top{margin-bottom:18px}
.ad-bottom{margin-top:18px}
.ad-side{margin-bottom:18px}

/* 视频（编辑器插入） */
.article-video{display:block;max-width:100%;margin:12px auto;border-radius:8px;background:#000}

/* 购买弹窗 */
.pay-mask{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:998;display:flex;align-items:center;justify-content:center}
.pay-dialog{background:#fff;border-radius:14px;width:380px;max-width:92vw;padding:26px 26px 20px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.pay-dialog h4{font-size:17px;color:#0f172a;margin-bottom:8px;text-align:center}
.pay-plan-line{text-align:center;color:#64748b;font-size:13px;margin-bottom:18px}
.pay-methods{display:flex;flex-direction:column;gap:12px;align-items:center}
.pay-method{display:flex;align-items:center;justify-content:center;gap:10px;width:220px;max-width:100%;height:48px;border-radius:10px;font-size:15px;font-weight:bold;text-decoration:none;cursor:pointer;border:none;transition:all .2s;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.pay-method:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.pay-method .pay-ico{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold}
.pay-method.wx{background:linear-gradient(135deg,#2bbd6d,#1fa156)}
.pay-method.wx .pay-ico{color:#1fa156}
.pay-method.ali{background:linear-gradient(135deg,#1e90ff,#0b6fe0)}
.pay-method.ali .pay-ico{color:#0b6fe0}
.pay-method.wx{background:linear-gradient(135deg,#2bbd6d,#1fa156)}
.pay-method.wx:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(43,189,109,.35)}
.pay-method.ali{background:linear-gradient(135deg,#1e90ff,#0b6fe0)}
.pay-method.ali:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(30,144,255,.35)}
.pay-icon{font-size:22px}
.pay-close{display:block;margin:16px auto 0;background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:4px 14px}
.pay-close:hover{color:#475569}

/* ===== 文章详情 ===== */
.article{background:#fff;border-radius:10px;padding:28px 30px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.article-title{font-size:22px;color:#222;line-height:1.5;margin-bottom:12px}
.article-meta{display:flex;flex-wrap:wrap;gap:16px;color:#999;font-size:12px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:20px}
.article-content{font-size:15px;color:#444;line-height:1.9}
.article-content p{margin-bottom:14px}
.article-content img{max-width:100%;height:auto;border-radius:8px;margin:10px 0}
.article-content h2,.article-content h3{margin:18px 0 10px;color:#222}
.article-content ul,.article-content ol{padding-left:22px;margin-bottom:14px}
.article-content a{color:#1a73e8;text-decoration:underline}
.article-content table{border-collapse:collapse;width:100%;margin:12px 0}
.article-content table td,.article-content table th{border:1px solid #e5e5e5;padding:8px 12px;font-size:14px}
.article-content blockquote,.hidden-box blockquote{background:#fff7ed;border:1px solid #fed7aa;border-left:4px solid #f97316;border-radius:10px;padding:14px 18px;margin:14px 0;color:#7c2d12;font-size:14px;line-height:1.9}
.article-content blockquote p,.hidden-box blockquote p{margin:0 0 8px}
.article-content blockquote p:last-child,.hidden-box blockquote p:last-child{margin-bottom:0}
.article-foot{margin-top:26px;padding-top:16px;border-top:1px solid var(--border);font-size:13px;color:#888;line-height:2}
.article-foot a{color:#555}
.article-foot a:hover{color:var(--primary)}

/* ===== 隐藏内容 ===== */
.hidden-box{margin-top:22px;border-radius:10px;overflow:hidden}
.hidden-box.is-locked{border:2px dashed #f5c876;background:#fffdf7}
.hidden-box.is-open{border:1px solid #e8e8e8}
.hidden-head{background:linear-gradient(135deg,#f5a623,#e8890c);color:#fff;padding:8px 16px;font-size:13px;font-weight:bold}
.hidden-body{padding:22px;font-size:15px;line-height:1.9;color:#444;background:#fffef9}
.hidden-lock{display:flex;align-items:center;gap:20px;padding:30px;flex-wrap:wrap;justify-content:center;text-align:center}
.lock-icon{font-size:52px}
.lock-title{font-size:19px;font-weight:bold;color:#333;margin-bottom:6px}
.lock-sub{color:#a0762e;font-size:13px;margin-bottom:14px}
.lock-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%}

/* ===== 分页 ===== */
.pagination{display:flex;justify-content:center;gap:8px;margin-top:22px;flex-wrap:wrap}
.pagination a{min-width:34px;height:34px;padding:0 10px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;border:1px solid #e5e5e5;color:#666;font-size:13px}
.pagination a:hover{border-color:var(--primary);color:var(--primary)}
.pagination a.active{background:var(--primary);border-color:var(--primary);color:#fff}

/* ===== 空状态 ===== */
.empty{text-align:center;color:#aaa;padding:46px 0;font-size:14px}

/* ===== 登录/注册 ===== */
.auth-wrap{min-height:480px;display:flex;align-items:center;justify-content:center;padding:50px 15px}
.auth-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:34px 38px;width:100%;max-width:400px}
.auth-card h2{text-align:center;margin-bottom:22px;color:#222}
.auth-error{background:#fff1f1;color:#c0392b;border:1px solid #ffd0d0;border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:14px}
.auth-field{margin-bottom:16px}
.auth-field label{display:block;font-size:13px;color:#666;margin-bottom:6px}
.auth-field input{width:100%;height:42px;border:1px solid #ddd;border-radius:6px;padding:0 12px;font-size:14px;outline:none}
.auth-field input:focus{border-color:var(--primary)}
.auth-link{text-align:center;margin-top:16px;font-size:13px;color:#999}
.auth-link a{color:var(--primary)}
/* v2.5：QQ登录 */
.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#bbb;font-size:12px}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:#eee}
.qq-login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:42px;border-radius:6px;background:#12b7f5;color:#fff;font-size:15px;text-decoration:none;transition:opacity .15s}
.qq-login-btn:hover{opacity:.88;color:#fff}
.qq-login-btn-inline{width:200px}
/* v2.6：QQ绑定 / 完善资料 */
.qq-bind-info{display:flex;align-items:center;gap:14px;background:#f7f9fc;border:1px solid #e8edf3;border-radius:8px;padding:14px 16px;margin-bottom:16px}
.qq-bind-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid #e0e6ee}
.qq-bind-name{font-size:15px;font-weight:bold;color:#222}
.qq-bind-mail{font-size:13px;color:#888;margin-top:3px}
.qq-bind-tip{font-size:13px;color:#888;margin:0 0 14px;line-height:1.7}
.auth-tip{font-size:13px;color:#888;text-align:center;margin:-6px 0 18px;line-height:1.7}
.auth-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:14px}
.btn-danger{background:#e74c3c;color:#fff}
.btn-danger:hover{background:#c0392b;color:#fff}

/* ===== 用户中心 ===== */
.uc{display:flex;gap:20px;align-items:flex-start}
.uc-side{width:230px;flex-shrink:0}
.uc-user{background:#fff;border-radius:10px;padding:24px 16px;text-align:center;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.uc-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#e64545,#c93a3a);color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-weight:bold}
.uc-name{font-size:16px;font-weight:bold;color:#222}
.uc-vip-status{margin-top:8px;display:inline-block;background:#f5f5f5;color:#888;font-size:12px;padding:3px 12px;border-radius:20px}
.uc-vip-status.is-vip{background:linear-gradient(135deg,#f5a623,#e8890c);color:#fff;font-weight:bold}
.uc-menu{list-style:none;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.uc-menu li a{display:block;padding:12px 20px;color:#555;font-size:14px;border-bottom:1px solid var(--border)}
.uc-menu li:last-child a{border-bottom:none}
.uc-menu li a:hover{background:#fff5f5;color:var(--primary)}
.uc-menu li a.active{background:var(--primary);color:#fff}
.uc-main{flex:1;min-width:0}
.uc-panel{background:#fff;border-radius:10px;padding:22px 24px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.uc-panel-title{font-size:16px;color:#222;padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}
.uc-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.uc-plan{text-align:center;border:1px solid var(--border);border-radius:10px;padding:20px 14px;transition:all .2s}
.uc-plan:hover{border-color:var(--vip);box-shadow:0 4px 14px rgba(245,166,35,.15)}
.uc-plan h4{color:#222;font-size:15px;margin-bottom:6px}
.uc-plan-price{color:var(--vip-deep);font-size:26px;font-weight:bold;margin-bottom:6px}
.uc-plan p{color:#999;font-size:12px;margin-bottom:12px}
.uc-plan-desc{color:#666;font-size:13px;margin-bottom:12px;text-align:left}
.uc-plan-desc .plan-list{margin-bottom:0}
.uc-notice{background:linear-gradient(135deg,#fff8e6,#fff3d6);border:1px solid #f3d9a4;border-radius:10px;padding:14px 18px;margin-bottom:16px;color:#8a6d1f;font-size:14px;line-height:1.8}
.uc-table{width:100%;border-collapse:collapse;font-size:13px}
.uc-table th,.uc-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left}
.uc-table th{background:#fafafa;color:#666;font-weight:normal}
.uc-status-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.uc-status-card.vip{background:linear-gradient(135deg,#fffaf0,#fff3dd);border:1px solid #f5d9a8;border-radius:10px;padding:18px}
.uc-status-card:not(.vip){background:#fafafa;border:1px solid var(--border);border-radius:10px;padding:18px}
.uc-status-lv{font-size:18px;font-weight:bold;color:#222}
.uc-status-info{flex:1;color:#777;font-size:13px}
.uc-status-info b{color:#e8890c}
.st-ok{color:#1a9e4b;font-weight:bold}
.st-no{color:#c0392b}
.st-no a{color:var(--primary)}
.st-wait{color:#e8890c;font-weight:bold}

/* ===== v2.0 推广中心 ===== */
.aff-card{background:#fafbfc;border:1px solid var(--border);border-radius:10px;padding:16px 18px}
.aff-code-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.aff-code{font-size:20px;font-weight:bold;letter-spacing:2px;color:var(--primary);background:#eef4ff;border:1px dashed #a9c6ff;border-radius:8px;padding:4px 14px}
.aff-link-row label{display:block;font-size:12px;color:#888;margin:12px 0 4px}
.aff-link{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px}
.aff-link span{flex:1;font-size:12px;color:#555;word-break:break-all;font-family:Consolas,Menlo,monospace}
.aff-stats{display:flex;gap:14px;flex-wrap:wrap}
.aff-stat{flex:1;min-width:130px;background:#fafbfc;border:1px solid var(--border);border-radius:10px;padding:16px;text-align:center}
.aff-stat-num{font-size:22px;font-weight:bold;color:var(--primary);margin-bottom:6px}
.aff-stat-label{font-size:12px;color:#999}

/* ===== VIP 页（仿 nice.kefeng.vip） ===== */
.vip-hero{background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 55%,#3b82f6 100%);color:#fff;padding:64px 0;text-align:center}
.vip-hero-in h1{font-size:32px;margin-bottom:12px}
.vip-hero-in p{color:#dbe7ff;font-size:15px;margin-bottom:28px}
.vip-section{margin:42px 0}
.vip-sec-title{font-size:24px;color:#1e3a8a;text-align:center;margin-bottom:8px}
.vip-sec-sub{text-align:center;color:#999;font-size:14px;margin-bottom:26px}
.vip-sec-sub b{color:var(--vip-deep)}
.vip-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vip-feature{background:#fff;border-radius:12px;padding:26px 20px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:all .2s}
.vip-feature:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(37,99,235,.12)}
.feat-icon{font-size:36px;margin-bottom:10px}
.vip-feature h3{font-size:15px;color:#1e3a8a;margin-bottom:6px}
.vip-feature p{font-size:13px;color:#888}
.vip-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:0 auto}
.vip-plan{background:#fff;border-radius:14px;padding:32px 26px;text-align:center;position:relative;border:2px solid #e8edf7;transition:all .2s}
.vip-plan:hover{transform:translateY(-4px)}
.vip-plan.hot{border-color:#2563eb;box-shadow:0 10px 30px rgba(37,99,235,.14)}
.plan-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#f5a623,#e8890c);color:#fff;font-size:12px;padding:3px 14px;border-radius:20px;font-weight:bold}
.plan-name{font-size:18px;color:#1e3a8a;margin-bottom:12px}
.plan-price{color:#333;margin-bottom:18px}
.plan-price b{font-size:36px;color:#1e3a8a}
.plan-price span{color:#999;font-size:14px}
.plan-list{list-style:none;margin-bottom:22px;text-align:left}
.plan-list li{padding:7px 0 7px 22px;position:relative;color:#666;font-size:14px;border-bottom:1px dashed #f0f0f0}
.plan-list li:last-child{border-bottom:none}
.plan-list li::before{content:'✔';position:absolute;left:0;color:#2563eb}
.vip-tip{text-align:center;color:#999;font-size:13px;margin-top:26px}

/* ===== 页脚 ===== */
.footer{background:#2b2f36;color:#999;padding:34px 0 26px;margin-top:20px;font-size:13px}
.footer-links{display:flex;justify-content:center;gap:26px;margin-bottom:14px}
.footer-links a{color:#bbb}
.footer-links a:hover{color:#fff}
.copyright{text-align:center;line-height:2}
.copyright a{color:#888}
.copyright.tip{color:#666;font-size:12px}

/* ===== 浮动按钮 ===== */
.float-bar{position:fixed;right:22px;bottom:40px;z-index:99}
.float-bar a{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 3px 10px rgba(0,0,0,.18)}
.float-bar a:hover{background:var(--primary-dark)}

/* ===== 手机端底部悬浮导航 v1.8 ===== */
.mobile-nav{display:none}

/* ===== v1.9 导航搜索按钮与浮层 ===== */
.nav-search-wrap{position:relative;flex-shrink:0;margin-left:2px}
.nav-search-btn{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 14px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#555;font-size:14px;cursor:pointer;transition:all .2s}
.nav-search-btn:hover{border-color:var(--primary);color:var(--primary)}
.search-pop{display:none;position:absolute;top:44px;right:0;z-index:300;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.14);padding:12px;width:320px;max-width:88vw}
.search-pop form{display:flex;gap:8px}
.search-pop input{flex:1;height:40px;border:1px solid #d1d5db;border-radius:6px;padding:0 12px;font-size:14px;outline:none}
.search-pop input:focus{border-color:var(--primary)}
.search-pop .search-btn{width:64px;height:40px;border-radius:6px}

/* ===== v1.9 重置密码等表单：块级分行布局 ===== */
.uc-form label{display:block;font-size:13px;color:#555;margin-bottom:6px}
.uc-form input[type=text],.uc-form input[type=password],.uc-form input[type=email],.uc-form input[type=number]{display:block;width:100%;height:42px;border:1px solid #ddd;border-radius:6px;padding:0 12px;font-size:14px;outline:none;box-sizing:border-box;margin-bottom:16px;background:#fff}
.uc-form input:focus{border-color:var(--primary)}
.uc-form .btn{margin-top:2px}
.uc-msg{font-size:13px;padding:10px 14px;border-radius:6px;margin-bottom:14px}
.uc-msg.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}
.uc-msg.err{background:#fff1f1;border:1px solid #ffd0d0;color:#c0392b}

/* ===== v1.9 版权说明/免责区（文章隐藏内容下方） ===== */
.copyright-box{background:#fafafa;border:1px dashed #d9d9d9;border-radius:8px;padding:14px 18px;margin-top:18px;font-size:12px;color:#999;line-height:1.9}

/* ===== v1.9 相关推荐（上一篇/下一篇下方，4 个并排图片） ===== */
.rel-block{margin-top:26px;padding-top:18px;border-top:1px solid var(--border)}
.rel-title{font-size:17px;color:#222;margin-bottom:14px;padding-left:10px;border-left:4px solid var(--primary)}
.rel-grid{grid-template-columns:repeat(4,1fr);gap:14px}
.rel-grid .card-title{font-size:13px;min-height:38px}

@media (max-width:768px){
    body{padding-bottom:58px}
    .mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 12px rgba(0,0,0,.06)}
    .mnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 0 8px;color:#555;text-decoration:none;font-size:11px;min-width:0}
    .mnav-item:active{background:#f3f6fc}
    .mnav-ico{font-size:19px;line-height:1;color:var(--primary)}
    .mnav-txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:96%}
    .float-bar{bottom:68px;right:14px}
    .layout-side{position:static}
    /* v1.9：手机端首页顶部——右侧两张广告图改为左右横排 */
    .side-imgs{flex-direction:row}
    .side-img{flex:1;min-height:0}
    /* v1.9：首页分类板块手机端固定 2 列（覆盖后台列数内联变量） */
    .home-grid{grid-template-columns:repeat(2,1fr) !important}
    .rel-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== 响应式 ===== */
@media (max-width: 992px){
    .grid-4{grid-template-columns:repeat(2,1fr)}
    .grid-3{grid-template-columns:repeat(2,1fr)}
    .home-grid{grid-template-columns:repeat(2,1fr) !important}
    .rel-grid{grid-template-columns:repeat(2,1fr)}
    .layout{flex-direction:column}
    .layout-side{width:100%}
    .uc{flex-direction:column}
    .uc-side{width:100%}
    .vip-features{grid-template-columns:repeat(2,1fr)}
    .vip-plans{grid-template-columns:1fr}
    .uc-plans{grid-template-columns:1fr}
    .nav{display:none}
    /* v1.9：手机端头部紧凑化 */
    .header-in{height:56px;gap:10px;justify-content:space-between}
    .logo-sub{display:none}
    .logo-text{font-size:17px}
    .logo-icon{width:32px;height:32px;font-size:17px}
    .ns-txt{display:none}
    .nav-search-btn{width:36px;padding:0;justify-content:center}
    .search-pop{top:40px}
}
@media (max-width: 560px){
    .grid-4,.grid-3{grid-template-columns:1fr}
    .search-box{flex-wrap:wrap}
    .search-box input{width:100%}
    .search-btn,.search-rand{flex:1}
    .article{padding:18px 14px}
    .article-title{font-size:18px}
    .crumbs{margin-bottom:12px}
    .section{margin-bottom:24px}
    .vip-hero{padding:40px 0}
    .vip-hero-in h1{font-size:24px}
}