/* aisite Modern — 与 video.ai2a.com 同一套配色：蓝 / 绿 / 金，浅色渐变底，白色圆角卡片 */
:root{
  --text:#1F2937; --muted:#5B6B7C; --border:#DCE6EE; --card:#fff; --soft:#F3F8FC;
  --s1:#38BDF8; --s1-soft:#E0F2FE; --s1-deep:#0369A1;
  --s2:#6BCB4A; --s2-soft:#EAF7E3; --s2-deep:#2F7D1C;
  --s3:#F5C542; --s3-soft:#FFF6D6; --s3-deep:#8A6400;
  --gold-grad:linear-gradient(100deg,#F9BC24 0%,#F6A21E 38%,#F26A1B 100%);
  --gold-grad-hover:linear-gradient(100deg,#F0B01A 0%,#EC931A 38%,#E25C12 100%);
  --gold-text:#2B1A00;
}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;color:var(--text);line-height:1.7;
  background:linear-gradient(180deg,#E8F5FC 0%,#F1FAF3 55%,#FFF8E6 100%) fixed;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  min-height:100vh;display:flex;flex-direction:column}
a{color:var(--brand,#1569FF);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}

.hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);border-bottom:1px solid #E7EFF5}
.hd-in{max-width:1080px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center}
.brand:hover{text-decoration:none}
.brand img{height:34px;width:auto}
.brand-txt{font-size:20px;font-weight:800;color:var(--brand,#1569FF)}
.nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
.nav a{padding:6px 14px;border-radius:999px;border:1.5px solid transparent;color:var(--muted);font-size:14px;font-weight:600}
.nav a:hover{background:#fff;border-color:#CFE0FF;color:var(--brand,#1569FF);text-decoration:none}

.main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:28px 20px 48px}
.card{background:var(--card);border:1px solid #E7EFF5;border-radius:16px;box-shadow:0 8px 28px rgba(30,64,96,.08)}

.hero{text-align:center;padding:54px 28px 48px;margin-bottom:22px}
.badge{display:inline-block;font-size:12px;font-weight:700;color:var(--s1-deep);background:#fff;border:1.5px solid #BAE6FD;border-radius:999px;padding:3px 12px}
.hero h1{font-size:clamp(28px,5vw,46px);line-height:1.25;margin:16px 0 12px;color:var(--text)}
.grad{background:linear-gradient(90deg,var(--s1-deep),var(--s2-deep) 55%,#B4530F);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{max-width:640px;margin:0 auto 24px;color:var(--muted);font-size:17px}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:11px 24px;border-radius:12px;font-weight:700;font-size:15px;border:1.5px solid transparent}
.btn:hover{text-decoration:none;filter:brightness(.96)}
.btn.gold{background:var(--gold-grad);border-color:#F26A1B;color:var(--gold-text)}
.btn.gold:hover{background:var(--gold-grad-hover)}
.btn.ghost{background:#fff;border-color:var(--border);color:var(--muted)}
.btn.white{background:#fff;color:var(--brand,#1569FF)}

.feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:34px}
.feat{padding:22px;border-top:4px solid var(--s1)}
.feat.c2{border-top-color:var(--s2)}.feat.c3{border-top-color:var(--s3)}
.feat .ico{font-size:28px;line-height:1}
.feat h3{margin:10px 0 6px;font-size:18px}
.feat p{margin:0;color:var(--muted);font-size:15px}

.sec{margin-bottom:34px}
.sec-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.sec-hd h2,.ph{font-size:24px;margin:0}
.ph{margin-bottom:16px}
.more{font-size:14px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.pc{background:#fff;border:1px solid #E7EFF5;border-radius:16px;box-shadow:0 4px 16px rgba(30,64,96,.06);overflow:hidden;display:flex;flex-direction:column}
.pc-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pc-body{padding:16px 18px 18px}
.pc-meta{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pc h3{font-size:18px;line-height:1.4;margin:8px 0 6px}
.pc h3 a{color:var(--text)}
.pc p{margin:0;color:var(--muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chip{display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--s1-soft);color:var(--s1-deep)}
.chip:hover{text-decoration:none;filter:brightness(.97)}
.chip.big{font-size:14px;padding:5px 14px;margin:0 8px 8px 0}
.chip small{opacity:.7}

.cta{text-align:center;padding:38px 24px;border-radius:18px;background:var(--gold-grad);color:var(--gold-text);margin-bottom:10px}
.cta h2{margin:0 0 8px;font-size:26px}
.cta p{margin:0 0 18px}

.art{padding:28px;margin-bottom:18px}
.art h1{font-size:clamp(24px,4vw,34px);line-height:1.3;margin:10px 0 18px}
.body{overflow-wrap:anywhere}
.body h2{font-size:24px;margin:1.6em 0 .6em}.body h3{font-size:19px;margin:1.4em 0 .5em}
.body img{border-radius:12px;height:auto}
.body pre{background:#F3F8FC;border:1px solid var(--border);border-radius:10px;padding:14px;overflow:auto}
.body code{background:#F3F8FC;border-radius:5px;padding:1px 5px}
.body pre code{padding:0;background:none}
.body blockquote{margin:1em 0;padding:8px 16px;border-left:4px solid var(--s1);background:var(--s1-soft);border-radius:0 10px 10px 0}
.body table{border-collapse:collapse;width:100%}
.body th,.body td{border:1px solid var(--border);padding:8px 10px}
.pg-art .body.wide{max-width:none}
.tags{margin-top:20px}.tags .chip{margin-right:6px}
.year h2{font-size:20px;margin:0 0 8px}
.alist{list-style:none;margin:0 0 18px;padding:0}
.alist li{display:flex;gap:14px;padding:6px 0;border-bottom:1px dashed var(--border)}
.alist .d{color:var(--muted);font-variant-numeric:tabular-nums;min-width:48px}
.dim{color:var(--muted)}
.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:24px 0}
.pager .pg{color:var(--muted);font-size:14px}

.ft{border-top:1px solid #E7EFF5;background:rgba(255,255,255,.7)}
.ft-in{max-width:1080px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;font-size:13px;color:var(--muted);flex-wrap:wrap;gap:8px}

@media(max-width:640px){
  .hd-in{padding:8px 14px}.nav{margin-left:0;width:100%}
  .main{padding:18px 14px 36px}.hero{padding:36px 18px}.art{padding:20px}
  .grid{grid-template-columns:1fr}
}

/* aisite 页面组件样式：向导生成的页面只用这些 class，由 Halo「代码注入」装到全站 */
.ais{color:var(--ais-text);line-height:1.75}
.ais *{box-sizing:border-box}
.ais-hero{padding:40px 28px;border-radius:18px;margin:0 0 28px;text-align:center;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ais-brand) 12%,#fff),color-mix(in srgb,var(--ais-accent) 12%,#fff))}
.ais .ais-hero h1{font-size:clamp(26px,4vw,38px);line-height:1.3;margin:0 0 10px;color:var(--ais-text)}
.ais .ais-hero p{color:var(--ais-muted);font-size:17px;max-width:640px;margin:0 auto 18px}
.ais-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ais .ais-btn{display:inline-block;padding:10px 22px;border-radius:10px;background:var(--ais-brand);color:#fff !important;
  text-decoration:none !important;font-weight:700;border:2px solid var(--ais-brand)}
.ais .ais-btn.ghost{background:#fff;color:var(--ais-brand) !important}
.ais-section{margin:0 0 32px}
.ais .ais-section>h2{font-size:24px;line-height:1.4;margin:0 0 6px;padding:0;border:0;color:var(--ais-text)}
.ais .ais-sub{color:var(--ais-muted);margin:0 0 16px}
.ais-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.ais-card{background:#fff;border:1px solid var(--ais-line);border-radius:14px;padding:18px;box-shadow:0 4px 16px rgba(30,64,96,.06)}
.ais .ais-card h3{font-size:17px;margin:6px 0;color:var(--ais-text)}
.ais .ais-card p{margin:0;color:var(--ais-muted);font-size:15px}
.ais-icon{font-size:26px;line-height:1}
.ais-split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.ais .ais-split img,.ais .ais-img{width:100%;border-radius:14px;display:block;margin:0}
.ais .ais-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ais .ais-steps li{counter-increment:s;position:relative;padding:12px 14px 12px 52px;background:var(--ais-soft);border-radius:12px;margin:0}
.ais .ais-steps li::before{content:counter(s);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:8px;
  background:var(--ais-brand);color:#fff;font-weight:700;text-align:center;line-height:26px}
.ais-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;text-align:center}
.ais-stats>div{background:var(--ais-soft);border-radius:12px;padding:16px}
.ais .ais-stats b{display:block;font-size:28px;color:var(--ais-brand)}
.ais-faq details{border:1px solid var(--ais-line);border-radius:12px;padding:12px 16px;margin:0 0 10px;background:#fff}
.ais-faq summary{cursor:pointer;font-weight:700}
.ais-cta{text-align:center;padding:28px;border-radius:16px;background:var(--ais-brand);color:#fff;margin:0 0 32px}
.ais .ais-cta h2{color:#fff;margin:0 0 8px;border:0}
.ais .ais-cta p{color:rgba(255,255,255,.92);margin:0 0 16px}
.ais .ais-cta .ais-btn{background:#fff;color:var(--ais-brand) !important;border-color:#fff}
.ais .ais-contact{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ais .ais-contact li{padding:10px 14px;background:var(--ais-soft);border-radius:10px;margin:0}
@media(max-width:720px){.ais-split{grid-template-columns:1fr}.ais-hero{padding:28px 16px}}

/* 多网站平台（2026-10-12）：文章列表、分页、分类、标签的样式，以及三套模板（body.t-modern 默认 / t-clean 简约 / t-classic 稳重） */
.sec-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.sec-hd h1,.sec-hd h2{margin:0;font-size:24px}
.sec-hd .more{font-size:14px;font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.pc{background:#fff;border:1px solid #E7EFF5;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(30,64,96,.06);display:flex;flex-direction:column}
.pc-img img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.pc-body{padding:16px}
.pc-body h3{margin:0 0 6px;font-size:17px;line-height:1.45}
.pc-body p{margin:0 0 8px;color:var(--muted);font-size:14px}
.pc-meta{color:var(--muted);font-size:12px}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.cats a,.tags .tag{display:inline-block;padding:4px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--muted);font-size:13px}
.cats a:hover,.tags .tag:hover{border-color:var(--brand,#1569FF);color:var(--brand,#1569FF);text-decoration:none}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:24px 0 0}
.pager a{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;border:1px solid var(--border);color:var(--muted)}
.pager a.on{background:var(--brand,#1569FF);border-color:var(--brand,#1569FF);color:#fff}
.art{padding:28px}
.art h1{margin:0 0 6px;font-size:clamp(24px,4vw,32px);line-height:1.35}
.art-meta{color:var(--muted);font-size:13px;margin:0 0 18px}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.nav a.on{background:#fff;border-color:#CFE0FF;color:var(--brand,#1569FF)}
@media (max-width:560px){.art{padding:18px}.grid{grid-template-columns:1fr}}

/* 简约：白底、细线、去掉渐变和阴影 */
body.t-clean{background:#fff}
body.t-clean .card,body.t-clean .pc,body.t-clean .ais-card{box-shadow:none;border-color:#E5E7EB}
body.t-clean .hero{background:#fff}
body.t-clean .grad{background:none;color:var(--brand,#1569FF)}
body.t-clean .btn.gold{background:var(--brand,#1569FF);border-color:var(--brand,#1569FF);color:#fff}
body.t-clean .hd{background:#fff}

/* 稳重：浅灰底、衬线标题、方一点的角 */
body.t-classic{background:#F5F5F2}
body.t-classic h1,body.t-classic h2,body.t-classic h3{font-family:"Songti SC","Noto Serif SC","SimSun",serif}
body.t-classic .card,body.t-classic .pc,body.t-classic .ais-card,body.t-classic .btn{border-radius:6px}
body.t-classic .grad{background:none;color:var(--brand,#1569FF)}
body.t-classic .btn.gold{background:var(--brand,#1569FF);border-color:var(--brand,#1569FF);color:#fff}