:root{--bg:#0c0f14;--surface:#141922;--surface2:#1b2230;--text:#f4f6f8;--muted:#a9b1be;--line:#2a3342;--accent:#f2c94c;--accent-ink:#111827;--max:1180px;--radius:18px;--shadow:0 20px 60px rgba(0,0,0,.22)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.65}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}.shell{width:min(calc(100% - 32px),var(--max));margin-inline:auto}.narrow{max-width:820px}.center{text-align:center}.skip-link{position:absolute;left:-9999px;top:8px}.skip-link:focus{left:8px;z-index:999;background:#fff;color:#000;padding:8px 12px}.site-header{position:sticky;top:0;z-index:30;background:rgba(12,15,20,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-size:20px}.brand-text{white-space:nowrap}.main-nav{display:flex;align-items:center;gap:20px;overflow:auto;white-space:nowrap;font-size:14px;color:#d5d9df}.site-main{min-height:65vh}.hero{padding:72px 0 46px;background:radial-gradient(circle at 15% 20%,rgba(242,201,76,.17),transparent 35%),linear-gradient(180deg,#111722 0%,var(--bg) 100%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);gap:48px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(34px,5vw,64px);line-height:1.08;margin:0 0 20px;letter-spacing:-.04em}.lead{font-size:18px;color:#c7cdd6}.hero-panel{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:13px 16px;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(20,25,34,.82);box-shadow:var(--shadow)}.hero-panel strong{font-size:30px;color:var(--accent)}.hero-panel span{color:var(--muted)}.section{padding:44px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-heading h2{font-size:clamp(25px,3.5vw,38px);margin:0;line-height:1.15}.text-link{color:var(--accent);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-card{display:flex;flex-direction:column;gap:7px;min-height:130px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:.2s transform,.2s border-color}.category-card:hover{transform:translateY(-3px);border-color:#596579}.category-card strong{font-size:19px}.category-card span{color:var(--muted);font-size:14px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.video-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 30px rgba(0,0,0,.14)}.card-cover{position:relative;display:block;aspect-ratio:16/9;background:#080a0d;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.video-card:hover .card-cover img{transform:scale(1.035)}.play-dot{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 4px 20px rgba(0,0,0,.3)}.play-dot:after{content:"";position:absolute;left:20px;top:14px;border-left:15px solid #111;border-top:10px solid transparent;border-bottom:10px solid transparent}.duration{position:absolute;right:9px;bottom:9px;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.78);color:#fff;font-size:12px}.card-body{padding:16px}.card-body h3{font-size:17px;line-height:1.4;margin:0 0 8px}.card-body p{margin:0;color:var(--muted);font-size:14px}.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.topic-list a{display:flex;flex-direction:column;gap:5px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.topic-list span{color:var(--muted)}.page-shell,.page-hero{padding-top:34px}.page-hero{padding-bottom:20px}.breadcrumbs{display:flex;align-items:center;gap:8px;overflow:hidden;margin-bottom:28px;color:var(--muted);font-size:13px;white-space:nowrap}.breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}.detail-header{max-width:900px;margin:0 auto 24px;text-align:center}.detail-header h1{font-size:clamp(30px,4.7vw,54px);line-height:1.12;margin:0 0 16px}.detail-summary{max-width:780px;margin:0 auto;color:#cbd1da;font-size:18px}.player-wrap{overflow:hidden;max-width:1060px;margin:0 auto;border:1px solid var(--line);border-radius:22px;background:#000;box-shadow:var(--shadow)}.player-wrap video{width:100%;max-height:76vh;background:#000}.detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:22px;max-width:1060px;margin:24px auto 0}.content-card,.meta-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.content-card h2,.meta-card h2{margin:0 0 16px;font-size:23px}.prose p{margin:0 0 1.15em;color:#d5dae1}.prose p:last-child{margin-bottom:0}.meta-card dl{margin:0}.meta-card dl div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line)}.meta-card dt{color:var(--muted)}.meta-card dd{margin:0;text-align:right}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-list span{padding:5px 9px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:12px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state{grid-column:1/-1;padding:50px 24px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.empty-state h2{color:var(--text)}.button,.search-form button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:800;cursor:pointer}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination a{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--line);border-radius:10px}.pagination a[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.search-form{margin-top:26px}.search-form label{display:block;margin-bottom:8px;font-weight:700}.search-form>div{display:flex;gap:10px}.search-form input{min-width:0;flex:1;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.notice{padding:10px 16px;color:#fff}.site-footer{margin-top:46px;padding:38px 0 20px;border-top:1px solid var(--line);background:#090c10;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px}.footer-grid strong{color:var(--text)}.footer-grid p{max-width:620px}.footer-grid nav{display:flex;flex-direction:column;gap:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;margin-top:22px;border-top:1px solid #202631;font-size:13px}@media(max-width:920px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid,.detail-layout{grid-template-columns:1fr}.hero-panel{max-width:520px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.header-inner{min-height:64px}.main-nav{max-width:62vw;gap:14px}.hero{padding-top:48px}.video-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-grid,.topic-list{grid-template-columns:1fr}.card-body{padding:12px}.card-body h3{font-size:15px}.card-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section{padding:34px 0}.section-heading{align-items:start}.footer-grid{grid-template-columns:1fr}.footer-grid nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column}.player-wrap{border-radius:14px}.content-card,.meta-card{padding:20px}.search-form>div{flex-direction:column}}@media(max-width:390px){.brand-text{display:none}.main-nav{max-width:76vw}.shell{width:min(calc(100% - 22px),var(--max))}}


/* V3.3.0：每个顶级域名可独立选择模板和主题色 */
body.template-clean_light{--bg:#f7f8fb;--surface:#ffffff;--surface2:#eef2f7;--text:#172033;--muted:#687386;--line:#dfe5ee;--shadow:0 18px 50px rgba(31,45,68,.10);background:var(--bg);color:var(--text)}
.template-clean_light .site-header{background:rgba(255,255,255,.92);border-bottom-color:#e4e9f0;box-shadow:0 7px 30px rgba(31,45,68,.05)}
.template-clean_light .main-nav{color:#4a5568}
.template-clean_light .hero{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,#fff) 0%,#fff 55%,#f5f7fb 100%);border-bottom:1px solid var(--line)}
.template-clean_light .hero-panel{background:#fff;border-color:color-mix(in srgb,var(--accent) 28%,var(--line))}
.template-clean_light .lead,.template-clean_light .detail-summary,.template-clean_light .prose p{color:#4b576b}
.template-clean_light .category-card,.template-clean_light .video-card,.template-clean_light .topic-list a,.template-clean_light .content-card,.template-clean_light .meta-card{background:#fff;box-shadow:0 12px 30px rgba(31,45,68,.07)}
.template-clean_light .category-card{border-left:4px solid var(--accent)}
.template-clean_light .card-cover{background:#e8edf4}
.template-clean_light .search-form input{background:#fff;color:var(--text)}
.template-clean_light .site-footer{background:#111827;color:#b8c1cf;border-top:0}
.template-clean_light .footer-grid strong{color:#fff}
.template-clean_light .footer-bottom{border-top-color:#2a3446}

body.template-app_color{--bg:#f1f4ff;--surface:#ffffff;--surface2:#eef0ff;--text:#1c2340;--muted:#66708b;--line:#dbe0f4;--shadow:0 22px 60px rgba(45,55,110,.14);background:linear-gradient(180deg,#f6f7ff 0%,var(--bg) 100%);color:var(--text)}
.template-app_color .site-header{background:rgba(255,255,255,.88);border-bottom-color:rgba(255,255,255,.7);box-shadow:0 8px 34px rgba(45,55,110,.08)}
.template-app_color .header-inner{min-height:78px}
.template-app_color .brand-mark{border-radius:50%;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 32%,transparent)}
.template-app_color .main-nav{gap:9px;color:#4d5773}
.template-app_color .main-nav a{padding:8px 13px;border-radius:999px;background:#f3f5fb}
.template-app_color .main-nav a:hover{background:color-mix(in srgb,var(--accent) 13%,#fff);color:var(--text)}
.template-app_color .hero{padding:70px 0 56px;background:radial-gradient(circle at 8% 15%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 34%),radial-gradient(circle at 92% 35%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%),linear-gradient(145deg,#fff 0%,#eef1ff 100%)}
.template-app_color .hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}
.template-app_color .hero h1{background:linear-gradient(120deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.template-app_color .lead,.template-app_color .detail-summary,.template-app_color .prose p{color:#505b77}
.template-app_color .hero-panel{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(45,55,110,.14)}
.template-app_color .category-card{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--accent) 6%,#fff));border:0;box-shadow:0 14px 36px rgba(45,55,110,.10)}
.template-app_color .video-card{border:0;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(45,55,110,.12)}
.template-app_color .card-cover{border-radius:24px 24px 0 0;background:#e7eafd}
.template-app_color .content-card,.template-app_color .meta-card,.template-app_color .topic-list a{border:0;background:#fff;box-shadow:0 14px 38px rgba(45,55,110,.10)}
.template-app_color .search-form input{background:#fff;color:var(--text)}
.template-app_color .site-footer{background:#171d37;color:#bfc7df;border-top:0}
.template-app_color .footer-grid strong{color:#fff}
.template-app_color .footer-bottom{border-top-color:#303958}

/* 全站只维护一份广告代码，由后台选择唯一展示位置 */
.ad-section{padding-top:20px;padding-bottom:20px}
.site-ad{position:relative;min-height:74px;padding:24px;border:1px dashed color-mix(in srgb,var(--accent) 50%,var(--line));border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 5%,var(--surface));overflow:hidden;text-align:center}
.site-ad-label{position:absolute;top:7px;left:10px;padding:2px 7px;border-radius:999px;background:var(--surface2);color:var(--muted);font-size:11px;line-height:1.5}
.site-ad-content{display:flex;align-items:center;justify-content:center;min-height:28px;max-width:100%;overflow:hidden}
.site-ad-content>*{max-width:100%}
.site-ad-content img{height:auto;margin:auto}
.detail-ad{max-width:1060px;margin:18px auto 0}
.site-ad-player{border-style:solid}
.site-ad-footer{margin-bottom:4px}

@media(max-width:920px){.template-app_color .hero-grid{grid-template-columns:1fr}.template-app_color .hero-panel{max-width:560px}}
@media(max-width:680px){.template-app_color .main-nav a{padding:7px 10px}.site-ad{padding:22px 12px}.template-clean_light .category-card{border-left-width:3px}}
.site-ad-link{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;color:var(--text);text-decoration:none}.site-ad-link:hover{color:var(--accent)}.site-ad-image{max-width:100%;max-height:160px;object-fit:contain;border-radius:10px}.site-ad-text{font-size:clamp(16px,2.2vw,22px)}
@media(max-width:680px){.site-ad-link{flex-direction:column;gap:8px}.site-ad-image{max-height:120px}}