/* ================= 站长工具站 全站样式 ================= */
:root{
  --pri:#2563eb; --pri-d:#1d4ed8; --pri-l:#eff6ff;
  --vip:#f59e0b; --paid:#ef4444;
  --ok:#16a34a; --warn:#f59e0b; --err:#ef4444;
  --txt:#1f2937; --txt2:#6b7280; --line:#e5e7eb;
  --bg:#f3f4f6; --card:#fff;
  --rad:10px; --shadow:0 2px 10px rgba(15,23,42,.06);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.65 "Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--txt);background:var(--bg)}
a{color:var(--pri);text-decoration:none}
a:hover{color:var(--pri-d)}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- 顶栏 ---------- */
.topbar{background:#111827;color:#cbd5e1;font-size:13px}
.topbar-in{display:flex;justify-content:space-between;align-items:center;height:36px}
.ticker{display:flex;align-items:center;overflow:hidden;flex:1;margin-right:20px}
.tk-label{color:var(--vip);white-space:nowrap;margin-right:8px}
.tk-scroll{overflow:hidden;flex:1;white-space:nowrap}
.tk-scroll span{display:inline-block;padding-left:100%;animation:tk 26s linear infinite}
@keyframes tk{to{transform:translateX(-100%)}}
.topbar-links{display:flex;gap:14px;white-space:nowrap}
.topbar-links a{color:#cbd5e1}
.topbar-links a.reg,.topbar-links a.hi{color:#fff}

/* ---------- 头部 ---------- */
.header{background:linear-gradient(135deg,#1e40af,#2563eb 55%,#3b82f6);color:#fff}
.header-in{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;gap:24px}
.logo{display:flex;align-items:center;gap:12px;color:#fff}
.logo-ico{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}
.logo-img{width:40px;height:40px;border-radius:10px;background:#fff;object-fit:cover;box-shadow:0 2px 6px rgba(0,0,0,.25);flex:none}
.logo-txt b{font-size:24px;letter-spacing:1px;display:block}
.logo-txt i{font-style:normal;font-size:12px;opacity:.85;letter-spacing:2px}
.search{display:flex;flex:0 0 420px}
.search input{flex:1;border:none;border-radius:8px 0 0 8px;padding:11px 16px;font-size:14px;outline:none}
.search button{border:none;background:var(--vip);color:#fff;padding:0 22px;border-radius:0 8px 8px 0;cursor:pointer;font-size:14px}
.search button:hover{background:#d97706}
.nav{background:rgba(255,255,255,.12)}
.nav-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.nav-in::-webkit-scrollbar{display:none}
.nav-in a{color:#e0e7ff;padding:11px 15px;white-space:nowrap;border-radius:6px 6px 0 0;font-size:14px}
.nav-in a:hover,.nav-in a.on{background:rgba(255,255,255,.18);color:#fff}

/* ---------- 闪现 ---------- */
.flash{margin:14px 0;padding:11px 16px;border-radius:8px;font-size:14px}
.flash-success{background:#dcfce7;color:#166534;border:1px solid #86efac}
.flash-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}

/* ---------- 主体 ---------- */
.main{padding:20px 16px 40px;min-height:60vh}
.crumbs{font-size:13px;color:var(--txt2);margin:6px 0 16px}
.crumbs a{color:var(--txt2)}
.crumbs a:hover{color:var(--pri)}

/* ---------- 蜘蛛池套餐 ---------- */
.plans{margin-bottom:22px}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:6px}
.sec-head h2{font-size:19px}
.sec-head span{font-size:12.5px;color:var(--txt2)}
.sec-head .more{font-size:13px}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.plan-card{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);text-align:center;padding:18px 10px;border-top:3px solid var(--pri);transition:.2s}
.plan-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(37,99,235,.15)}
.plan-name{font-weight:700;font-size:15px}
.plan-price{margin:8px 0 2px;color:var(--pri)}
.plan-price b{font-size:22px}
.plan-daily{font-size:12px;color:var(--txt2);margin-bottom:12px}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--txt);
     padding:8px 18px;border-radius:8px;cursor:pointer;font-size:14px;transition:.15s;text-align:center}
.btn:hover{border-color:var(--pri);color:var(--pri)}
.btn-primary{background:var(--pri);border-color:var(--pri);color:#fff}
.btn-primary:hover{background:var(--pri-d);color:#fff}
.btn-vip{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff}
.btn-buy{width:88px;padding:6px 0;font-size:13px}
.btn-buy:hover{background:var(--pri);border-color:var(--pri);color:#fff}
.btn-block{width:100%;padding:11px}
.btn-run{padding:10px 30px;font-size:15px}
.mini{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer;color:var(--txt)}
.mini:hover{border-color:var(--pri);color:var(--pri)}
.mini.danger:hover{border-color:var(--err);color:var(--err)}

/* 工具管理——分类排序筛选 */
.tool-filter{display:flex;align-items:center;gap:14px;margin:14px 0}
.tool-filter select{border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:14px;outline:none;background:#fff}
.tool-filter select:focus{border-color:var(--pri)}
.mvup,.mvdown{min-width:30px;font-size:11px;line-height:1}
.mvup{color:var(--pri)}.mvup:hover{background:var(--pri);color:#fff}
.mvdown{color:#7c3aed}.mvdown:hover{background:#7c3aed;color:#fff}

/* 分类顺序面板 */
.cat-sort{margin:4px 0 18px}
.cat-sort b{display:block;font-size:13.5px;margin-bottom:10px}
.cat-sort-grid{display:flex;flex-wrap:wrap;gap:8px}
.cat-sort-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:4px 8px;background:#fff}
.cat-sort-name{font-size:13px;white-space:nowrap}

/* 蜘蛛池管理 */
.panel-form{max-width:520px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px;background:#fff}
.panel-form h4{margin:0 0 12px;font-size:15px}
.panel-form label{display:block;font-size:13px;color:var(--txt);margin:10px 0}
.panel-form input[type=text],.panel-form input:not([type=checkbox]){width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;margin-top:6px;outline:none;box-sizing:border-box}
.panel-form input:focus{border-color:var(--pri)}
.panel-form .switch-line{display:flex;align-items:center;gap:10px}
.panel-form .switch-line input{width:18px;height:18px}
.panel-form .btn{margin-top:8px}
.panel-sep{border:none;border-top:1px solid var(--line);margin:22px 0 14px}

/* ---------- 首页双栏 ---------- */
.home-cols{display:grid;grid-template-columns:1fr 300px;gap:18px}
.cat-sec{margin-bottom:26px}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tool-grid.grid-3{grid-template-columns:repeat(3,1fr)}
.tool-card{display:flex;gap:12px;background:var(--card);border-radius:var(--rad);padding:14px;
           box-shadow:var(--shadow);color:var(--txt);transition:.18s;border:1px solid transparent}
.tool-card:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 6px 16px rgba(37,99,235,.12);color:var(--txt)}
.tool-ico{font-size:26px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
          background:var(--pri-l);border-radius:10px;flex-shrink:0}
.tool-info{min-width:0}
.tool-name{font-weight:700;font-size:14.5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tool-desc{font-size:12.5px;color:var(--txt2);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tool-meta{font-size:12px;color:#9ca3af;margin-top:4px}
.badge{font-style:normal;font-size:11px;padding:1px 7px;border-radius:20px;font-weight:400}
.b-free{background:#dcfce7;color:#15803d}
.b-vip{background:#fef3c7;color:#b45309}
.b-paid{background:#fee2e2;color:#b91c1c}
.empty{grid-column:1/-1;padding:30px;text-align:center;color:var(--txt2);background:var(--card);border-radius:var(--rad)}

/* ---------- 侧栏 ---------- */
.home-side .panel{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden}
.panel-t{padding:11px 15px;font-weight:700;font-size:14.5px;border-bottom:1px solid var(--line);
         background:linear-gradient(#fafbfc,#f3f4f6)}
.side-list{list-style:none;padding:6px 0}
.side-list li{display:flex;justify-content:space-between;align-items:center;padding:6px 15px;gap:8px}
.side-list li a{color:var(--txt);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-list li a:hover{color:var(--pri)}
.side-list time{font-size:12px;color:#9ca3af;flex-shrink:0}
.s-ico{margin-right:6px}
.side-list.rank .rank-no{width:18px;height:18px;border-radius:5px;background:var(--line);color:var(--txt2);
  font-size:12px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;flex-shrink:0}
.rank-no.n1{background:#ef4444;color:#fff}.rank-no.n2{background:#f97316;color:#fff}
.rank-no.n3{background:#f59e0b;color:#fff}
.rank-v{font-size:12px;color:#9ca3af;flex-shrink:0}
.contact-mini{padding:10px 15px;font-size:13px;color:var(--txt2)}
.contact-mini p{margin:5px 0}
.contact-mini b{color:var(--txt)}

/* ---------- 工具页 ---------- */
.tool-head{display:flex;gap:16px;background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:20px;margin-bottom:16px}
.tool-big-ico{font-size:40px;width:76px;height:76px;display:flex;align-items:center;justify-content:center;background:var(--pri-l);border-radius:14px;flex-shrink:0}
.tool-head-info h1{font-size:21px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tool-head-info p{color:var(--txt2);margin-top:5px}
.tool-meta{display:flex;gap:16px;font-size:12.5px;color:#9ca3af;margin-top:8px;align-items:center;flex-wrap:wrap}
.fav-btn{border:1px solid var(--line);background:#fff;border-radius:20px;padding:2px 12px;font-size:12.5px;cursor:pointer;color:var(--txt2)}
.fav-btn.on,.fav-btn:hover{border-color:var(--vip);color:var(--vip)}
.tool-workbench{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:20px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.f-item label{display:block;font-weight:600;font-size:13.5px;margin-bottom:6px}
.f-item.f-textarea{grid-column:1/-1}
.f-item input[type=text],.f-item input[type=password],.f-item input[type=email],.f-item input[type=number],
.f-item select,.f-item textarea,.tool-workbench textarea{
  width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;font-family:inherit;outline:none;background:#fff}
.f-item textarea{resize:vertical;line-height:1.6}
.f-item input:focus,.f-item select:focus,.f-item textarea:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.f-item input[type=color]{width:46px;height:34px;padding:2px;border:1px solid var(--line);border-radius:6px;cursor:pointer;vertical-align:middle}
.f-item input[type=range]{width:100%;accent-color:var(--pri)}
.ck{display:flex;align-items:center;gap:6px;font-size:13.5px;cursor:pointer;font-weight:400 !important}
.ck input{accent-color:var(--pri);width:15px;height:15px}
.run-bar{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.run-state{font-size:13px;color:var(--txt2)}
.result-wrap{margin-top:18px;border-top:1px dashed var(--line);padding-top:16px}
.result-t{font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.result-acts{display:flex;gap:8px}
.result-body{border:1px solid var(--line);border-radius:8px;background:#fafafa;overflow:auto}
.result-body pre{padding:14px;white-space:pre-wrap;word-break:break-all;font-size:13px;line-height:1.7;font-family:Consolas,"Microsoft YaHei",monospace}
.result-body pre.result-hint{color:#92400e;text-align:center;padding:26px 14px}
.result-body table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.result-body th{background:#f1f5f9;padding:9px 12px;text-align:left;border-bottom:2px solid var(--line);white-space:nowrap;position:sticky;top:0}
.result-body td{padding:8px 12px;border-bottom:1px solid #f1f5f9;word-break:break-all;vertical-align:top}
.result-body tr:hover td{background:#f8fafc}
.result-msg{font-size:12.5px;color:var(--txt2);margin-top:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:8px 12px;border-radius:8px}
.result-wrap textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:13px;font-family:Consolas,monospace;line-height:1.7;background:#fafafa}
.tool-help{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:16px 20px;margin-top:16px}
.tool-help h3{font-size:15px;margin-bottom:8px}
.tool-help p{font-size:13px;color:var(--txt2);margin:4px 0}
.locked{text-align:center;background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:60px 20px}
.locked-ico{font-size:52px;margin-bottom:14px}
.locked p{color:var(--txt2);margin-bottom:8px}
.locked .btn{margin:8px 6px 0}
.side-below{margin-top:16px}

/* ---------- 自定义工具 ---------- */
.custom-tool .img-preview{margin-top:16px;text-align:center}
.img-preview img,.img-preview canvas{max-width:100%;border-radius:8px;border:1px solid var(--line)}
.img-preview p{font-size:12.5px;color:var(--txt2);margin-top:8px}
.drop-hint{font-size:12.5px;color:var(--txt2);margin-top:6px}
.out-tabs{display:flex;gap:8px;margin-top:10px}
.gen-img-box{text-align:center}
.gen-img-box img{max-width:100%;border-radius:8px;box-shadow:var(--shadow)}
.gen-img-box .btn{margin-top:12px}
.wm-stage{margin-top:14px;text-align:center;background:
  repeating-conic-gradient(#f1f5f9 0 25%,#fff 0 50%) 0 0/22px 22px;border-radius:8px;padding:10px;border:1px solid var(--line)}
.wm-stage canvas{max-width:100%;cursor:crosshair;border-radius:6px}

/* ---------- 编辑器 ---------- */
.editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;background:#f8fafc;
  border:1px solid var(--line);border-bottom:none;border-radius:8px 8px 0 0;padding:8px}
.editor-toolbar select{border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:13px;background:#fff}
.tb{border:none;background:#fff;border:1px solid transparent;border-radius:6px;min-width:30px;height:28px;cursor:pointer;font-size:13px}
.tb:hover{border-color:var(--line);background:#eff6ff}
.tb-color{width:28px;height:28px;padding:1px;border:1px solid var(--line);border-radius:6px;cursor:pointer;background:#fff}
.tb-sep{width:1px;height:20px;background:var(--line);margin:0 4px}
.rich-editor{border:1px solid var(--line);border-radius:0 0 8px 8px;min-height:340px;padding:16px;
  background:#fff;outline:none;overflow:auto}
.rich-editor:focus{border-color:var(--pri)}
.rich-editor blockquote{border-left:3px solid var(--pri);padding-left:12px;color:var(--txt2);margin:8px 0}
.rich-editor pre{background:#f8fafc;padding:10px;border-radius:6px;overflow:auto}
.dw-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dw-t{font-weight:700;font-size:13.5px;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.dw-t .mini{margin-left:auto}
.dw-t .ck{font-weight:400;font-size:12.5px;margin-left:auto;margin-right:8px}
#dwCode{width:100%;height:520px;border:1px solid var(--line);border-radius:8px;padding:12px;
  font:13px/1.6 Consolas,monospace;outline:none;resize:vertical;background:#0f172a;color:#e2e8f0}
#dwCode:focus{border-color:var(--pri)}
.dw-frame{width:100%;height:520px;border:1px solid var(--line);border-radius:8px;background:#fff}

/* ---------- 文章 ---------- */
.article{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:28px 32px}
.article h1{font-size:22px;margin-bottom:10px}
.art-meta{font-size:12.5px;color:#9ca3af;display:flex;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:18px}
.art-content{font-size:15px;line-height:1.9;color:#374151}
.art-list{display:flex;flex-direction:column;gap:12px}
.art-item{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:18px 20px;color:var(--txt);transition:.15s;display:block}
.art-item:hover{transform:translateY(-2px);color:var(--txt)}
.art-item h3{font-size:16px;margin-bottom:6px}
.art-item p{font-size:13px;color:var(--txt2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 联系 ---------- */
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.contact-card{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);text-align:center;padding:28px 16px}
.c-ico{font-size:38px;margin-bottom:10px}
.contact-card h3{margin-bottom:8px}
.c-val{font-size:16px;font-weight:700;color:var(--pri)}
.c-tip{font-size:12.5px;color:var(--txt2);margin-top:6px}

/* ---------- 认证 ---------- */
.auth-box{display:flex;justify-content:center;padding:36px 0}
.auth-card{width:420px;background:var(--card);border-radius:14px;box-shadow:0 8px 30px rgba(15,23,42,.1);padding:34px 36px}
.auth-card h2{margin-bottom:4px}
.auth-sub{font-size:13px;color:var(--txt2);margin-bottom:20px}
.auth-card label{display:block;font-size:13.5px;font-weight:600;margin:14px 0 6px}
.auth-card input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:14px;outline:none}
.auth-card input:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.auth-card .ck{margin:12px 0;font-weight:400}
.auth-foot{text-align:center;font-size:13px;color:var(--txt2);margin-top:18px}
.auth-demo{margin-top:14px;background:var(--pri-l);border:1px dashed #93c5fd;border-radius:8px;padding:9px 12px;font-size:12.5px;color:#1d4ed8}

/* ---------- 用户中心 ---------- */
.uc-layout{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:start}
.uc-side{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);overflow:hidden;position:sticky;top:12px}
.uc-user{padding:22px 16px;text-align:center;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}
.uc-avatar{width:60px;height:60px;border-radius:50%;background:#fff;color:var(--pri);font-size:26px;font-weight:700;
  display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.uc-avatar.av-admin{background:var(--vip);color:#fff}
.uc-name{font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.uc-sub{font-size:12.5px;opacity:.9;margin-top:5px}
.uc-nav{display:flex;flex-direction:column;padding:8px}
.uc-nav a{padding:10px 14px;border-radius:8px;color:var(--txt);font-size:14px}
.uc-nav a:hover{background:var(--pri-l);color:var(--pri)}
.uc-nav a.on{background:var(--pri);color:#fff}
.uc-main{min-width:0}
.uc-sec h3{font-size:17px;margin-bottom:14px}
.uc-main .uc-sec{margin-bottom:16px}
.uc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.uc-stat{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:16px;text-align:center}
.uc-stat span{font-size:12.5px;color:var(--txt2);display:block}
.uc-stat b{font-size:22px;color:var(--pri);display:block;margin-top:4px}
.uc-stat i{font-style:normal;font-size:11.5px;color:var(--ok)}
.uc-table{width:100%;background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);
  border-collapse:collapse;font-size:13px;overflow:hidden}
.uc-table th{background:#f1f5f9;padding:10px 12px;text-align:left;white-space:nowrap}
.uc-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}
.uc-table tr:hover td{background:#f8fafc}
.uc-table .ops{white-space:nowrap}
.uc-table .ops form{display:inline-flex;gap:5px;align-items:center;margin:2px 4px 2px 0}
.uc-table .ops input,.uc-table .ops select{border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:12px}
.st{font-style:normal;font-size:12px;padding:2px 9px;border-radius:20px}
.st-ok{background:#dcfce7;color:#15803d}
.st-wait{background:#fef3c7;color:#b45309}
.st-no{background:#fee2e2;color:#b91c1c}
.uc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.uc-card{background:var(--card);border-radius:var(--rad);box-shadow:var(--shadow);padding:20px}
.uc-card h4{margin-bottom:12px}
.uc-card label{display:block;font-size:13.5px;font-weight:600;margin:12px 0 6px}
.uc-card input,.uc-card select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;outline:none}
.uc-card input:disabled{background:#f3f4f6;color:#9ca3af}
.uc-card .btn{margin-top:16px}
.switch-line{display:flex;align-items:center;gap:10px}
.switch-line input{width:18px;height:18px;flex-shrink:0}
.inline{display:inline-flex;align-items:center;gap:8px}
.tip-block{font-size:13px;color:var(--txt2);line-height:2}
.adm-search{display:flex;gap:8px;margin-bottom:14px}
.adm-search input{border:1px solid var(--line);border-radius:8px;padding:8px 12px;width:280px;outline:none}
.pay-ways{margin:14px 0}
.pay-way{display:inline-block;border:1px solid var(--pri);color:var(--pri);border-radius:8px;padding:7px 18px;font-size:13px;background:var(--pri-l)}

/* ---------- VIP ---------- */
.vip-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--card);
  border-radius:var(--rad);box-shadow:var(--shadow);padding:16px 20px;margin-bottom:16px;font-size:14px}
.vip-status b{color:var(--vip)}
.vip-status span{color:var(--txt2);font-size:13px}
.vip-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.vip-card{position:relative;background:var(--card);border-radius:14px;box-shadow:var(--shadow);
  padding:28px;text-align:center;border:2px solid var(--line)}
.vip-card-hot{border-color:var(--pri)}
.hot-tag{position:absolute;top:-1px;right:18px;background:var(--pri);color:#fff;font-size:12px;
  padding:4px 14px;border-radius:0 0 8px 8px}
.vip-card h3{font-size:18px;margin-bottom:10px}
.vip-price{color:var(--vip);font-size:30px;font-weight:800;margin-bottom:14px}
.vip-price i{font-style:normal;font-size:14px;font-weight:400;color:var(--txt2)}
.vip-card ul{list-style:none;text-align:left;margin-bottom:18px;font-size:13.5px}
.vip-card li{padding:5px 0;border-bottom:1px dashed #f1f5f9}

/* ---------- 弹窗 ---------- */
.modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:99;
  align-items:center;justify-content:center;padding:16px}
.modal-box{background:#fff;border-radius:14px;width:460px;max-width:100%;max-height:88vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.modal-lg{width:760px}
.modal-t{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;
  font-weight:700;border-bottom:1px solid var(--line);font-size:15px}
.modal-x{font-size:22px;cursor:pointer;color:var(--txt2);line-height:1}
.modal-body{padding:20px}
.modal-body p{margin-bottom:12px}
.modal-body label{display:block;font-size:13.5px;font-weight:600;margin:12px 0 6px}
.modal-body input,.modal-body select,.modal-body textarea{width:100%;border:1px solid var(--line);
  border-radius:8px;padding:9px 12px;font-size:14px;outline:none;font-family:inherit}
.modal-body .btn{margin-top:16px;width:100%}
.modal-body .tip{font-size:12.5px;color:var(--txt2);margin-top:12px;font-weight:400}

/* ---------- 顶部广告位 ---------- */
.ad-strip{background:#fff;border:1px solid var(--line);border-radius:var(--rad);box-shadow:var(--shadow);padding:12px 16px;margin-top:16px}
.ad-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.ad-head-t{font-weight:700;font-size:14px}
.ad-rent{color:var(--pri);font-size:13px;cursor:pointer;font-weight:600}
.ad-rent:hover{color:var(--pri-d)}
.ad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.ad-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:768px){.ad-grid-4{grid-template-columns:repeat(2,1fr)}}
.ad-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;
         border:1px solid var(--line);border-radius:8px;background:var(--pri-l);
         color:var(--txt);text-align:center;padding:10px 14px;transition:.18s;
         border-top:3px solid var(--ac,#2563eb)}
.ad-card b{font-size:13.5px}
.ad-card .ad-desc{font-size:11px;color:var(--txt2);margin-top:4px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.ad-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.14);border-color:#bfdbfe}
.ad-tag{position:absolute;top:4px;right:6px;font-size:10px;color:var(--txt2);background:#eef;border-radius:3px;padding:0 4px}
.ad-vacant{background:#f9fafb;cursor:pointer;border-style:dashed;display:flex;flex-direction:column;gap:2px}
.ad-vacant:hover{border-color:var(--pri)}
.ad-vacant b{color:var(--txt2)}
.ad-vacant i{font-size:11px;color:var(--pri);font-style:normal;font-weight:600}
.ad-vmark{position:absolute;top:4px;right:6px;font-size:10px;color:#fff;background:var(--err);border-radius:3px;padding:0 5px}

/* 图片广告区 */
.ad-strip-img{display:grid;grid-template-columns:repeat(auto-fill,186px);gap:8px;justify-content:flex-start}
.ad-card-img{position:relative;width:186px;height:50px;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;padding:0}
.ad-card-img img{width:186px;height:50px;object-fit:contain;display:block}
.ad-card-img:hover{box-shadow:0 6px 16px rgba(37,99,235,.14);transform:translateY(-2px)}
.ad-card-img .ad-tag{position:absolute;top:4px;right:6px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;border-radius:3px;padding:0 4px}
.ad-vacant-img{background:#f9fafb;display:flex;align-items:center;justify-content:center;border-style:dashed;cursor:pointer;position:relative;width:186px;height:50px}
.ad-vacant-img img{opacity:.35;width:auto;height:auto;max-width:80%;max-height:80%}
.ad-vacant-img .ad-vmark{position:absolute;top:4px;right:6px;font-size:10px;color:#fff;background:var(--err);border-radius:3px;padding:0 5px}

/* 文字广告区 - 单行紧凑链接（参考 seo.iis7.com） */
.ad-strip-txt-wrap{padding:8px 14px}
.ad-txt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0 20px;line-height:26px}
.ad-txt{display:block;font-size:13px;line-height:26px;color:#2563eb;text-decoration:none;
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;
        border-radius:3px;transition:color .15s}
.ad-txt:hover{color:var(--pri-d);text-decoration:underline;background:#f3f4f6}
.ad-txt-vacant{color:var(--txt2);font-style:italic;cursor:pointer}
.ad-txt-vacant:hover{color:var(--pri);background:#f3f4f6}
@media(max-width:900px){.ad-txt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.ad-txt-grid{grid-template-columns:repeat(2,1fr)}}

.stat-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.range-block{margin:4px 0 16px}
.range-block b{display:block;font-size:13.5px;margin-bottom:8px}
.range-inputs{display:flex;align-items:center;gap:10px}
.range-inputs input{flex:1;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:14px;outline:none}
.range-inputs input:focus{border-color:var(--pri);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.range-inputs span{color:var(--txt2)}

/* ---------- 分页 / 标签页 ---------- */
.pager{display:flex;gap:6px;justify-content:center;margin:18px 0;flex-wrap:wrap}
.pager a,.pager span{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--txt);font-size:13px;padding:0 10px}
.pager span.on{background:var(--pri);border-color:var(--pri);color:#fff}
.pager .dot{border:none;background:none}
.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.tabs a{padding:6px 16px;border-radius:20px;border:1px solid var(--line);color:var(--txt);font-size:13px;background:#fff}
.tabs a.on{background:var(--pri);border-color:var(--pri);color:#fff}

/* ---------- Toast ---------- */
#toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;
  padding:10px 22px;border-radius:24px;font-size:13.5px;z-index:100;opacity:0;transition:.25s;pointer-events:none}
#toast.show{opacity:1;top:72px}

/* ---------- 页脚 ---------- */
.footer{background:#111827;color:#9ca3af;margin-top:30px}
.footer-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:34px 16px}
.foot-col h4{color:#fff;margin-bottom:10px;font-size:15px}
.foot-col p{margin:5px 0;font-size:13px}
.foot-col a{color:#9ca3af}
.foot-col a:hover{color:#fff}
.copy{text-align:center;font-size:12.5px;padding:14px 0;border-top:1px solid #1f2937}
.copy a{color:#9ca3af}

/* ---------- 响应式 ---------- */
@media (max-width:960px){
  .home-cols{grid-template-columns:1fr}
  .home-side{order:-1}
  .dw-wrap,.uc-grid2{grid-template-columns:1fr}
  .uc-layout{grid-template-columns:1fr}
  .uc-side{position:static}
  .search{flex:1}
  .tool-grid,.tool-grid.grid-3{grid-template-columns:1fr}
  .header-in{flex-wrap:wrap}
}