/* 亿林学堂峰会论坛 · H5 —— 无外部依赖（无 CDN / 无外部字体） */
:root{--ink:#0b0b0c;--gold:#c9a96e;--gold2:#e2c891;--champ:#e8dcc3;--mute:#9a9284;--line:rgba(201,169,110,.28);
--serif:"Songti SC","STSong","Noto Serif CJK SC","Source Han Serif SC","Noto Serif SC","SimSun",serif;
--latin:"Didot","Bodoni 72","Playfair Display",Georgia,"Times New Roman",serif;
--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;
--vh:1vh;--sb:env(safe-area-inset-bottom,0px);--st:env(safe-area-inset-top,0px)}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{height:100%;overflow:hidden;background:var(--ink);overscroll-behavior:none}
body{color:var(--champ);font:300 14px/1.8 var(--sans);-webkit-font-smoothing:antialiased;touch-action:none}
img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0}
.share-thumb{position:absolute;width:0;height:0;overflow:hidden;opacity:0}
#deck{position:fixed;inset:0;transition:transform .8s cubic-bezier(.7,0,.2,1);will-change:transform}
.pg{position:relative;height:calc(var(--vh)*100);width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;
padding:calc(56px + var(--st)) 28px calc(64px + var(--sb));background:radial-gradient(120% 80% at 50% 0%,#1a1814 0%,var(--ink) 60%)}
.bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.12);transition:transform 6s ease-out;z-index:0}
.pg.act .bg{transform:scale(1)}
.veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.55) 0%,rgba(11,11,12,.72) 45%,rgba(11,11,12,.96) 100%);z-index:0}
.in{position:relative;z-index:1}
.frame{position:absolute;inset:14px;border:1px solid var(--line);pointer-events:none;z-index:1}
.k{font:400 10.5px/1.8 var(--latin);letter-spacing:.32em;color:var(--gold);text-transform:uppercase}
.k i{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px;opacity:.7}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:#fff;letter-spacing:.06em}
h2{font-size:30px;line-height:1.35;margin:10px 0 4px}
.date{font:400 34px/1.1 var(--latin);color:var(--gold2);letter-spacing:.04em;margin-top:14px}
.date small{font-size:20px;opacity:.85}
.loc{color:var(--champ);letter-spacing:.14em;font-size:13px;margin-top:6px}
.q{font-family:var(--serif);color:#f3ead6;font-size:15px;line-height:1.9;border-left:1px solid var(--gold);padding-left:14px;margin:16px 0 0}
.d{color:var(--mute);font-size:12.5px;line-height:1.85;margin-top:10px}
.gold{color:var(--gold)}
/* 入场动画 */
.a{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.pg.act .a{opacity:1;transform:none}
.pg.act .a1{transition-delay:.15s}.pg.act .a2{transition-delay:.3s}.pg.act .a3{transition-delay:.45s}.pg.act .a4{transition-delay:.6s}.pg.act .a5{transition-delay:.75s}.pg.act .a6{transition-delay:.9s}
/* 封面 */
.cover{text-align:center;align-items:center}
.cover .seal{width:118px;margin:0 auto 26px;filter:drop-shadow(0 10px 30px rgba(201,169,110,.25))}
.cover .a.seal{transform:scale(.8) rotate(-8deg)}.cover.act .a.seal{transform:none}
.cover h1{font-size:34px;letter-spacing:.14em;line-height:1.3}
.cover .en{font:400 13px/1 var(--latin);letter-spacing:.5em;color:var(--gold);margin:16px 0 0 .5em}
.cover .rule{width:56px;height:1px;background:var(--gold);margin:28px auto}
.cover .tag{font-family:var(--serif);font-size:16px;color:#f3ead6;line-height:1.9}
.cover .cities{margin-top:22px;font-size:12px;letter-spacing:.24em;color:var(--mute)}
/* 战略伙伴 */
.partner{text-align:center;align-items:center}
.partner .logo{width:78%;max-width:300px;margin:26px auto 14px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6))}
.partner .pos{font-family:var(--serif);font-size:17px;color:#fff;letter-spacing:.12em;line-height:1.7}
.partner .motto{font-size:12px;letter-spacing:.3em;color:var(--gold);margin-top:8px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0 0;width:100%}
.facts div{background:rgba(11,11,12,.92);padding:18px 8px 14px}
.facts b{display:block;font:500 30px/1.15 var(--latin),var(--serif);color:var(--gold2);letter-spacing:.02em}
.facts span{display:block;font-size:11.5px;line-height:1.55;padding:0 4px;color:var(--champ);margin-top:6px;letter-spacing:.08em}
/* 峰会页 */
.ed{justify-content:flex-end}
.ed .ph{position:absolute;left:0;right:0;top:0;height:46%;z-index:0}
.ed .ph img{width:100%;height:100%;object-fit:cover}
.ed .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,.25) 0%,rgba(11,11,12,0) 28%,rgba(11,11,12,.72) 70%,var(--ink) 96%)}
.ed .num{position:absolute;top:calc(22px + var(--st));left:28px;z-index:2;font:400 10.5px/1 var(--latin);letter-spacing:.3em;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px}
.thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--line)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.chips span{font-size:11px;letter-spacing:.06em;border:1px solid var(--line);padding:2px 9px;color:var(--champ)}
.more{display:inline-block;margin-top:14px;font-size:12px;color:var(--gold);letter-spacing:.12em}
/* 周钧 */
.zjl{margin-top:18px;display:flex;flex-direction:column;gap:10px}
.zjl a{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:10px}
.zjl img{width:92px;height:58px;object-fit:cover;flex:none}
.zjl time{font:400 11px/1 var(--latin);color:var(--gold);letter-spacing:.1em}
.zjl h4{font-size:15.5px;margin-top:5px}
.zjl p{font-size:11.5px;color:var(--mute);line-height:1.5;margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
/* 线下活动 / 下一届 */
.soon{border:1px solid var(--line);padding:34px 18px;text-align:center;margin-top:22px;background:rgba(255,255,255,.015)}
.soon .t{font-family:var(--serif);font-size:24px;color:#fff;letter-spacing:.3em;margin-left:.3em}
.soon .s{font-size:12px;color:var(--mute);margin-top:6px;letter-spacing:.12em}
.soon i{display:block;width:34px;height:34px;margin:0 auto 14px;border:1px solid var(--gold);transform:rotate(45deg)}
.offg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:18px}
.offg figure{position:relative}.offg img,.offg video{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#000}
.offg figcaption{font-size:11px;color:var(--mute);margin-top:4px;line-height:1.5}
.offg figcaption b{color:var(--champ);font-weight:400;margin-right:6px}
.next{text-align:center;align-items:center}
.nextg{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);border:1px solid var(--line);width:100%;margin-top:26px}
.nextg div{background:var(--ink);padding:16px 10px}
.nextg small{display:block;font:400 10px/1.6 var(--latin);letter-spacing:.3em;color:var(--gold)}
.nextg b{display:block;font-family:var(--serif);font-weight:500;font-size:20px;color:#fff;letter-spacing:.2em;margin-top:4px}
/* 尾页 */
.end{text-align:center;align-items:center}
.end .seal{width:64px;margin:0 auto 14px}
.who{font-family:var(--serif);font-size:22px;color:#fff;letter-spacing:.2em;margin-top:14px}
.tel{display:inline-block;margin-top:6px;font:500 28px/1.2 var(--latin);color:var(--gold2);letter-spacing:.06em}
.tel small{display:block;font:300 11.5px/1.6 var(--sans);color:var(--mute);letter-spacing:.2em}
.qr{width:150px;height:150px;margin:20px auto 6px;background:#fff;padding:8px}
.qr img,.qr canvas{width:100%;height:100%;image-rendering:pixelated}
.qrt{font-size:11.5px;color:var(--mute);letter-spacing:.12em}
.btns{display:flex;gap:10px;margin-top:20px;width:100%}
.btn{flex:1;display:block;padding:12px 6px;font-size:13px;letter-spacing:.1em;border:1px solid var(--gold);color:var(--gold)}
.btn.solid{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#141210;font-weight:500;border-color:transparent}
.legal{margin-top:16px;font-size:10.5px;color:#5e584e;letter-spacing:.06em}
/* 控件 */
.dots{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:9;display:flex;flex-direction:column;gap:9px}
.dots i{width:5px;height:5px;border-radius:50%;background:rgba(232,220,195,.3);transition:all .4s}
.dots i.on{background:var(--gold);height:18px;border-radius:3px}
.pgno{position:fixed;left:22px;bottom:calc(20px + var(--sb));z-index:9;font:400 11px/1 var(--latin);letter-spacing:.2em;color:var(--gold)}
.pgno span{color:var(--mute)}
.hint{position:fixed;left:50%;bottom:calc(18px + var(--sb));z-index:9;transform:translateX(-50%);width:22px;height:22px;transition:opacity .4s}
.hint:before{content:"";position:absolute;left:5px;top:4px;width:11px;height:11px;border-left:1px solid var(--gold);border-top:1px solid var(--gold);transform:rotate(45deg);animation:up 1.6s infinite}
.hint.off{opacity:0}
@keyframes up{0%{transform:translateY(8px) rotate(45deg);opacity:0}50%{opacity:1}100%{transform:translateY(-6px) rotate(45deg);opacity:0}}
.music{position:fixed;right:14px;top:calc(14px + var(--st));z-index:9;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:14px;display:none;align-items:center;justify-content:center}
.music.show{display:flex}.music.on{animation:spin 4s linear infinite}
.music:not(.on):after{content:"";position:absolute;width:1px;height:26px;background:var(--gold);transform:rotate(45deg)}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-height:700px){h2{font-size:25px}.date{font-size:28px}.q{font-size:13.5px}.thumbs{gap:4px}.ed .ph{height:40%}.facts b{font-size:28px}.facts div{padding:12px 6px 10px}.qr{width:124px;height:124px}.cover .seal{width:96px}}
@media (min-width:600px){.pg{padding-left:calc(50vw - 230px);padding-right:calc(50vw - 230px)}.ed .num{left:calc(50vw - 230px)}}
@media (prefers-reduced-motion:reduce){.a,.bg,#deck{transition:none!important}}
.thumbs.two{grid-template-columns:1fr 1fr}.thumbs.two img{aspect-ratio:16/10}

/* 学堂动态精选 */
.anews-h5{display:flex;flex-direction:column;gap:12px;margin:18px 0 10px}
.anews-h5 .an{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.02);padding:0;overflow:hidden}
.anews-h5 .an img{width:112px;height:78px;object-fit:cover;display:block}
.anews-h5 .an div{padding-right:10px}
.anews-h5 .an time{display:block;font-size:11px;letter-spacing:.12em;color:var(--gold);margin-bottom:4px}
.anews-h5 .an b{font:500 15px/1.4 var(--serif);color:#f3ead6;font-weight:500}
.offg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.offg figure{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:#111}
.offg img,.offg video{width:100%;height:100%;object-fit:cover;display:block}
.offg figcaption{position:absolute;inset:auto 0 0;padding:16px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:11px;display:flex;flex-direction:column;gap:2px}
.offg figcaption b{font-weight:500}