:root{
  --bg1:#FAF6EF; --bg2:#F1E6D8; --bg3:#EFE2D0; --card:#FFFCF7;
  --text:#28314E; --muted:#746554; --main:#AA2B3A; --main-dark:#8F2230; --line:#E3D0BA;
  --shadow:0 12px 30px rgba(40,49,78,.08);
  --brand-bg:#F1E6D8; --brand-bg-soft:#FAF6EF; --brand-card:#FFFCF7;
  --brand-text:#28314E; --brand-muted:#746554; --brand-main:#AA2B3A;
  --brand-main-dark:#8F2230; --brand-border:#E3D0BA;
  --brand-shadow:0 12px 30px rgba(40,49,78,.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg1),var(--bg2) 48%,var(--bg3));min-height:100vh;}
.shell{max-width:min(1360px,96vw);margin:0 auto;padding:20px;}
.top{background:rgba(255,252,247,.92);border:1px solid var(--line);border-radius:24px;padding:18px 20px;box-shadow:var(--shadow);margin-bottom:14px;}
.brandHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.brandLeft{min-width:0;}
.brandTitle{margin:0 0 12px;font-size:34px;line-height:1.08;letter-spacing:-.8px;font-weight:900;color:var(--text);}
.brandSub{margin:0;color:var(--muted);font-size:15px;line-height:1.75;font-weight:800;}
.brandNavLine{display:block;margin-top:4px;font-size:17px;font-weight:900;letter-spacing:.2px;}
.brandCredit{margin:0 0 4px;color:#1f1f1f;font-size:14px;line-height:1.55;text-align:right;white-space:nowrap;}
h1{margin:0 0 8px;font-size:28px;letter-spacing:.2px;}
.desc{margin:0;color:var(--muted);line-height:1.65;font-size:14px;}
.nav{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;justify-content:center;align-items:center;}
.nav button{border:1px solid var(--line);background:#FFFCF7;color:var(--text);border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer;}
.nav button.active{background:var(--main);color:#fff;border-color:var(--main);box-shadow:0 8px 18px rgba(170,43,58,.14);}
.frameWrap{background:rgba(255,252,247,.75);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden;}
iframe{display:none;width:100%;height:calc(100vh - 120px);min-height:980px;border:0;background:transparent;overflow:auto;-webkit-overflow-scrolling:touch;}
iframe.active{display:block;}
@media(max-width:760px){.shell{padding:12px}.top{padding:14px 14px;border-radius:20px}h1{font-size:23px}.brandHeader{display:block}.brandTitle{font-size:26px}.brandSub{font-size:13px}.brandNavLine{font-size:15px}.brandCredit{text-align:left;white-space:normal;margin-top:12px}.frameWrap{overflow:visible;border-radius:20px}iframe{height:auto;min-height:1800px;overflow:visible}}

/* 智能语块首次打开海报弹窗 */


/* 2026-05-29 基础适配 + 统一按钮 */
html, body{width:100%;max-width:100%;overflow-x:hidden;}
.shell{max-width:min(1360px,96vw)!important;width:100%!important;padding-left:clamp(8px,2vw,20px)!important;padding-right:clamp(8px,2vw,20px)!important;}
.top,.frameWrap{max-width:100%!important;}
.nav button{min-height:40px!important;padding:9px 14px!important;font-size:14px!important;line-height:1.2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.top,.frameWrap{border-color:var(--brand-border);box-shadow:var(--brand-shadow);}
.nav button{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;}
.nav button:hover{border-color:rgba(170,43,58,.36);background:var(--brand-bg-soft);}
.nav button.active{background:var(--brand-main);border-color:var(--brand-main);color:#fff;box-shadow:0 8px 18px rgba(170,43,58,.14);}
.nav button:not(.active){background:var(--brand-card);color:var(--brand-text);border-color:var(--brand-border);box-shadow:none;}
@media(max-width:760px){
  .nav{gap:7px;margin:10px 0;}
  .nav button{min-height:36px!important;padding:8px 10px!important;font-size:12px!important;}
  .brandTitle{font-size:24px!important}.brandSub{font-size:12px!important}.brandNavLine{font-size:14px!important;}
}