:root{--ink:#18212b;--muted:#687584;--line:#dbe2e8;--paper:#f6f8fa;--white:#fff;--blue:#1769d1;--blue-dark:#0d4eaa;--teal:#0e8b78;--amber:#b66a05;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.55}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{height:72px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100% - 1180px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;min-width:190px}.brand-mark{width:34px;height:34px;background:var(--ink);color:#fff;display:grid;place-items:center;border-radius:7px;font-weight:800}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--muted);font-size:11px}.nav{display:flex;gap:22px;flex:1}.nav a,.text-link,.footer a{color:var(--muted);text-decoration:none;font-size:14px}.nav a:hover,.nav a.active,.text-link:hover{color:var(--blue)}button{font:inherit;cursor:pointer}.outline-button,.primary-button{border:1px solid var(--blue);background:transparent;color:var(--blue);padding:9px 15px;border-radius:6px;font-weight:650}.primary-button{background:var(--blue);color:#fff}.hero{display:grid;grid-template-columns:1fr 360px;gap:64px;padding:80px 0 74px;align-items:center}.eyebrow{color:var(--blue);font-size:12px;font-weight:750;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.08;letter-spacing:0;margin:0 0 18px;max-width:700px}.hero-lede{color:var(--muted);font-size:18px;max-width:620px;margin:0 0 28px}.search{display:flex;max-width:620px}.search input{border:1px solid #bac6d1;border-right:0;border-radius:7px 0 0 7px;background:#fff;min-height:48px;padding:0 15px;font-size:15px;flex:1;outline:none}.search input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #dceaff}.search button{border:0;background:var(--blue);color:#fff;border-radius:0 7px 7px 0;padding:0 24px;font-weight:700}.quick-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.quick-links button{border:0;background:transparent;color:var(--muted);padding:2px 0;margin-right:12px;font-size:13px}.quick-links button:hover{color:var(--blue)}.hero-panel{background:var(--ink);color:#fff;border-radius:var(--radius);padding:30px;min-height:300px;box-shadow:0 14px 30px #12203320}.panel-label{color:#9fb3c8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.panel-number{font-size:92px;line-height:1;font-weight:800;margin:24px 0 5px}.hero-panel p{color:#c6d3df;margin:0}.panel-rule{height:1px;background:#526273;margin:28px 0 17px}.panel-meta{display:flex;justify-content:space-between;gap:14px;color:#9fb3c8;font-size:12px;margin-top:9px}.panel-meta strong{color:#fff;font-weight:600}.section{padding:28px 0 76px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section h2{font-size:30px;letter-spacing:0;margin:0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:5px;padding:7px 12px;font-size:13px}.filter.active,.filter:hover{color:var(--blue);border-color:#a8c7f1;background:#f1f6ff}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-height:205px;display:flex;flex-direction:column}.tool-card:hover{border-color:#aac8ef;box-shadow:0 8px 20px #16385c0d}.tool-top{display:flex;justify-content:space-between;gap:12px}.tool-icon{width:42px;height:42px;border-radius:7px;display:grid;place-items:center;font-weight:800;color:#fff;font-size:18px}.icon-blue{background:#1c70dc}.icon-teal{background:#0a9079}.icon-amber{background:#bd7609}.icon-purple{background:#7559be}.tag{font-size:11px;color:var(--blue);background:#edf4ff;padding:4px 7px;border-radius:4px;height:max-content}.tool-card h3{font-size:18px;margin:16px 0 5px}.tool-card p{font-size:13px;color:var(--muted);margin:0}.tool-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:18px}.price{font-weight:700;font-size:13px}.go-link{color:var(--blue);text-decoration:none;font-size:13px;font-weight:700}.band{background:#eef3f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service{background:#fff;border:1px solid var(--line);padding:18px;border-radius:var(--radius)}.service h3{font-size:16px;margin:0 0 6px}.service p{font-size:13px;color:var(--muted);margin:0 0 13px}.service-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.service-meta a{color:var(--blue);text-decoration:none}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.offer{background:#fff;border-left:4px solid var(--teal);border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px;border-radius:0 var(--radius) var(--radius) 0}.offer small{color:var(--teal);font-weight:700}.offer h3{margin:8px 0 4px;font-size:17px}.offer p{color:var(--muted);font-size:13px;margin:0}.updated{font-size:12px;color:var(--muted)}.submit-section{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;padding:70px 0}.submit-section h2{font-size:30px;margin:0 0 10px}.submit-section p{color:var(--muted);max-width:470px}.submit-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.submit-form label{font-size:13px;color:var(--muted)}.submit-form label:nth-child(4),.submit-form button,.form-note{grid-column:1/-1}.submit-form input,.submit-form select,.submit-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #becbd6;border-radius:6px;background:#fff;padding:11px;font:inherit;color:var(--ink)}.submit-form textarea{resize:vertical}.form-note{font-size:12px;margin:0;color:var(--teal)!important}.footer{background:var(--ink);color:#d9e3ec;padding:26px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer p{color:#9fb1c2;font-size:12px;margin:6px 0 0}.footer-links{display:flex;gap:18px;align-items:center}.footer a{color:#c2ced9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.topbar{gap:14px}.nav{gap:12px}.hero{grid-template-columns:1fr;gap:32px;padding-top:56px}.hero-panel{max-width:520px}.tool-grid,.service-list,.offer-grid{grid-template-columns:repeat(2,1fr)}.submit-section{grid-template-columns:1fr;gap:28px}}@media(max-width:620px){.shell{width:min(100% - 28px,1180px)}.topbar{height:auto;min-height:64px;padding:10px 14px;flex-wrap:wrap}.brand{min-width:0}.nav{order:3;overflow:auto;width:100%;padding-bottom:3px}.outline-button{margin-left:auto}.hero h1{font-size:38px}.hero-lede{font-size:16px}.section-heading{align-items:start;flex-direction:column}.tool-grid,.service-list,.offer-grid{grid-template-columns:1fr}.submit-form{grid-template-columns:1fr}.submit-form label:nth-child(4),.submit-form button,.form-note{grid-column:auto}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap}.panel-number{font-size:76px}}
.tool-audience{min-height:42px}.tool-bottom{gap:12px}.price{font-size:12px}.go-link{white-space:nowrap}.tool-details{border-top:1px solid #edf1f4;margin-top:15px;padding-top:11px;color:var(--muted);font-size:12px}.tool-details summary{cursor:pointer;color:var(--blue);font-weight:700}.tool-details dl{margin:10px 0 6px;display:grid;gap:7px}.tool-details dl div{display:grid;grid-template-columns:46px 1fr;gap:8px}.tool-details dt{font-weight:700;color:var(--ink)}.tool-details dd{margin:0}.tool-details small{font-size:11px;color:#84909b}.empty-state{grid-column:1/-1;padding:24px 0}
.admin-page{background:#f1f5f8}.admin-main{padding:48px 0 80px}.admin-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.admin-intro h1{font-size:38px;line-height:1.1;margin:0 0 12px}.admin-intro p{color:var(--muted);max-width:680px;margin:0}.admin-actions{display:flex;gap:10px;align-items:center}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.admin-stats div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:var(--radius)}.admin-stats strong{display:block;font-size:28px}.admin-stats span{color:var(--muted);font-size:13px}.admin-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:start}.admin-list-panel,.admin-editor{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}.admin-list-head,.editor-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.admin-list-head h2,.editor-head h2{margin:0;font-size:20px}.admin-list-tools{display:flex;gap:8px}.admin-list-tools input,.admin-list-tools select{border:1px solid #becbd6;border-radius:6px;padding:9px;background:#fff;font:inherit}.record-list{display:grid;gap:7px}.record-row{display:flex;align-items:center;text-align:left;gap:11px;border:1px solid #e4eaf0;background:#fff;padding:10px;border-radius:6px}.record-row:hover{border-color:#a8c7f1;background:#f7fbff}.record-icon{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;flex:0 0 auto}.record-copy{display:grid;gap:2px;min-width:0;flex:1}.record-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-copy small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{font-size:11px;padding:4px 7px;border-radius:4px;white-space:nowrap}.status-approved{color:#0b7d68;background:#e6f7f2}.status-pending{color:#a46306;background:#fff4de}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:20px;color:var(--blue)}.tool-form{display:grid;gap:12px}.tool-form label{font-size:12px;color:var(--muted)}.tool-form input,.tool-form select,.tool-form textarea{display:block;width:100%;margin-top:5px;border:1px solid #becbd6;border-radius:6px;background:#fff;padding:9px;font:inherit;color:var(--ink)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-actions{display:flex;gap:8px;padding-top:4px}.danger-button{border:1px solid #d8a1a1;background:#fff4f4;color:#a23d3d;border-radius:6px;padding:9px 15px;font-weight:650}.danger-button:disabled{opacity:.4;cursor:not-allowed}.admin-home-link{text-decoration:none}.admin-page .form-note{min-height:18px}
@media(max-width:900px){.admin-layout{grid-template-columns:1fr}.admin-editor{order:-1}}
@media(max-width:620px){.admin-main{padding-top:30px}.admin-intro{display:block}.admin-actions{margin-top:18px}.admin-stats{grid-template-columns:1fr 1fr}.admin-stats div:last-child{grid-column:1/-1}.admin-list-head{display:block}.admin-list-tools{margin-top:12px}.admin-list-tools input{width:100%}.admin-list-tools select{width:130px}.form-row{grid-template-columns:1fr}}
.analytics-panel{background:#18212b;color:#fff;border-radius:var(--radius);padding:20px;display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:end;margin-bottom:20px}.analytics-panel h2{font-size:20px;margin:0 0 5px}.analytics-panel p{color:#b8c6d3;font-size:12px;margin:0}.analytics-panel .eyebrow{color:#8fc1ff}.analytics-actions{display:flex;gap:8px}.analytics-actions .outline-button{border-color:#9fc7f3;color:#dcecff}.analytics-actions .danger-button{background:transparent;border-color:#a76969;color:#ffd7d7}.analytics-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.analytics-summary div{background:#263646;border:1px solid #3b4b5b;padding:11px;border-radius:6px}.analytics-summary strong{display:block;font-size:22px}.analytics-summary span{font-size:11px;color:#afbfce}@media(max-width:620px){.analytics-panel{display:block}.analytics-actions{margin-top:16px}.analytics-summary{margin-top:16px;grid-template-columns:repeat(2,1fr)}.analytics-summary div:last-child{grid-column:1/-1}}
.stale-mark{font-size:10px;color:#a23d3d;background:#fff0f0;padding:3px 5px;border-radius:4px;white-space:nowrap}
.sponsor-mark{font-size:10px;color:#7a4f08;background:#fff4de;padding:3px 5px;border-radius:4px;white-space:nowrap}
.notice-main{padding:58px 0 90px;max-width:860px}.notice-main h1{font-size:42px;line-height:1.1;margin:0 0 34px}.notice-section{border-top:1px solid var(--line);padding:24px 0}.notice-section h2{font-size:20px;margin:0 0 8px}.notice-section p{color:var(--muted);margin:0;max-width:760px}
.mode-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 9px;border:1px solid #a8c7f1;border-radius:5px;background:#f1f6ff;color:var(--blue);font-size:11px;font-weight:700;white-space:nowrap}.operations-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.operations-section{margin-top:20px}.submission-list{display:grid;gap:10px}.submission-row{border:1px solid var(--line);border-radius:6px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center}.submission-row p{color:var(--muted);font-size:12px;margin:3px 0}.submission-row small{color:var(--muted);font-size:11px}.submission-actions{display:flex;gap:6px}.submission-actions button{padding:7px 9px;font-size:11px}.category-form{display:flex;gap:8px}.category-form input{border:1px solid #becbd6;border-radius:6px;padding:9px;font:inherit}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#f7f9fb;padding:6px 8px;border-radius:5px;font-size:12px}.category-chip button{border:0;background:transparent;color:#a23d3d;padding:0;font-size:16px;line-height:1}@media(max-width:900px){.operations-grid{grid-template-columns:1fr}.submission-row{grid-template-columns:1fr auto}.submission-actions{grid-column:1/-1}}@media(max-width:620px){.submission-row{grid-template-columns:1fr}.submission-actions{grid-column:auto;flex-wrap:wrap}.category-form{width:100%}.category-form input{min-width:0;flex:1}}
.service-title{display:flex;align-items:start;justify-content:space-between;gap:10px}.service-title h3{flex:1}
.link-fail-mark{font-size:10px;color:#fff;background:#b04444;padding:3px 5px;border-radius:4px;white-space:nowrap}
.admin-actions .outline-button{text-decoration:none}
.download-hint{font-size:11px!important;color:var(--muted)!important;margin:8px 0 0!important;text-align:right}
.download-links{display:flex;justify-content:flex-end;gap:12px;margin:6px 0 0}.download-links a{font-size:11px;color:var(--blue);text-decoration:none}
.affiliate-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.affiliate-card{display:grid;gap:12px}.affiliate-card label{font-size:12px;color:var(--muted)}.affiliate-card input,.affiliate-card textarea{display:block;width:100%;margin-top:5px;border:1px solid #becbd6;border-radius:6px;background:#fff;padding:10px;font:inherit;color:var(--ink)}@media(max-width:700px){.affiliate-grid{grid-template-columns:1fr}}
.link-list{display:grid;gap:8px}.link-row{display:grid;grid-template-columns:220px 1fr;gap:15px;align-items:center;border:1px solid var(--line);padding:11px;border-radius:6px}.link-row span{display:grid;gap:2px}.link-row strong{font-size:14px}.link-row small{font-size:11px;color:var(--muted)}.link-row input{width:100%;border:1px solid #becbd6;border-radius:6px;padding:9px;font:inherit}@media(max-width:620px){.link-row{grid-template-columns:1fr}}
.tool-title-link{color:inherit;text-decoration:none}.tool-title-link:hover{color:var(--blue)}.detail-main{padding:48px 0 80px;max-width:980px}.back-link{color:var(--muted);text-decoration:none;font-size:13px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;margin-top:20px}.detail-head{display:flex;align-items:center;gap:16px}.detail-head .tool-icon{width:58px;height:58px;font-size:20px}.detail-head h1{font-size:36px;margin:8px 0 4px}.detail-head p{color:var(--muted);margin:0}.detail-actions{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:28px 0}.detail-price{font-weight:700;font-size:14px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid section{border-left:3px solid #dceaff;padding-left:14px}.detail-grid h2{font-size:16px;margin:0 0 5px}.detail-grid p{font-size:13px;color:var(--muted);margin:0}.detail-empty{padding:80px 0;text-align:center}.detail-empty h1{font-size:30px}.detail-empty p{color:var(--muted)}@media(max-width:620px){.detail-card{padding:20px}.detail-head h1{font-size:28px}.detail-actions{display:block}.detail-actions .primary-button{display:inline-block;margin-bottom:10px}.detail-grid{grid-template-columns:1fr}}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.article-card{display:flex;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;color:var(--ink)}
.article-card:hover{border-color:#a8c7f1;box-shadow:0 4px 14px rgba(23,105,209,.08)}
.article-card .tool-icon{width:46px;height:46px;font-size:18px;flex:0 0 auto}
.article-meta{min-width:0}
.article-meta small{color:var(--muted);font-size:11px}
.article-meta h3{margin:5px 0 6px;font-size:16px;line-height:1.3}
.article-meta p{margin:0;color:var(--muted);font-size:12.5px}
.article-main{padding:48px 0 80px;max-width:820px}
.article-head{display:flex;gap:16px;align-items:center;margin-bottom:8px}
.article-head .tool-icon{width:56px;height:56px;font-size:20px}
.article-title{font-size:34px;line-height:1.15;margin:6px 0 8px}
.article-sub{color:var(--muted);font-size:13px;margin:0 0 24px}
.article-body{font-size:16px;line-height:1.85;color:var(--ink)}
.article-body h2{font-size:22px;margin:32px 0 12px}
.article-body h3{font-size:18px;margin:24px 0 10px}
.article-body p{margin:0 0 16px}
.article-body a{color:var(--blue)}
.article-body ul,.article-body ol{margin:0 0 16px;padding-left:22px}
.article-body li{margin:6px 0}
.related-tools{border-top:1px solid var(--line);margin-top:34px;padding-top:24px}
.related-tools h2{font-size:18px;margin:0 0 14px}
.related-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.related-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:12px;text-decoration:none;color:var(--ink)}
.related-item:hover{border-color:#a8c7f1}
.related-item .tool-icon{width:38px;height:38px;font-size:14px;flex:0 0 auto}
.related-item small{color:var(--muted);font-size:11px}
@media(max-width:900px){.article-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.article-grid{grid-template-columns:1fr}.related-list{grid-template-columns:1fr}.article-title{font-size:26px}}
.source-panel{display:grid;gap:7px;background:#f7fbff;border:1px solid #cfe0f4;border-left:4px solid var(--blue);padding:14px 16px;margin:0 0 26px;font-size:13px}.source-panel strong{color:var(--blue)}.source-panel span{color:var(--muted)}.source-panel p{margin:0;color:var(--muted)}.source-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.source-links a{color:var(--blue);text-decoration:none;font-size:12px}
.ad-slot{margin:28px auto;max-width:1180px}
.ad-slot:empty{display:none}
.ad-label{font-size:11px;color:var(--muted);text-align:center;margin-bottom:8px;letter-spacing:.08em}

/* ===== 广告位占位预览（后台打开 preview 才显示） ===== */
.ad-preview{border:1px dashed #b9c7d4;background:#eef3f8;border-radius:var(--radius);padding:26px;text-align:center;color:var(--muted);font-size:12px}
.ad-preview span{display:inline-block}

/* ===== 付费推荐位 ===== */
.promo-section{padding:22px 0 6px}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:6px}
.promo-card{display:flex;flex-direction:column;gap:9px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;color:var(--ink);position:relative;overflow:hidden}
.promo-card:hover{border-color:#a8c7f1;box-shadow:0 6px 18px rgba(23,105,209,.09)}
.promo-featured{border-color:#f0c98a;background:linear-gradient(180deg,#fffaf1 0%,#fff 46%)}
.promo-featured::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--amber)}
.promo-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.promo-badge{font-size:10px;font-weight:750;letter-spacing:.04em;color:#fff;background:var(--amber);padding:3px 8px;border-radius:4px;white-space:nowrap}
.promo-badge-rent{background:#8494a3}
.promo-cat{font-size:11px;color:var(--muted)}
.promo-card h3{margin:0;font-size:18px;line-height:1.3}
.promo-card p{margin:0;color:var(--muted);font-size:13px;flex:1}
.promo-price{font-size:13px;font-weight:700;color:var(--ink)}
.promo-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f4;padding-top:11px;margin-top:2px}
.promo-sponsor{font-size:10px;color:#8a6d2a;background:#fff4de;padding:3px 6px;border-radius:4px;white-space:nowrap}
.promo-cta{font-size:13px;font-weight:700;color:var(--blue);text-decoration:none;white-space:nowrap}
.promo-stat{font-size:11px;color:var(--muted)}
.promo-rent{border:1px dashed #b9c7d4;background:#f4f7fa}
.promo-rent h3{color:var(--muted)}
.detail-promo{margin-top:34px;padding:0}
.detail-promo-title{font-size:18px;margin:0 0 12px}
@media(max-width:940px){.promo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.promo-grid{grid-template-columns:1fr}}

/* ===== 招商页 media-kit ===== */
.media-main{padding:52px 0 90px}
.media-hero{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:34px;margin-bottom:20px}
.media-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.12;margin:0 0 12px}
.media-hero p{color:var(--muted);margin:0;font-size:15px}
.media-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start;margin-bottom:20px}
.media-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.media-card h2{font-size:20px;margin:0 0 14px}
.media-card p{color:var(--muted);font-size:13px;margin:0 0 14px}
.media-table{width:100%;border-collapse:collapse;font-size:13px}
.media-table th,.media-table td{border-bottom:1px solid var(--line);padding:11px 8px;text-align:left}
.media-table th{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}
.media-table td strong{color:var(--ink)}
.media-table tr:last-child td{border-bottom:0}
/* 后台「招商页」里改报价用的可编辑表格 */
.media-table input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font:inherit;font-size:13px;color:var(--ink);background:#fff}
.media-table input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px rgba(30,110,230,.12)}
.media-table .outline-button{padding:4px 10px;font-size:12px;white-space:nowrap}
/* 状态提示条（用于「联系方式还没填」这类必须看见的提醒） */
.pm-state{font-size:12px;padding:9px 12px;border-radius:6px;margin:10px 0 0;line-height:1.6}
.pm-state strong{font-weight:700}
.pm-state-ok{background:#e6f7f2;color:#0b7d68}
.pm-state-warn{background:#fff4de;color:#8a5204}
.media-price{color:var(--amber);font-weight:750;white-space:nowrap}
.media-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.media-steps li{display:grid;grid-template-columns:26px 1fr;gap:11px;font-size:13px;color:var(--muted)}
.media-steps span{width:26px;height:26px;border-radius:50%;background:#eaf2fd;color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:800}
.media-steps strong{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.media-contact{background:linear-gradient(135deg,#18212b 0%,#243449 100%);color:#fff;border-radius:var(--radius);padding:26px}
.media-contact h2{color:#fff;margin:0 0 8px;font-size:20px}
.media-contact p{color:#b8c6d3;font-size:13px;margin:0 0 16px}
.media-contact .copy-box{display:flex;gap:8px;align-items:center;background:#2c3c50;border:1px solid #3c4d61;border-radius:6px;padding:10px 12px;font-size:13px}
.media-contact .copy-box input{flex:1;background:transparent;border:0;color:#e8eff7;font:inherit;min-width:0}
.media-note{font-size:11px;color:#8fa3b7;margin:10px 0 0}
@media(max-width:820px){.media-grid{grid-template-columns:1fr}}

/* ===== 广告与合作位管理后台 ===== */
.pm-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px;flex-wrap:wrap}
.pm-tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 15px;border-radius:6px 6px 0 0;font-weight:650;font-size:14px}
.pm-tab:hover{color:var(--blue)}
.pm-tab.active{color:var(--blue);border-color:var(--line) var(--line) #fff;background:#fff;margin-bottom:-1px}
.pm-panel{display:none}
.pm-panel.active{display:block}
.pm-switch-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin-bottom:16px}
.pm-switch{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:650;cursor:pointer;user-select:none}
.pm-switch input{width:18px;height:18px;margin:0;cursor:pointer}
.pm-hint{font-size:12px;color:var(--muted);margin:0}
.pm-slots{display:grid;gap:14px}
.pm-slot{border:1px solid var(--line);background:#fff;border-radius:var(--radius);padding:16px}
.pm-slot-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.pm-slot-head h3{margin:0;font-size:15px}
.pm-slot-where{font-size:11px;color:var(--blue);background:#eaf2fd;padding:3px 7px;border-radius:4px;white-space:nowrap}
.pm-slot p{margin:0 0 10px;font-size:12px;color:var(--muted)}
.pm-slot textarea{width:100%;min-height:88px;border:1px solid #becbd6;border-radius:6px;padding:10px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;color:var(--ink);background:#fff;resize:vertical}
.pm-slot textarea:focus{outline:2px solid #a8c7f1;outline-offset:0}
.pm-filled{font-size:11px;color:#0b7d68;background:#e6f7f2;padding:3px 6px;border-radius:4px;white-space:nowrap}
.pm-empty{font-size:11px;color:var(--muted);background:#f1f5f8;padding:3px 6px;border-radius:4px;white-space:nowrap}
.pm-promo-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:6px;padding:13px}
.pm-promo-row.expired{opacity:.6}
.pm-promo-copy{display:grid;gap:3px;min-width:0}
.pm-promo-copy strong{font-size:14px}
.pm-promo-copy small{font-size:11px;color:var(--muted)}
.pm-promo-actions{display:flex;gap:6px;align-items:center}
.pm-promo-actions button{padding:7px 10px;font-size:12px}
.pm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-form-grid .full{grid-column:1/-1}
.pm-list{display:grid;gap:8px;margin-bottom:18px}
.pm-empty-box{border:1px dashed #b9c7d4;background:#f7f9fb;border-radius:var(--radius);padding:26px;text-align:center;color:var(--muted);font-size:13px}
.pm-export-box{margin-top:16px;background:#18212b;color:#fff;border-radius:var(--radius);padding:20px}
.pm-export-box h3{color:#fff;margin:0 0 8px;font-size:17px}
.pm-export-box p{color:#b8c6d3;font-size:12px;margin:0 0 14px}
.pm-export-box .outline-button{border-color:#9fc7f3;color:#dcecff}
.pm-export-box textarea{width:100%;min-height:110px;border:1px solid #3c4d61;border-radius:6px;background:#111a24;color:#cfe0f2;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.5;padding:10px;margin-bottom:10px}
@media(max-width:700px){.pm-form-grid{grid-template-columns:1fr}.pm-promo-row{grid-template-columns:1fr}.pm-promo-actions{flex-wrap:wrap}}
@media(max-width:620px){.ad-slot{margin:20px auto}}