/* 招商手册 - 演示舞台样式（浅色明亮主题） */
:root{
  --ink:#f7f5ef;
  --gold:#b8912a;--gold-2:#d9bd77;--gold-3:#8a6a12;--gold-ink:#8a6a12;
  --text:#1b2430;--muted:#5c6672;
  --line:rgba(184,145,42,.34);--line-soft:rgba(27,36,48,.12);
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --sans:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--text);font-family:var(--sans);line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

.mf-top{
  position:fixed;top:0;left:0;right:0;height:56px;z-index:60;
  display:flex;align-items:center;justify-content:space-between;padding:0 22px;
  background:rgba(255,253,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line-soft);
}
.mf-top .t{display:flex;align-items:center;gap:10px;font-family:var(--serif);letter-spacing:.1em}
.mf-top .t b{color:var(--gold-ink);font-weight:600}
.mf-top .tools{display:flex;gap:8px;align-items:center}
.mf-btn{
  background:#fff;border:1px solid rgba(27,36,48,.14);color:#3f4753;
  padding:7px 14px;border-radius:8px;font-size:13px;cursor:pointer;transition:.2s;font-family:var(--sans)
}
.mf-btn:hover{border-color:var(--line);color:var(--gold-ink)}
.mf-btn.primary{background:linear-gradient(135deg,var(--gold-2),var(--gold));color:#241a05;border-color:transparent;font-weight:600}

.stage-wrap{
  padding:80px 24px 90px;display:flex;flex-direction:column;align-items:center;gap:18px;min-height:100vh;
}
.stage{
  position:relative;width:100%;max-width:1280px;aspect-ratio:16/9;
  background:
    radial-gradient(900px 500px at 80% 8%,rgba(201,162,39,.16),transparent 60%),
    radial-gradient(700px 420px at 6% 92%,rgba(46,110,80,.12),transparent 66%),
    linear-gradient(160deg,#ffffff,#fcfbf7 55%,#f6f3ec);
  border:1px solid rgba(27,36,48,.10);border-radius:18px;overflow:hidden;
  box-shadow:0 20px 60px rgba(27,36,48,.12);
}
.slide{
  position:absolute;inset:0;display:none;padding:4.6% 5.4% 3.8%;flex-direction:column;
  background-image:linear-gradient(rgba(27,36,48,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(27,36,48,.035) 1px,transparent 1px);
  background-size:70px 70px;
}
.slide.active{display:flex;animation:fade .45s ease}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* 页码为纯装饰，不参与交互也不遮挡正文 */
.slide .idx{
  position:absolute;right:4.5%;top:4%;font-family:var(--serif);
  font-size:clamp(40px,7vw,86px);color:rgba(184,145,42,.16);line-height:1;
  z-index:0;pointer-events:none;user-select:none
}
.slide .kicker,.slide h2,.slide p,.slide .body,.mf-note{position:relative;z-index:1}
.slide .kicker,.slide h2{padding-right:min(20%,240px)}
.slide .kicker{font-size:clamp(11px,1vw,13px);letter-spacing:.34em;color:var(--gold-ink);margin-bottom:12px;font-weight:600}
.slide h2{font-family:var(--serif);font-size:clamp(24px,3vw,40px);margin-bottom:14px;letter-spacing:.03em;line-height:1.28;color:#141c26}
.slide h2 em{font-style:normal;color:var(--gold-ink)}
.slide .body{
  flex:1;min-height:0;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;gap:14px
}
.slide p{color:#46505d;font-size:clamp(13px,1.1vw,16px)}
.slide .sub{color:var(--muted);font-size:clamp(12px,1vw,14px);margin-top:10px}
.mf-note{
  position:static;width:100%;align-self:stretch;margin-top:auto;flex:none;
  font-size:clamp(10px,.8vw,12.5px);line-height:1.5;
  color:#8a9099;border-top:1px solid rgba(27,36,48,.12);padding-top:9px
}

/* 封面 */
.slide.cover{justify-content:center;align-items:flex-start}
.slide.cover h1{font-family:var(--serif);font-size:clamp(34px,5.6vw,74px);letter-spacing:.08em;line-height:1.25;color:#111922}
.slide.cover h1 em{font-style:normal;color:var(--gold-ink)}
.slide.cover .line{width:120px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:24px 0 20px}
.slide.cover .meta{margin-top:40px;display:flex;gap:26px;flex-wrap:wrap;font-size:clamp(11px,.95vw,13.5px);color:var(--muted)}

/* 内容组件 */
.mf-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.mf-cols.g3{grid-template-columns:repeat(3,1fr)}
.mf-card{
  border:1px solid rgba(27,36,48,.12);border-radius:12px;padding:18px 20px;
  background:#fff;box-shadow:0 3px 12px rgba(27,36,48,.05)
}
.mf-card b{display:block;font-family:var(--serif);font-size:clamp(15px,1.4vw,20px);color:#141c26;margin-bottom:6px}
.mf-card span{font-size:clamp(12px,1vw,14px);color:var(--muted)}
.mf-card .ic{color:var(--gold-ink);font-size:18px;margin-bottom:8px}
.mf-list{list-style:none;display:grid;gap:12px}
.mf-list li{display:flex;gap:12px;font-size:clamp(12.5px,1.05vw,15.5px);color:#3f4753}
.mf-list li i{flex:none;color:var(--gold-ink);font-style:normal;font-family:var(--serif)}
.mf-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mf-chip{
  border:1px solid rgba(27,36,48,.12);border-radius:10px;padding:14px;text-align:center;
  background:#fff
}
.mf-chip b{display:block;font-family:var(--serif);font-size:clamp(14px,1.25vw,18px);color:#141c26}
.mf-chip span{font-size:clamp(10.5px,.9vw,12.5px);color:var(--muted)}
.mf-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:6px}
.mf-flow div{
  border:1px dashed var(--line);border-radius:10px;padding:12px;background:rgba(184,145,42,.07);
  font-size:clamp(11.5px,.95vw,14px);text-align:center;color:#6b5a2a
}
.mf-flow div b{display:block;color:var(--gold-ink);font-family:var(--serif);margin-bottom:4px;font-size:clamp(12px,1vw,15px)}
.mf-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mf-kv div{border-left:2px solid var(--gold);padding-left:14px}
.mf-kv b{display:block;font-family:var(--serif);font-size:clamp(18px,2.2vw,30px);color:var(--gold-ink)}
.mf-kv span{font-size:clamp(11px,.95vw,13.5px);color:var(--muted)}

/* 控制条 */
.mf-ctrl{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
.mf-dots{display:flex;gap:6px}
.mf-dots button{
  width:9px;height:9px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(27,36,48,.2);padding:0;transition:.2s
}
.mf-dots button.on{background:var(--gold);width:24px;border-radius:999px}
.mf-page{font-size:13px;color:var(--muted);min-width:70px;text-align:center}

/* 全屏演示 */
.mf-top.hide,.mf-ctrl.hide,.stage-wrap .hint.hide{display:none}
.stage-wrap.cinema{padding:0}
.stage-wrap.cinema .stage{max-width:none;width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;border:none}
.hint{font-size:12.5px;color:#8a9099;text-align:center}

@media(max-width:900px){
  .stage{aspect-ratio:auto;min-height:560px}
  .mf-cols,.mf-cols.g3,.mf-grid4,.mf-flow,.mf-kv{grid-template-columns:repeat(2,1fr)}
  .stage{overflow-y:auto}
  .slide{position:relative;display:none;padding:34px 24px;min-height:560px}
  .slide.active{display:flex}
  .slide .body{overflow:visible;justify-content:flex-start;height:auto;flex:none}
  .slide .idx{display:none}
  .slide .kicker,.slide h2{padding-right:0}
  .mf-note{margin-top:16px}
}

/* 打印 / 导出 PDF */
@media print{
  @page{size:A4 landscape;margin:0}
  body{background:#fff;color:#111}
  .mf-top,.mf-ctrl,.hint{display:none!important}
  .stage-wrap{padding:0;display:block;min-height:auto}
  .stage{max-width:none;border:none;border-radius:0;box-shadow:none;overflow:visible;aspect-ratio:auto;height:100vh;background:#fff}
  .slide{display:flex!important;position:relative;inset:auto;page-break-after:always;break-after:page;
    background:#fff!important;color:#111;padding:5% 6%;animation:none}
  .slide h2,.slide.cover h1,.mf-card b,.mf-chip b,.mf-kv b{color:#111!important}
  .slide p,.mf-card span,.mf-chip span,.mf-kv span,.mf-list li,.mf-note{color:#444!important}
  .mf-card,.mf-chip,.mf-flow div{border-color:rgba(0,0,0,.2)!important;background:#fff!important;box-shadow:none!important}
  .slide .kicker,.mf-list li i{color:#8a6d1a!important}
  .slide .idx{color:rgba(0,0,0,.06)!important}
  .slide.cover .line{background:#8a6d1a}
  .mf-flow div b{color:#8a6d1a!important}
}