/* 智慧美育生态 · 讲座幻灯片样式 —— Anthropic 高雅风
   暖奶油底 #faf9f5 / 墨黑 #141413 / 陶土橙 #d97757(主) / 蓝 #6a9bcc / 绿 #788c5d
   标题 Poppins · 正文 Lora · 中文金句 楷体 · 大量留白 · 克制 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap');

:root{
  --paper:#faf9f5; --paper2:#f4f1e9;
  --ink:#141413; --ink-soft:#3b3934;
  --muted:#6f6b62; --faint:#b0aea5;
  --line:#e4e1d7; --card:#ffffff; --card2:#fbfaf6;
  --orange:#d97757; --orange-deep:#b85c3e;
  --blue:#6a9bcc; --blue-deep:#4f7ba8;
  --green:#788c5d; --green-deep:#5f724a;
  /* 兼容旧类名 */
  --primary:#d97757; --primary2:#6a9bcc;
  --accent:#4f7ba8; --gold:#b85c3e;
  --ff-head:'Poppins','Microsoft YaHei','PingFang SC',sans-serif;
  --ff-body:'Lora','Microsoft YaHei','PingFang SC',serif;
  --ff-quote:'Lora','KaiTi','楷体','Songti SC',serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;width:100%;overflow:hidden;background:#e9e6dd;
  font-family:var(--ff-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* ===== 16:9 等比舞台 ===== */
.stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#e9e6dd}
.deck{
  position:relative;width:100vw;height:56.25vw;max-height:100vh;max-width:177.78vh;
  container-type:size;
  background:
    radial-gradient(120% 80% at 85% 0%, rgba(217,119,87,.06), transparent 55%),
    radial-gradient(90% 70% at 0% 100%, rgba(106,155,204,.05), transparent 50%),
    linear-gradient(165deg,var(--paper) 0%, var(--paper2) 100%);
  color:var(--ink);overflow:hidden}

/* ===== 单页 ===== */
.slide{position:absolute;inset:0;padding:9cqh 9cqw;
  display:flex;flex-direction:column;justify-content:center;
  opacity:0;visibility:hidden;transform:translateY(1cqh);
  transition:opacity .55s ease,transform .55s ease,visibility .55s}
.slide.active{opacity:1;visibility:visible;transform:none}

/* ===== 文字层级 ===== */
h1{font-family:var(--ff-head);font-size:6.6cqh;line-height:1.16;font-weight:700;letter-spacing:0;color:var(--ink)}
h2{font-family:var(--ff-head);font-size:4.8cqh;line-height:1.2;font-weight:600;color:var(--ink)}
h3{font-family:var(--ff-head);font-size:3.2cqh;line-height:1.25;font-weight:600;color:var(--ink)}
p,li{font-size:2.5cqh;line-height:1.62;color:var(--ink-soft)}
.lead{font-family:var(--ff-quote);font-size:3cqh;color:var(--orange-deep);font-weight:500;line-height:1.5}
.kicker{font-size:2.1cqh;letter-spacing:.35cqw;color:var(--orange);font-weight:600}
.muted{color:var(--muted)}
.gold{color:var(--orange-deep);font-weight:600}
.accent{color:var(--blue-deep);font-weight:600}
.big{font-size:8cqh;font-weight:700;line-height:1.1;font-family:var(--ff-head)}
strong{color:var(--ink);font-weight:700}

.eyebrow{display:flex;align-items:center;gap:1.2cqw;margin-bottom:3cqh}
.eyebrow::before{content:"";width:3.4cqw;height:.35cqh;background:var(--orange);border-radius:2px}

/* ===== 封面 ===== */
.cover{justify-content:center;text-align:left}
.cover .deco-top{position:absolute;top:0;left:0;right:0;height:.7cqh;
  background:linear-gradient(90deg,var(--orange),#e0a079 60%,var(--blue))}
.cover h1{font-size:7.6cqh;margin:1.8cqh 0;line-height:1.14}
.cover .sub{font-family:var(--ff-quote);font-size:3.4cqh;color:var(--orange-deep);font-weight:500;margin-bottom:5.5cqh}
.cover .meta{font-size:2.1cqh;color:var(--muted);border-top:1px solid var(--line);
  padding-top:2.4cqh;max-width:72cqw}

/* ===== 幕分隔页 ===== */
.divider{justify-content:center}
.divider .act{font-size:2.8cqh;color:var(--orange-deep);font-weight:600;letter-spacing:.5cqw;font-family:var(--ff-head)}
.divider h2{font-size:6.4cqh;margin:2.2cqh 0 1.8cqh;line-height:1.18}
.divider .act-line{width:14cqw;height:.45cqh;background:var(--orange);border-radius:3px;margin-top:1cqh}
.divider .act-no{position:absolute;right:8cqw;top:9cqh;font-size:24cqh;font-weight:700;font-family:var(--ff-head);
  color:rgba(217,119,87,.12);line-height:1}

/* ===== 卡片 / 网格 ===== */
.cards{display:grid;gap:2.2cqw;margin-top:3.5cqh}
.cards.c3{grid-template-columns:repeat(3,1fr)}
.cards.c2{grid-template-columns:repeat(2,1fr)}
.cards.c4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--card);border:1px solid var(--line);border-radius:1cqh;
  padding:3.2cqh 2.4cqw;box-shadow:0 1px 4px rgba(20,20,19,.05)}
.card .ico{font-size:4.6cqh;margin-bottom:1.4cqh;display:block}
.card h3{margin-bottom:1cqh;font-size:2.9cqh}
.card p{font-size:2.05cqh;color:var(--muted);line-height:1.5}
.card .num{font-size:2.7cqh;color:var(--orange-deep);font-weight:700;font-family:var(--ff-head)}

/* 两栏对照 */
.two{display:grid;grid-template-columns:1fr 1fr;gap:3cqw;margin-top:3.5cqh}
.two .col{background:var(--card);border:1px solid var(--line);border-radius:1cqh;
  padding:3.2cqh 2.6cqw;box-shadow:0 1px 4px rgba(20,20,19,.05)}
.two .col.warm{border-color:rgba(217,119,87,.4);background:rgba(217,119,87,.05)}
.two .col h3{font-size:2.9cqh;margin-bottom:1.5cqh}
.two .col p{color:var(--muted)}
.two .col .tag{display:inline-block;font-size:1.85cqh;padding:.5cqh 1.4cqw;border-radius:99px;
  background:var(--blue);color:#fff;margin-bottom:1.6cqh;font-weight:600;font-family:var(--ff-head)}
.two .col.warm .tag{background:var(--orange);color:#fff}

/* 列表 */
.bullets{margin-top:2.8cqh;list-style:none}
.bullets li{position:relative;padding-left:3cqw;margin-bottom:1.9cqh}
.bullets li::before{content:"";position:absolute;left:0;top:1cqh;width:1.2cqh;height:1.2cqh;
  background:var(--orange);border-radius:2px;transform:rotate(45deg)}

/* 流程链 */
.flow{display:flex;align-items:center;gap:1cqw;margin-top:3.8cqh;flex-wrap:wrap}
.flow .node{background:var(--card);border:1px solid var(--orange);
  border-radius:.9cqh;padding:1.9cqh 1.8cqw;font-size:2.25cqh;font-weight:600;color:var(--ink);
  text-align:center;font-family:var(--ff-head);box-shadow:0 1px 3px rgba(217,119,87,.12)}
.flow .node small{font-weight:400;color:var(--muted);font-family:var(--ff-body)}
.flow .arrow{color:var(--orange);font-size:2.8cqh;font-weight:700}

/* ===== 四层全景图 ===== */
.stack{display:flex;flex-direction:column;gap:1.5cqh;margin-top:3cqh}
.layer{display:flex;align-items:center;gap:2cqw;padding:2.4cqh 2.6cqw;border-radius:.9cqh;
  border:1px solid var(--line);background:var(--card)}
.layer .n{font-family:var(--ff-head);font-size:3.2cqh;font-weight:700;color:var(--orange-deep);min-width:4cqw}
.layer .t{font-family:var(--ff-head);font-size:2.9cqh;font-weight:600;color:var(--ink);min-width:24cqw}
.layer .d{font-size:2.1cqh;color:var(--muted)}
.layer.l4{background:linear-gradient(90deg,rgba(217,119,87,.12),var(--card) 70%)}
.layer.l3{background:linear-gradient(90deg,rgba(120,140,93,.14),var(--card) 70%)}
.layer.l2{background:linear-gradient(90deg,rgba(106,155,204,.14),var(--card) 70%)}
.layer.l1{background:linear-gradient(90deg,rgba(176,174,165,.16),var(--card) 70%)}

/* ===== 图文两栏 ===== */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:4cqw;align-items:center;height:100%}
.split.media-left{grid-template-columns:.95fr 1.05fr}
.split .txt h2{margin-bottom:2.2cqh}
.figure{border-radius:1cqh;overflow:hidden;border:1px solid var(--line);
  background:#fff;box-shadow:0 1.4cqh 4cqh rgba(20,20,19,.10)}
.figure img,.figure video{width:100%;height:100%;object-fit:cover;display:block}
.figure.contain img{object-fit:contain;background:#fff}

/* ===== 知识图谱双图 ===== */
.kg-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.6cqw;margin-top:3cqh;height:54cqh}
.kg-card{border:1px solid var(--line);border-radius:1cqh;overflow:hidden;background:#fff;
  box-shadow:0 1.2cqh 3.6cqh rgba(20,20,19,.10);display:flex;flex-direction:column}
.kg-card .kg-img{flex:1;overflow:hidden;background:#fbfaf6}
.kg-card .kg-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.kg-card .kg-cap{padding:1.6cqh 1.8cqw;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:baseline;gap:1cqw}
.kg-card .kg-cap b{font-size:2.3cqh;color:var(--ink);font-family:var(--ff-head);font-weight:600}
.kg-card .kg-cap .url{font-size:1.75cqh;color:var(--orange-deep);white-space:nowrap}

/* ===== 案例墙 ===== */
.wall{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:1.4cqw;margin-top:3cqh;height:60cqh}
.wall .cell{position:relative;border-radius:.9cqh;overflow:hidden;border:1px solid var(--line);background:#fff}
.wall .cell img,.wall .cell video{width:100%;height:100%;object-fit:cover;display:block}
.wall .cell .cap{position:absolute;left:0;right:0;bottom:0;padding:1.5cqh 1.2cqw;font-size:1.9cqh;
  font-weight:600;color:#fff;font-family:var(--ff-head);background:linear-gradient(transparent,rgba(20,20,19,.78))}
.wall .cell.wide{grid-column:span 2}
.wall .cell.tall{grid-row:span 2}

/* ===== 一幅作品的一生 ===== */
.lifeline{display:grid;grid-template-columns:repeat(7,1fr);gap:.8cqw;margin-top:3cqh;align-items:end}
.lifeline .step{text-align:center}
.lifeline .step .ph{height:30cqh;border-radius:.9cqh;overflow:hidden;border:1px solid var(--line);
  margin-bottom:1.3cqh;background:#fff;box-shadow:0 1cqh 2.6cqh rgba(20,20,19,.10)}
.lifeline .step .ph img,.lifeline .step .ph video{width:100%;height:100%;object-fit:cover}
.lifeline .step .lb{font-size:2cqh;font-weight:600;color:var(--ink);font-family:var(--ff-head)}
.lifeline .step .lb small{display:block;font-size:1.6cqh;color:var(--muted);font-weight:400;margin-top:.4cqh;font-family:var(--ff-body)}
.lifeline .ar{font-size:3cqh;color:var(--orange);text-align:center;padding-bottom:14cqh}

/* ===== 收口服务清单 ===== */
.menu{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5cqw;margin-top:3.5cqh}
.menu .item{background:var(--card);border:1px solid var(--line);border-radius:1cqh;
  padding:2.8cqh 1.4cqw;text-align:center;box-shadow:0 1px 4px rgba(20,20,19,.05)}
.menu .item .ico{font-size:4cqh;display:block;margin-bottom:1.2cqh}
.menu .item h3{font-size:2.25cqh;margin-bottom:.9cqh;line-height:1.3}
.menu .item .lvl{font-size:1.75cqh;color:var(--orange-deep);font-weight:600;font-family:var(--ff-head)}
.contact{margin-top:4cqh;border-top:1px solid var(--line);padding-top:2.6cqh;
  font-size:2.2cqh;color:var(--ink-soft);display:flex;gap:3cqw;flex-wrap:wrap;align-items:center}

/* ===== 导航 / 页码 / 进度 ===== */
.nav{position:absolute;bottom:3cqh;right:5cqw;display:flex;align-items:center;gap:1.2cqw;z-index:20}
.nav button{background:#fff;border:1px solid var(--line);color:var(--ink);
  width:4.6cqh;height:4.6cqh;border-radius:50%;font-size:2.3cqh;cursor:pointer;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:.2s;box-shadow:0 1px 3px rgba(20,20,19,.08)}
.nav button:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.pageno{position:absolute;bottom:3.2cqh;left:5cqw;font-size:1.95cqh;color:var(--muted);z-index:20;font-family:var(--ff-head)}
.pageno b{color:var(--orange-deep)}
.progress{position:absolute;top:0;left:0;height:.45cqh;background:linear-gradient(90deg,var(--orange),#e0a079);
  width:0;z-index:30;transition:width .4s ease}
.brandmark{position:absolute;top:4cqh;right:5cqw;font-size:1.85cqh;color:var(--faint);
  letter-spacing:.15cqw;z-index:10;font-family:var(--ff-head)}
.hint{position:absolute;bottom:3.2cqh;left:50%;transform:translateX(-50%);font-size:1.85cqh;
  color:var(--faint);z-index:20;animation:fade 3s ease 4s forwards;font-family:var(--ff-head)}
@keyframes fade{to{opacity:0}}

/* ===== 接入 vs 未接入 对比 ===== */
.vs{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:1.8cqw;margin-top:2.8cqh;align-items:stretch}
.vs-col{border:1px solid var(--line);border-radius:1cqh;padding:2.4cqh 1.7cqw;background:var(--card);
  box-shadow:0 1px 4px rgba(20,20,19,.05)}
.vs-col.bad{background:#f6f3ee}
.vs-col.good{border-color:rgba(217,119,87,.4);background:rgba(217,119,87,.055)}
.vs-col .vh{font-family:var(--ff-head);font-size:2.3cqh;font-weight:600;margin-bottom:1.8cqh}
.vs-col.bad .vh{color:var(--muted)}
.vs-col.good .vh{color:var(--orange-deep)}
.vs-col ul{list-style:none}
.vs-col li{font-size:1.95cqh;line-height:1.4;margin-bottom:1.4cqh;padding-left:2.4cqw;position:relative;color:var(--ink-soft)}
.vs-col.bad li::before{content:"✕";position:absolute;left:0;color:#bcb6aa;font-weight:700}
.vs-col.good li::before{content:"✓";position:absolute;left:0;color:var(--orange);font-weight:700}
.vs-q{border:1.5px dashed var(--orange);border-radius:1cqh;padding:2cqh 1.5cqw;background:#fffdf9}
.vs-q .qh{font-family:var(--ff-head);font-size:1.95cqh;color:var(--orange-deep);font-weight:600;margin-bottom:1.5cqh;text-align:center}
.vs-q ol{list-style:none;counter-reset:q}
.vs-q li{counter-increment:q;font-size:1.78cqh;line-height:1.3;margin-bottom:1.15cqh;padding-left:3.2cqw;position:relative;color:var(--ink)}
.vs-q li::before{content:counter(q);position:absolute;left:0;top:.05cqh;width:2.1cqh;height:2.1cqh;
  background:var(--orange);color:#fff;border-radius:50%;font-size:1.35cqh;font-family:var(--ff-head);
  display:flex;align-items:center;justify-content:center}
.vs-q li b{color:var(--orange-deep);font-weight:600}
.qr-row{display:flex;gap:3cqw;margin-top:2.4cqh;align-items:center;justify-content:center}
.qr-row .qr{display:flex;align-items:center;gap:1.1cqw}
.qr-row .qr img{width:8.2cqh;height:8.2cqh;border:1px solid var(--line);border-radius:.6cqh;background:#fff}
.qr-row .qr .ql b{display:block;color:var(--ink);font-weight:600;font-size:1.95cqh;font-family:var(--ff-head)}
.qr-row .qr .ql small{color:var(--muted);font-size:1.55cqh}
.qr-row .sep{color:var(--faint);font-size:2.4cqh}

/* ===== 链接与按钮 ===== */
a{color:var(--orange-deep);text-decoration:none}
.linkbtn{display:inline-flex;align-items:center;gap:.6cqw;background:var(--orange);color:#fff;
  font-family:var(--ff-head);font-weight:600;font-size:2cqh;padding:1cqh 1.9cqw;border-radius:.7cqh;
  text-decoration:none;box-shadow:0 1px 4px rgba(217,119,87,.3);transition:.2s;white-space:nowrap}
.linkbtn:hover{background:var(--orange-deep)}
.linkbtn.sm{font-size:1.7cqh;padding:.7cqh 1.4cqw}
.kg-card .kg-cap a.url{color:var(--orange-deep);font-weight:600}
.kg-card .kg-cap a.url:hover{text-decoration:underline}
.qr .ql a{color:var(--orange-deep);font-weight:600;font-size:1.6cqh}

/* ===== 评价对比小卡 ===== */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:1.6cqw;margin-top:2.6cqh}
.cmp .c{border:1px solid var(--line);border-radius:.9cqh;padding:2.2cqh 1.7cqw;background:var(--card)}
.cmp .c.bad{background:#f6f3ee}
.cmp .c.good{border-color:rgba(217,119,87,.4);background:rgba(217,119,87,.05)}
.cmp .c .t{font-family:var(--ff-head);font-weight:600;font-size:2.1cqh;margin-bottom:1cqh}
.cmp .c.bad .t{color:var(--muted)}
.cmp .c.good .t{color:var(--orange-deep)}
.cmp .c p{font-size:1.9cqh;color:var(--ink-soft);line-height:1.45}

/* ===== 产品展示页 ===== */
.prodlink{margin-top:2.6cqh;display:flex;gap:1.4cqw;align-items:center;flex-wrap:wrap}
.figure.shot{background:#fff}
.figure.shot img{object-fit:cover;object-position:top center}
.figure.tall img{object-fit:contain;background:#eceae3}

/* ===== 报告可滚动容器（贴合 A4 竖版，可上下滚动看全文） ===== */
.report-frame{height:84cqh;aspect-ratio:794/1123;margin:0 auto;border:1px solid var(--line);
  border-radius:.8cqh;overflow-y:auto;overflow-x:hidden;background:#fff;
  box-shadow:0 1.4cqh 4cqh rgba(20,20,19,.16);scrollbar-width:thin}
.report-frame img{width:100%;height:auto;display:block}
.report-frame::after{content:"";display:block}

/* ===== 图片点击放大 lightbox ===== */
img:not(.report-frame img){cursor:zoom-in}
.figure img,.lifeline .ph img,.cell img,.kg-img img{cursor:zoom-in}
.lightbox{position:fixed;inset:0;background:rgba(20,20,19,.93);z-index:200;display:none;
  align-items:flex-start;justify-content:center;cursor:zoom-out;overflow:auto;padding:4vh 3vw}
.lightbox.show{display:flex}
.lightbox img{width:auto;max-width:94vw;height:auto;margin:auto;border-radius:6px;
  box-shadow:0 10px 50px rgba(0,0,0,.55)}
.lightbox .lbtip{position:fixed;top:2.4vh;right:3vw;color:#fff;font-size:1.7vh;opacity:.72;
  font-family:var(--ff-head);letter-spacing:.5px}