/* ===== 陶婶动画首页 v4 · 白林 =====
   只在首页加载，叠在轩哥 site.css 之后；class 名沿用 build.py，颜色字体全部走 theme.css 变量。 */
body[data-page="home"]{font-size:16px;line-height:1.8}
.nw{white-space:nowrap}
h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}
body[data-page="home"] .wrap{padding:0 64px}
.demo-ribbon{background:#1a1a1d;color:var(--c-mut)}
.kicker{display:flex;align-items:center;gap:14px;font:500 12px/1.4 var(--font-latin);letter-spacing:.28em;color:var(--c-mut);margin-bottom:0}
.kicker:before{content:"";width:28px;height:1px;background:var(--c-accent);flex:none}
.kicker.light{color:rgba(238,235,229,.78)}
.sec{padding:128px 0}
.sec-tint{background:var(--c-tint);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.sec-dark{background:var(--c-bg)}
.sec-head{gap:40px;margin-bottom:56px}
.sec-head h2{font:800 44px/1.25 var(--font-display);letter-spacing:.01em;margin-top:22px}
.sec-head h2 .tbd{font:500 12px/1.5 var(--font-sans);letter-spacing:0;vertical-align:.6em;margin-left:6px}
.sub{color:var(--c-mut);font-size:18px;line-height:1.75;margin-top:16px;max-width:34em}
.more{display:inline-flex;align-items:center;gap:10px;font-weight:500;color:var(--c-ink);border-bottom:1px solid var(--c-line-2);padding-bottom:4px;transition:border-color .3s}
.more:hover{border-color:var(--c-accent)}.more i{font-style:normal;font-family:var(--font-latin)}
.btn{border-radius:var(--radius-sm);letter-spacing:.06em;font-weight:500}
.btn i{font-style:normal;font-family:var(--font-latin)}
.btn-primary{box-shadow:none}.btn-primary:hover{filter:none;background:var(--c-accent-hover)}
.btn-light{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.28);color:#fff}.btn-light:hover{border-color:rgba(255,255,255,.6)}
.btn-ghost{background:transparent;border:1px solid var(--c-line-2);color:var(--c-ink)}
.btn-dark{background:var(--c-ink);color:var(--c-bg)}
.tbd-dark,.tbd{color:var(--c-tbd);border-color:rgba(232,184,102,.7);background:rgba(232,184,102,.07)}

/* 今日条 + 顶栏：叠在首屏上 */
.todaybar{background:transparent;color:var(--c-mut);border-bottom:1px solid var(--c-line);position:relative;z-index:41}
.todaybar .old{color:var(--c-mut)}
.topbar{position:absolute;top:auto;left:0;right:0;z-index:40;background:transparent;backdrop-filter:none;border-bottom:0}
.topbar .wrap{height:84px}
.brand img{height:34px}
.mainnav{gap:40px;margin-left:32px;letter-spacing:.06em}
.mainnav a{color:rgba(238,235,229,.82)}.mainnav a.on,.mainnav a:hover{color:#fff;font-weight:400}
.actions{gap:28px;color:rgba(238,235,229,.82)}.actions .login{color:rgba(238,235,229,.82)}.actions .forum{font-weight:400}
.actions .btn-sm{height:40px;padding:0 22px}
.menu-btn{color:#fff}
.drawer-in{background:#111114}

/* 01 首屏 */
.hero{min-height:0;height:100vh;max-height:900px;min-height:700px;background:#050506;align-items:stretch;margin-top:-35px}
.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
/* 只压左侧文字区，右侧画面保持原亮度（review #22） */
.hero-bg:after{background:
  linear-gradient(90deg,rgba(8,8,9,.9) 0%,rgba(8,8,9,.72) 30%,rgba(8,8,9,.25) 52%,rgba(8,8,9,0) 64%),
  linear-gradient(180deg,rgba(8,8,9,.55) 0,rgba(8,8,9,0) 20%,rgba(8,8,9,0) 78%,var(--c-bg) 100%)}
.hero-in{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding-top:120px;padding-bottom:110px}
.hero-txt{grid-column:1 / span 7}
.hero h1{font:900 72px/1.18 var(--font-display);letter-spacing:.02em;max-width:none;margin:28px 0 26px;color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.35)}
.hero h1 .nw{display:inline-block}
.hero-sub{font-size:20px;line-height:1.7;color:rgba(238,235,229,.94);opacity:1;margin-top:0;max-width:none}
.hero-found{margin-top:12px;padding-left:0;border-left:0;color:var(--c-mut);font-size:15px;max-width:30em}
.hero-btns{margin-top:40px;gap:14px}
.btn-lg{height:54px;padding:0 28px;font-size:16px}
.award{display:flex;align-items:center;gap:14px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);max-width:30em;color:var(--c-mut);font-size:13px;line-height:1.55}
.award .laurel{width:40px;height:40px;color:var(--c-pencil);flex:none}
.award b{display:block;color:var(--c-ink);font-weight:500;font-size:15px}
.hero-credit{position:absolute;left:0;right:0;bottom:36px;margin:0 auto;z-index:2;font:12px/1 var(--font-latin);letter-spacing:.1em;color:var(--c-tx-3)}
.hero-credit b{color:var(--c-mut);font-weight:500}

/* 02 作品集（site.js 渲染 .fcard，首张 .big） */
/* 10-30 02:03：学员作品不再紧跟首屏，去掉 .works{padding-top:72px}，用普通 .sec 间距 */
.feature{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:none;gap:44px 24px}
.fcard{grid-column:span 3;gap:14px;cursor:pointer}
.fcard.big{grid-column:1 / span 8;grid-row:1 / span 2}
.fcard:nth-child(2),.fcard:nth-child(3){grid-column:9 / span 4}
.fcard .vid,.fcard.big .vid{aspect-ratio:16/9}
.fcard.big{justify-content:space-between}.fcard.big .vid{flex:1;aspect-ratio:auto;min-height:0}
.fc-b small{font:600 12px/1.4 var(--font-latin);letter-spacing:.08em;color:var(--c-ink)}
.fc-b b{font-size:15px;font-weight:400;color:var(--c-mut);margin-top:4px}
.fc-b q{display:none}  /* 导师点评只在弹窗里看（示例数据） */
.fcard.big .fc-b b{font-size:16px}
.sec-note{margin-top:40px;font-size:13px;color:var(--c-tx-3);max-width:60em}
/* 视频卡（框架 .vid，加真实缩略图） */
.vid{border-radius:var(--radius-sm);background:#000}
.vid:not(:has(img)):not(:has(video)):before{display:none}
.vid>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.vid:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.6) 100%);pointer-events:none}
button:hover .vid>img,a:hover .vid>img{transform:scale(1.035)}
.vid-play{left:16px;top:auto;bottom:14px;margin:0;width:34px;height:34px;z-index:2;background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.55)}
.vid-play:after{left:13px;top:10px;border-left-width:10px;border-top-width:7px;border-bottom-width:7px}
.fcard.big .vid-play{width:44px;height:44px;left:20px;bottom:18px}.fcard.big .vid-play:after{left:17px;top:13px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}
.vid-code{z-index:2;top:12px;left:14px;opacity:.9;color:#fff}
.vid-lab{z-index:2;left:auto;right:12px;top:10px;bottom:auto;font-size:11px;padding:1px 7px;border-radius:3px;border:1px dashed rgba(232,184,102,.8);color:#F2C46B;background:rgba(0,0,0,.45);opacity:1}  /* 「示例」角标 */
.vid-dur{z-index:2;left:58px;right:auto;bottom:21px;background:none;padding:0;font:12px/1 var(--font-latin);color:rgba(255,255,255,.85)}
.fcard.big .vid-dur{left:74px;bottom:32px}

/* 03 十年 */
.ten{background:var(--c-tint);padding:128px 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.ten-in{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:end}
.ten-num{grid-column:1 / span 5;gap:18px}
.ten-num b{font:900 220px/.78 var(--font-display);color:#fff;letter-spacing:-.02em}
.ten-num span{font:700 38px/1 var(--font-display);color:var(--c-ink);padding-bottom:6px}
.ten-txt{grid-column:7 / span 6}
.ten-txt h2{font:800 44px/1.25 var(--font-display);margin-top:22px}
.ten-txt p{color:var(--c-mut);font-size:18px;margin-top:16px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:96px;border-top:1px solid var(--c-line)}
.facts>div{padding:34px 24px 0 0;border-right:1px solid var(--c-line)}
.facts>div+div{padding-left:28px}.facts>div:last-child{border-right:0}
.facts b{display:flex;align-items:baseline;gap:8px;font:800 54px/1 var(--font-display);color:#fff}
.facts small{font-size:19px;font-weight:600;color:var(--c-ink)}
.facts span{display:block;margin-top:16px;font-size:14px;color:var(--c-mut)}
.dest{margin-top:128px}
.dest h3{font:800 34px/1.3 var(--font-display)}
.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:44px;border-top:1px solid var(--c-line);border-left:1px solid var(--c-line)}
.logo-wall span{height:112px;display:flex;align-items:center;justify-content:center;text-align:center;border-right:1px solid var(--c-line);border-bottom:1px solid var(--c-line);font:700 19px/1.3 var(--font-sans);letter-spacing:.14em;color:rgba(238,235,229,.8);padding:0 12px;transition:color .3s}
.logo-wall span:hover{color:#fff}
.logo-wall .lat{font-family:var(--font-latin);letter-spacing:.04em;font-weight:800}
.logo-wall .more-co{font-weight:400;font-size:14px;letter-spacing:.2em;color:var(--c-tx-3)}
.logo-note{margin-top:14px;font-size:12px;color:var(--c-tx-3)}
.visits{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.visits .ph{aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-sm);background:#000}
.visits img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
figcaption{font-size:13px;color:var(--c-mut);margin-top:14px;line-height:1.6}
figcaption b{color:var(--c-ink);font-weight:500}figcaption .tbd{margin-left:6px}

/* 04 作业墙（site.js 渲染 .wtile） */
.wall{grid-template-columns:repeat(4,1fr);gap:36px 24px}
.wtile .vid{aspect-ratio:16/10}
.wtile b{margin-top:14px;font-size:14px;font-weight:500}
.wtile small{color:var(--c-mut);font-size:13px;line-height:1.6}
.wtile .ok{color:var(--c-tx-3);font-weight:400;font-size:12.5px}
.wtile .vid-code{display:none}

/* 05 陶sir 名片 */
.founder{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.f-photo{grid-column:1 / span 4;aspect-ratio:1079/1080;border-radius:var(--radius-sm);overflow:hidden}
.f-photo img{width:100%;height:100%;object-fit:cover}
.f-body{grid-column:6 / span 7}
.f-name{display:flex;align-items:baseline;gap:22px;margin-top:28px}
.f-name b{font:900 88px/1 var(--font-display);letter-spacing:.06em;color:#fff}
.alias{font:500 22px/1 var(--font-latin);letter-spacing:.12em;color:var(--c-accent);text-transform:none}
.f-role{margin-top:24px;font-size:16px;letter-spacing:.04em}
.f-desc{margin-top:14px;font-size:17px;line-height:1.9;color:var(--c-mut);max-width:36em}
.f-rows{margin:32px 0 30px;border-top:1px solid var(--c-line);max-width:40em}
.f-rows>div{display:flex;align-items:baseline;gap:28px;padding:18px 0;border-bottom:1px solid var(--c-line)}
.f-rows dt{width:72px;flex:none;font-size:12px;color:var(--c-tx-3);letter-spacing:.2em}
.f-rows dd{font-size:16px}.f-rows .films{font:700 21px/1.4 var(--font-display);letter-spacing:.04em}
.f-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.f-gallery .ph{aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-sm)}
.f-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.team{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end;margin-top:96px;padding-top:40px;border-top:1px solid var(--c-line-2)}
.team>div{grid-column:1 / span 3}.team h3{font:800 30px/1.3 var(--font-display);margin-top:18px}
.mentor-line{grid-column:4 / span 7;display:flex;flex-wrap:wrap;gap:10px 34px;align-items:baseline;font-size:17px}
.mentor-line i{font-style:normal;font-size:12px;letter-spacing:.12em;color:var(--c-tx-3);margin-right:10px}
.team .more{grid-column:11 / span 2;justify-self:end}

/* 06 五个阶段 */
.stages{gap:24px}
.stage-card{background:var(--c-surface);box-shadow:none;border-radius:var(--radius-sm);display:flex;flex-direction:column}
.stage-card:hover{transform:none;background:#1c1c20}
.stage-card .vid{aspect-ratio:4/3;border-radius:0}
.stage-card .vid:after{background:linear-gradient(180deg,transparent 45%,var(--c-surface) 100%)}
.stage-card .vid>img{filter:saturate(.85) brightness(.9)}
.sc-body{flex:1;display:flex;flex-direction:column;padding:0 24px 26px;margin-top:-30px;position:relative;z-index:2}
.sc-num{font:300 44px/1 var(--font-latin);color:#fff;letter-spacing:-.02em}
.sc-body h3{font:800 20px/1.4 var(--font-display);margin-top:18px;min-height:2.8em}
.sc-en{font:500 11px/1.4 var(--font-latin);letter-spacing:.16em;text-transform:uppercase;color:var(--c-tx-3);margin-top:4px}
.sc-tag{font-size:14px;line-height:1.75;color:var(--c-mut);margin-top:14px}
.sc-meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--c-line);font-size:12px;color:var(--c-tx-3);letter-spacing:.04em}
.sc-tag{margin-bottom:20px}
.swipe-hint{display:none}

/* 07 怎么上课 */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:s}
.steps li{display:block;background:none;padding:28px 12px 0 0;border-top:1px solid var(--c-line-2);border-radius:0;position:relative;box-shadow:none}
.steps li:before{content:counter(s,decimal-leading-zero);position:static;display:block;width:auto;height:auto;background:none;border-radius:0;font:500 13px/1 var(--font-latin);letter-spacing:.2em;color:var(--c-tx-3)}
.steps li:after{content:"";position:absolute;left:0;top:-1px;width:40px;height:1px;background:var(--c-accent)}
.steps b{display:block;font:800 24px/1.3 var(--font-display);margin-top:16px}
.steps span{display:block;font-size:15px;color:var(--c-mut);margin-top:12px;line-height:1.8}
.how-note{margin-top:32px;font-size:14px;color:var(--c-mut)}
.ls{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;margin-top:128px}
.ls-txt{grid-column:1 / span 4}
.ls-txt h3{font:800 34px/1.3 var(--font-display);margin-top:22px}
.ls-txt>p{color:var(--c-mut);margin-top:14px}
.ls-txt ol{list-style:none;margin-top:32px}
.ls-txt li{display:flex;gap:16px;padding:15px 0;border-top:1px solid var(--c-line);font-size:14px;color:var(--c-mut)}
.ls-txt li b{flex:none;width:68px;color:var(--c-ink);font-weight:500}
.ls-ui{grid-column:6 / span 7;position:relative}
.ui-tag{position:absolute;right:14px;top:-34px;font-size:12px;color:var(--c-tbd);border:1px dashed rgba(232,184,102,.7);padding:1px 8px;border-radius:3px}
.ui{background:#121215;border:1px solid var(--c-line-2);border-radius:10px;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.ui-bar{height:40px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--c-line);background:#17171b}
.ui-bar i{width:10px;height:10px;border-radius:50%;background:#2c2c31}
.ui-bar span{margin-left:14px;font:12px/1 var(--font-latin);color:var(--c-tx-3)}
.ui-bd{display:grid;grid-template-columns:190px 1fr;min-height:380px}
.ui-side{border-right:1px solid var(--c-line);padding:22px 18px}
.ui-side .lab{font-size:11px;color:var(--c-tx-3);letter-spacing:.12em;margin-bottom:12px}
.ui-side .pg{margin-bottom:14px}.ui-side .pg div{display:flex;justify-content:space-between;font-size:12px;color:var(--c-mut)}
.ui-side .bar{height:3px;background:#2a2a2f;border-radius:2px;margin-top:6px;overflow:hidden}
.ui-side .bar b{display:block;height:100%;background:var(--c-mut)}.ui-side .bar b.on{background:var(--c-accent)}
.ui-main{padding:22px 24px}
.ui-main .hd{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.ui-main .hd b{font-weight:500}
.ui-main .hd em{font-style:normal;font-size:11px;color:var(--c-accent);border:1px solid rgba(228,68,47,.5);padding:2px 8px;border-radius:2px;flex:none}
.ui-vid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;margin-top:16px}
.ui-vid .vid{border-radius:3px}
.ui-col{display:flex;flex-direction:column;gap:8px}
.ui-row{font-size:12px;color:var(--c-mut);padding:10px 12px;background:#18181c;border-radius:3px}
.ui-row.on{background:#211a19;color:var(--c-ink);box-shadow:inset 2px 0 0 var(--c-accent)}
.ui-fb{margin-top:16px;padding:14px 16px;background:#18181c;border-radius:3px;display:flex;gap:12px}
.ui-fb i{flex:none;width:30px;height:30px;border-radius:50%;background:#2a2a2f}
.ui-fb div{flex:1}.ui-fb b{display:block;font-size:12px;font-weight:500}
.ui-fb .ln{display:block;height:6px;border-radius:3px;background:#2a2a2f;margin-top:10px;width:92%}.ui-fb .ln.s{width:60%}

/* 08 daily 动态区（site.js 渲染 .dcard；content.py SHOW_DAILY=False 时首页不输出，已停用） */
.daily-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.dcard{display:flex;flex-direction:column;background:var(--c-surface);border-radius:var(--radius-sm);padding:28px 26px 30px;min-height:260px;border:1px solid var(--c-line);transition:border-color .3s;box-shadow:none}
.dcard:hover{border-color:var(--c-line-2)}
.dimg{display:none}
.db small{display:block;font-size:12px;letter-spacing:.1em;color:var(--c-tx-3)}
.db b{display:block;font:700 19px/1.55 var(--font-display);margin-top:16px;color:var(--c-ink)}
.db p{font-size:14px;color:var(--c-mut);margin-top:12px;line-height:1.75}

/* 09 FAQ */
.faq-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.faq-wrap>div{grid-column:1 / span 7}
.faq{display:block}
.faq details{border:0;border-bottom:1px solid var(--c-line);background:none;border-radius:0;padding:0;margin:0}
.faq details:first-child{border-top:1px solid var(--c-line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:26px 0;font:700 20px/1.4 var(--font-display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:300 26px/1 var(--font-latin);color:var(--c-mut);transition:transform .3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding:0 72px 28px 0;margin-top:-4px;color:var(--c-mut);font-size:16px}
.ask{grid-column:9 / span 4;background:var(--c-surface);border-radius:var(--radius);padding:40px 36px;margin-top:118px;position:static;border:0;box-shadow:none}
.ask h3{font:800 28px/1.3 var(--font-display)}.ask p{color:var(--c-mut);margin-top:10px}
.ask .btn{margin-top:28px}.ask .more{margin-top:22px}

/* 10 收尾 */
.endcta{position:relative;overflow:hidden;padding:136px 0;background:var(--c-bg);color:var(--c-ink);text-align:left;border-top:1px solid var(--c-line)}
.end-bg{position:absolute;top:0;bottom:0;right:0;width:62%}
.end-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;opacity:.55}
.end-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--c-bg) 0,rgba(10,10,11,.55) 35%,rgba(10,10,11,.2) 70%,rgba(10,10,11,.5) 100%)}
.end-in{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}
.end-txt{grid-column:1 / span 7}
.endcta h2{font:900 58px/1.22 var(--font-display);letter-spacing:.02em;margin-top:22px}
.endcta h2 .nw{display:inline-block}
.end-txt>p{font-size:18px;color:var(--c-mut);margin-top:20px}
.end-txt .hero-btns{justify-content:flex-start}
.wx{grid-column:9 / span 4;background:rgba(18,18,21,.9);border:1px solid var(--c-line-2);border-radius:var(--radius);padding:34px 32px;backdrop-filter:blur(8px)}
.wx h4{font:800 24px/1.35 var(--font-display);margin-top:16px}
.wx-qr{width:150px;height:150px;background:#fff;border-radius:6px;padding:8px;margin-top:20px}.wx-qr img{width:100%;height:100%}
.wx-id{display:flex;justify-content:space-between;align-items:baseline;margin-top:22px;padding:14px 0;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);font-size:13px;color:var(--c-tx-3)}
.wx-id b{font:600 18px/1 var(--font-latin);letter-spacing:.04em;color:var(--c-ink)}
.wx .btn{margin-top:20px}
.wx-hint{margin-top:12px;font-size:12.5px;color:var(--c-tx-3);text-align:center}

/* 页脚（框架结构，深色） */
.footer{background:#070708;color:var(--c-mut);border-top:1px solid var(--c-line);padding:88px 0 48px}
.footer .wrap{display:grid;grid-template-columns:4fr 2fr 2fr 2.4fr;gap:40px 24px}
.f-brand img{height:34px;width:auto}.f-brand p{font-size:14px;line-height:1.85;margin-top:22px;max-width:22em;color:var(--c-mut)}
.f-col{display:flex;flex-direction:column;gap:12px;font-size:14px}
.f-col h4{font-size:12px;letter-spacing:.24em;color:var(--c-tx-3);font-weight:500;margin-bottom:4px}
.f-col a:hover{color:var(--c-ink)}.f-col .muted{color:var(--c-tx-3)}
/* review #8：法务行自动换行，不再用 span+span 外边距 */
.f-legal{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:40px;padding-top:26px;border-top:1px solid var(--c-line);font-size:12px;color:var(--c-tx-3)}
.f-legal>*{margin:0!important}
/* 咨询浮钮 + 咨询窗 + 作品弹窗（框架 JS，深色化） */
.consult-fab{border-radius:26px;box-shadow:0 12px 30px rgba(228,68,47,.35);font-weight:500}
.consult-card{background:#141417;border:1px solid var(--c-line-2);color:var(--c-ink)}
.consult-qr.no-qr{grid-template-columns:1fr}
.consult-qr.no-qr .hint-pc{display:none}
.wxid{background:#1d1d21}.wxid b{color:var(--c-ink);font-family:var(--font-latin)}
.consult-ctx{background:#1d1d21}
.modal-card{background:#141417;color:var(--c-ink)}
.modal-x{background:rgba(20,20,24,.9);color:#fff}
.mv .vid{aspect-ratio:16/9}
.why{background:#1d1d21}.vers span{background:#1d1d21}
.tabbar{background:rgba(14,14,16,.96)!important;border-top:1px solid var(--c-line)!important}
.toast{background:rgba(238,235,229,.96);color:#111}

/* ===== 平板 ===== */
@media (max-width:1100px){
  body[data-page="home"] .wrap{padding:0 40px}
  .hero h1{font-size:60px}.hero-txt{grid-column:1 / span 9}
  .stages{grid-template-columns:repeat(3,1fr)}
  .wall,.daily-row{grid-template-columns:repeat(2,1fr)}
  .ten-in{grid-template-columns:repeat(12,minmax(0,1fr))}
}
/* ===== 手机 ===== */
@media (max-width:760px){
  body[data-page="home"]{font-size:15px}
  body[data-page="home"] .wrap{padding:0 22px}
  .sec,.ten{padding:84px 0}
  .sec-head{gap:22px;margin-bottom:34px}
  .sec-head h2{font-size:29px;margin-top:18px}
  .sub{font-size:16px}
  .kicker{font-size:10.5px;letter-spacing:.2em}
  .topbar .wrap{height:60px}.brand img{height:26px}
  .actions .btn-sm{height:36px;padding:0 14px;font-size:13px}
  .hero{height:auto;max-height:none;min-height:0;flex-direction:column;margin-top:-31px}
  .hero-bg{position:relative;inset:auto;height:540px}
  .hero-bg img{object-position:70% 50%}
  .hero-bg:after{background:linear-gradient(180deg,rgba(8,8,9,.6) 0%,rgba(8,8,9,0) 24%,rgba(8,8,9,.25) 55%,var(--c-bg) 100%)}
  .hero-in{display:block;padding:0 22px 26px;margin-top:-200px}
  .hero h1{font-size:38px;margin:18px 0 18px}
  .hero-sub{font-size:16px}.hero-sub .nw{display:block}
  .hero-found{font-size:13.5px}
  .hero-btns .btn{flex:1 1 100%}
  .award{margin-top:30px}
  .hero-credit{position:static;padding:0 22px 8px;margin:26px 0 0;line-height:1.5}  /* v4 移植：390 署名与奖项行留出间距 */
  /* .works{padding-top:56px} 10-30 去掉，同上 */
  .feature{grid-template-columns:1fr 1fr;gap:28px 12px}
  .fcard,.fcard.big,.fcard:nth-child(2),.fcard:nth-child(3){grid-column:span 1;grid-row:auto}
  .fcard.big,.fcard:nth-child(2),.fcard:nth-child(3){grid-column:1 / -1}
  .fcard.big .vid{flex:none;aspect-ratio:16/9}
  .fcard .fc-b b{font-size:13px}
  /* review #20：小卡播放钮 28px 左下 */
  .fcard:nth-child(n+4) .vid-play{width:28px;height:28px;left:10px;bottom:10px}
  .fcard:nth-child(n+4) .vid-play:after{left:10px;top:8px;border-left-width:9px;border-top-width:6px;border-bottom-width:6px}
  .fcard:nth-child(n+4) .vid-dur{display:none}
  .fcard:nth-child(n+4) .vid-code{font-size:10px;top:8px;left:10px}
  .vid-lab{font-size:10px;top:7px;right:7px;padding:0 5px}
  .ten-in{display:block}
  .ten-num b{font-size:150px}.ten-num span{font-size:28px}
  .ten-txt{margin-top:36px}.ten-txt h2{font-size:29px}.ten-txt p{font-size:16px}
  .facts{grid-template-columns:1fr 1fr;margin-top:56px}
  .facts>div,.facts>div+div{padding:24px 0 26px;border-right:0;border-bottom:1px solid var(--c-line)}
  .facts>div:nth-child(odd){padding-right:14px;border-right:1px solid var(--c-line)}
  .facts>div:nth-child(even){padding-left:16px}
  .facts b{font-size:40px}.facts small{font-size:16px}
  .dest{margin-top:84px}.dest h3{font-size:24px}
  .logo-wall{grid-template-columns:repeat(3,1fr)}
  .logo-wall span{height:76px;font-size:14px;letter-spacing:.08em;padding:0 6px}
  .logo-wall .lat{font-size:13px}.logo-wall .more-co{font-size:12px}
  .visits{display:flex;overflow-x:auto;gap:12px;margin-right:-22px;padding-right:22px;scroll-snap-type:x mandatory}
  .visits figure{flex:0 0 80%;scroll-snap-align:start}
  .wall{grid-template-columns:1fr 1fr;gap:24px 12px}
  .wall .wtile:nth-child(n+5){display:none}
  .wtile small{font-size:12px}
  .founder{display:block}
  .f-photo{width:100%}
  .f-body{margin-top:36px}
  .f-name b{font-size:60px}.alias{font-size:18px}
  .f-gallery{grid-template-columns:1fr 1fr;gap:12px;margin-top:40px}
  .f-gallery figure:nth-child(3){grid-column:1 / -1}
  .team{display:block;margin-top:64px}
  .mentor-line{margin-top:22px;flex-direction:column;gap:12px;font-size:16px}
  .team .more{margin-top:24px}
  .stages{display:flex;overflow-x:auto;gap:12px;margin:0 -22px;padding:0 22px 6px;scroll-snap-type:x mandatory}
  .stage-card{flex:0 0 76%;scroll-snap-align:start}
  .swipe-hint{display:block;margin-top:14px;font-size:12px;color:var(--c-tx-3);letter-spacing:.08em}
  .steps{grid-template-columns:1fr;gap:30px}
  .ls{display:block;margin-top:84px}
  .ls-ui{margin-top:56px}
  .ui-bd{grid-template-columns:1fr}.ui-side{display:none}.ui-vid{grid-template-columns:1fr}
  .daily-row{display:flex;overflow-x:auto;gap:12px;margin:0 -22px;padding:0 22px 6px;scroll-snap-type:x mandatory}
  .dcard{flex:0 0 78%;min-height:220px;scroll-snap-align:start}
  .faq-wrap{display:block}
  .faq summary{font-size:17px;padding:22px 0}.faq details p{padding-right:8px;font-size:15px}
  .ask{margin-top:44px;padding:30px 24px}
  .endcta{padding:88px 0 96px}
  .end-bg{width:100%;opacity:.7}
  .end-bg:after{background:linear-gradient(180deg,var(--c-bg) 0,rgba(10,10,11,.65) 40%,var(--c-bg) 100%)}
  .end-in{display:block}
  .endcta h2{font-size:34px}
  .end-txt .hero-btns .btn{flex:1 1 100%}
  .wx{margin-top:44px;padding:28px 24px}
  /* review #21：手机不放二维码，只给复制按钮 */
  .wx-qr,.qr-box{display:none!important}
  .footer{padding:60px 0 calc(100px + env(safe-area-inset-bottom))}
  .footer .wrap{grid-template-columns:1fr 1fr;gap:36px 18px}
  .f-brand,.f-col:last-of-type{grid-column:1 / -1}
  .f-legal{margin-top:8px;gap:8px 18px}
}
.faq summary:after{position:static}
.ask .more{display:inline-flex;margin-left:0;color:var(--c-ink)}
.ask{color:var(--c-ink)}
/* v4 r2 */
.faq details[open] summary:after{content:"+";transform:rotate(45deg)}
.stage-card .sc-meta{min-height:calc(16px + 3.2em);line-height:1.6}
@media (max-width:760px){.hero{background:var(--c-bg)}.hero-bg:after{background:linear-gradient(180deg,rgba(10,10,11,.6) 0%,rgba(10,10,11,0) 24%,rgba(10,10,11,.3) 55%,rgba(10,10,11,.92) 88%,#0A0A0B 100%)}}
@media (max-width:760px){.stages,.visits,[data-daily-row],.wall{scroll-padding-left:22px;scroll-padding-inline:22px}}

/* v4 移植：作品弹窗「版本变化」旁的界面示意标 */
.vers h4 .ui-tag{position:static;display:inline-block;margin-left:6px;font-style:normal;font-weight:400;vertical-align:1px}
/* 预览水印在首页放右下（右上是「示例」角标；左下是播放钮和时长） */
body[data-page="home"] .vid:has(img):before{inset:auto 10px 8px auto}
body[data-page="home"] .fcard.big .vid:before{inset:auto 14px 12px auto}
@media (max-width:760px){body[data-page="home"] .vid:has(img):before{inset:auto 6px 5px auto}}

/* ===== 2026-10-29 白林：hero 奖项徽章改成整块链接 → /about/#award ===== */
a.award{text-decoration:none;cursor:pointer;transition:border-color .2s}
.award .award-txt{min-width:0}
.award .laurel{transition:color .2s}
.award b{transition:color .2s}
.award-go{margin-left:auto;padding-left:12px;flex:none;align-self:center;white-space:nowrap;font-size:13px;color:var(--c-pencil);transition:color .2s}
.award-go i{display:inline-block;font-style:normal;transition:transform .2s}
a.award:hover{border-top-color:rgba(255,255,255,.3)}
a.award:hover b{color:#fff}
a.award:hover .laurel,a.award:hover .award-go{color:var(--c-accent-hover)}
a.award:hover .award-go i{transform:translateX(3px)}
a.award:focus-visible{outline:2px solid var(--c-accent);outline-offset:6px;border-radius:var(--radius-sm)}
@media (hover:none){a.award:active .award-go{color:var(--c-accent-hover)}}
@media (max-width:760px){a.award{gap:12px}.award .laurel{width:36px;height:36px}.award-go{padding-left:8px}
  .award-txt span .nw{display:block}.award-sep{display:none}}   /* 390 一行放不下：拆成「回响2024」/「腾讯新闻·教育频道年度论坛」两行，不在中间断 */
/* 10-29 白林视觉复查 */
.sc-body{margin-top:0;padding-top:20px}
@media (max-width:760px){.hero h1{font-size:min(38px,calc((100vw - 44px)/9.4))}}
/* 10-29 陶sir：首屏去掉左下署名和右下「© 陶婶动画 · 学员作品」叠字；改为右侧、机甲脚下一行小字（.hero-cap，内容来自 content.py HERO） */
.hero-bg:before{content:none!important;display:none!important}
.hero-credit{display:none}

/* ===== 10-30 照片墙（白林 photo_wall.css 原样），替换 .visits 探班照；模板 templates/home_body.html .dest 内 ===== */
/* 照片墙 · 学员去向 / 探班（白林 2026-10-29）。位置全部是百分比，随容器等比缩放。 */
.pw{position:relative;width:100%;aspect-ratio:1152/640;margin-top:56px;isolation:isolate}
.pw-t{position:absolute;margin:0;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);
  z-index:var(--z);transform:rotate(calc(var(--r)*1deg));
  background:#EEEAE2;padding:6px;
  box-shadow:0 10px 24px rgba(0,0,0,.55),0 2px 4px rgba(0,0,0,.45)}
.pw-t img{display:block;width:100%;height:auto}
@media (max-width:760px){
  .pw{aspect-ratio:346/470;max-width:440px;margin:40px auto 0}
  .pw-t{left:calc(var(--mx)*1%);top:calc(var(--my)*1%);width:calc(var(--mw)*1%);z-index:var(--mz);
    transform:rotate(calc(var(--mr)*1deg));padding:4px;
    box-shadow:0 6px 14px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.45)}
  .pw-dt{display:none}
}

/* ===== 10-30 陶sir 履历块（白林 bio_mockup/bio.css）；模板 templates/home_body.html 05 ===== */
/* 陶sir 履历块 · Gnomon 履历式 mockup（白林 2026-10-29） */
/* 10-30 轩哥：去掉 mock 字体 @font-face（TSSerifMock.woff2）和 home 的 --font-display 覆盖，用全站 TS Serif（已重新子集化覆盖履历块用字）；去掉 mockup 上下文 .ctx-top */
.cv{position:relative}
.cv-head{display:grid;grid-template-columns:200px 1fr;column-gap:48px;align-items:end;padding-bottom:56px;border-bottom:1px solid var(--c-line)}
.cv-pic{width:200px;aspect-ratio:4/5;border-radius:var(--radius-sm);overflow:hidden;background:#222;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.cv-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.9) contrast(1.02)}
.cv-id .kicker{margin-bottom:0}
.cv-name{display:flex;align-items:flex-end;gap:26px;margin-top:22px}
.cv-name b{font:900 132px/.92 var(--font-display);letter-spacing:.08em;color:#fff}
.cv-name .alias{font:600 15px/1 var(--font-latin);letter-spacing:.14em;color:#fff;background:var(--c-accent);padding:7px 11px 6px;border-radius:3px;margin-bottom:14px}
.cv-role{margin-top:26px;font-size:17px;letter-spacing:.06em;color:var(--c-ink)}
.cv-role i{font-style:normal;color:var(--c-accent);margin:0 12px}
.cv-cols{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:64px}
.cv-left{grid-column:1 / span 5}
.cv-right{grid-column:7 / span 6}
.lab{font:600 12px/1 var(--font-latin);letter-spacing:.3em;color:var(--c-accent);display:flex;align-items:baseline;gap:12px;margin-bottom:24px}
.lab span{font:500 14px/1 var(--font-sans);letter-spacing:.16em;color:var(--c-ink)}
.lab em{font-style:normal;margin-left:auto;font:400 12px/1 var(--font-sans);letter-spacing:.04em;color:var(--c-tx-3)}
.blk+.blk{margin-top:56px}
.cv-bio{font-size:18px;line-height:2;color:var(--c-ink);max-width:28em}
.cv-bio .film{font-family:var(--font-display);font-weight:700;color:#fff}
.cv-bio+.cv-bio{margin-top:14px;color:var(--c-mut);font-size:16px;line-height:1.9}
.cv-co{display:flex;align-items:center;gap:0;margin-top:40px;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.cv-co span{flex:1;height:76px;display:flex;align-items:center;justify-content:center;font:800 22px/1 var(--font-latin);letter-spacing:.06em;color:rgba(238,235,229,.86)}
.cv-co span+span{border-left:1px solid var(--c-line)}
.cv-co .co-zh{font:700 17px/1 var(--font-sans);letter-spacing:.16em}
.cv-co small{display:block;font:400 11px/1 var(--font-sans);letter-spacing:.1em;color:var(--c-tx-3);margin-top:8px;text-align:center}
.cv-co span{flex-direction:column}
.cv-co.n4 span{flex:1 1 0;min-width:0;font-size:18px;letter-spacing:.03em}
.cv-left .award{max-width:none;margin-top:40px}
/* 时间线 */
.xp{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-line)}
.xp li{display:grid;grid-template-columns:112px 1fr auto;column-gap:20px;align-items:baseline;padding:17px 0;border-bottom:1px solid var(--c-line)}
.xp .yr{font:500 14px/1.5 var(--font-latin);letter-spacing:.04em;color:var(--c-tx-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.xp .co{font-size:17px;font-weight:600;color:#fff;line-height:1.5}
.xp .co small{display:block;font-size:14px;font-weight:400;color:var(--c-mut);margin-top:3px;letter-spacing:.02em}
.xp .tbd{font-size:11px;align-self:center;white-space:nowrap}
.xp li.now .yr{color:var(--c-ink)}
.xp li.found .co{color:var(--c-ink)}.xp li.found .yr{color:var(--c-accent)}
.xp li.found{border-bottom:0}
/* 参与影片 */
.cr{list-style:none;margin:0;padding:0;border-top:1px solid var(--c-line)}
.cr li{display:grid;grid-template-columns:1fr auto auto;column-gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--c-line)}
.cr .t{font:700 22px/1.35 var(--font-display);letter-spacing:.04em;color:#fff}
.cr .t small{font:400 14px/1 var(--font-latin);color:var(--c-tx-3);margin-left:10px;letter-spacing:.04em}
.cr .s{font:500 13px/1.4 var(--font-latin);letter-spacing:.14em;color:var(--c-mut)}
.cr .tbd{font-size:11px;align-self:center}
.cr .ok{width:10px}
.cv-foot{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-top:8px}
/* 下方上下文：导师行 */
.mentors .f-gallery{margin-top:96px}
@media (max-width:760px){
  .cv-head{display:block;padding-bottom:36px}
  .cv-name{margin-top:18px;gap:14px;align-items:flex-end}
  .cv-name b{font-size:76px}
  .cv-name .alias{font-size:12px;padding:5px 8px 4px;margin-bottom:8px}
  .cv-pic{width:100%;aspect-ratio:4/3;margin-top:26px}
  .cv-pic img{object-position:30% 32%}
  .cv-role{font-size:15px;margin-top:18px;letter-spacing:.03em;line-height:1.7}
  .cv-role i{margin:0 7px}
  .cv-cols{display:block;padding-top:44px}
  .cv-right{margin-top:56px}
  .cv-bio{font-size:16.5px;line-height:1.95}
  .cv-co span{height:64px;font-size:19px}
  .cv-co.n4 span{font-size:14px;letter-spacing:.01em}
  .xp li{grid-template-columns:86px 1fr;row-gap:6px;padding:15px 0}
  .xp .yr{font-size:13px}
  .xp .co{font-size:16px}
  .xp .tbd{grid-column:2;justify-self:start;margin-top:4px}
  .cr li{grid-template-columns:1fr auto;row-gap:6px}
  .cr .t{font-size:19px}
  .cr .s{grid-column:2;grid-row:1}
  .cr .tbd{grid-column:1;justify-self:start}
  .mentors .f-gallery{margin-top:64px}
}
.cv-left .award{border-top:0;padding-top:0;margin-top:30px}
.cv-name .alias{margin-bottom:20px}
@media (max-width:760px){.cv-name .alias{margin-bottom:10px}}
.cv-pic picture{display:block;width:100%;height:100%}
@media (max-width:760px){
  .cv-head{display:flex;flex-direction:column;align-items:stretch}
  .cv-pic{order:2;aspect-ratio:3/2;margin-top:30px}
  .cv-pic img{object-position:30% 45%}
}
/* ===== 2026-10-29 改版：宽幅照片 + 文字叠在照片上（陶sir 反馈） ===== */
.cv-head.cv-hero{display:block;position:relative;padding:0;border:0;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1152/520;min-height:440px;background:#101012;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.cv-hero .cv-pic{position:absolute;inset:0;width:auto;aspect-ratio:auto;border-radius:0;box-shadow:none;margin:0}
.cv-hero .cv-pic img{width:100%;height:100%;object-fit:cover;object-position:0% 34%;filter:saturate(.88) contrast(1.04) brightness(.92)}
/* 右侧压暗：照片右边（海和天）渐变到深色，文字压在上面 */
.cv-hero::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to left,rgba(16,16,18,.93) 0%,rgba(16,16,18,.84) 28%,rgba(16,16,18,.5) 45%,rgba(16,16,18,.1) 58%,rgba(16,16,18,0) 66%),
    linear-gradient(to top,rgba(16,16,18,.55) 0%,rgba(16,16,18,0) 34%)}
.cv-hero .cv-id{position:absolute;z-index:1;right:56px;bottom:56px;left:57%;text-align:left}
.cv-hero .cv-name b{font-size:120px;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.cv-hero .cv-role{color:#EEEBE5}
.cv-hero + .cv-cols{border-top:0}
@media (max-width:760px){
  .cv-head.cv-hero{display:block;aspect-ratio:4/5;min-height:0;border-radius:var(--radius-sm);margin:0 -4px}
  .cv-hero .cv-pic{order:0;margin:0;aspect-ratio:auto}
  .cv-hero .cv-pic img{object-position:30% 30%}
  .cv-hero::after{background:linear-gradient(to top,rgba(16,16,18,.96) 0%,rgba(16,16,18,.86) 24%,rgba(16,16,18,.4) 42%,rgba(16,16,18,0) 56%)}
  .cv-hero .cv-id{left:22px;right:22px;bottom:24px}
  .cv-hero .cv-name{margin-top:12px}
  .cv-hero .cv-name b{font-size:68px}
  .cv-hero .cv-role{font-size:14.5px;margin-top:12px}
}

/* ===== 2026-10-30 头图文案定稿（欢姐卡片 A，陶sir 定标题） ===== */
.xp li.found{border-bottom:1px solid var(--c-line)}
.xp li.last{border-bottom:0}
.cv-hero .cv-id{left:54%;right:48px;bottom:48px}
.cv-hero .cv-name{margin-top:16px}
.cv-hero .cv-name b{font-size:104px}
.cv-hero .cv-role{margin-top:20px;font-size:17px}
.cv-line{margin-top:14px;font-size:15px;line-height:1.75;letter-spacing:.02em;color:rgba(238,235,229,.78)}
.cv-quote{margin:20px 0 0;padding:2px 0 2px 16px;border-left:2px solid var(--c-accent);font:600 18px/1.7 var(--font-display);letter-spacing:.03em;color:#fff}
@media (max-width:760px){
  .cv-hero .cv-id{left:20px;right:20px;bottom:22px}
  .cv-hero .cv-name b{font-size:64px}
  .cv-hero .cv-role{font-size:14.5px;margin-top:12px}
  .cv-line{font-size:13.5px;margin-top:8px;line-height:1.7}
  .cv-quote{font-size:15px;margin-top:12px;padding-left:12px;line-height:1.65}
  .cv-head.cv-hero{aspect-ratio:3/4.4}
  .cv-hero::after{background:linear-gradient(to top,rgba(16,16,18,.96) 0%,rgba(16,16,18,.88) 40%,rgba(16,16,18,.55) 58%,rgba(16,16,18,0) 72%)}
}
/* ===== 10-30 陶sir 首屏背景视频（build.py hero_media() / content.py HEROES）；右下作品名小字已去掉 ===== */
.hero-bg .hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:0;transition:opacity .7s ease;pointer-events:none}
.hero-bg .hero-vid.on{opacity:1}
.hero-bg .hero-vid.top{z-index:1}   /* 10-30 连播：淡入的那条在上面，旧的保持不透明直到淡入完，不闪黑 */
@media (max-width:768px){.hero-bg .hero-vid{display:none}}
@media (prefers-reduced-motion:reduce){.hero-bg .hero-vid{display:none}}
/* 10-30 白林：大字名字「陶sir」——陶 用标题衬线字，sir 略小、同字体、贴底 */
.cv-name b .cv-sir{font-size:.62em;font-weight:700;letter-spacing:.02em;margin-left:.06em}
/* ===== 2026-10-30 白林：hero 奖项徽章放大（/workspace/baillin/hero_award_mock/PATCH.md 第 3 版；陶sir：原来字太小、底气不足；不放照片） ===== */
.hero-award .award{gap:18px;margin-top:36px;padding-top:22px;max-width:34em;font-size:14px;line-height:1.5}
.hero-award .award .laurel{width:52px;height:52px}
.hero-award .award-k{display:block;font:600 12px/1 var(--font-latin);font-style:normal;letter-spacing:.24em;color:var(--c-pencil);margin-bottom:8px}
.hero-award .award b{font-size:19px;font-weight:600;letter-spacing:.03em;line-height:1.4;color:#fff}
.hero-award .award-txt>span{display:block;margin-top:3px;font-size:14px;color:rgba(238,235,229,.72)}
.hero-award .award-go{font-size:14px;padding-left:20px}
/* 徽章变高约 26px：hero-in 原来的上下 padding 实际被 body[data-page=home] .wrap 覆盖成 0，文字整块在 100vh 里居中，1280×800 下 kicker 会压到导航。这里给上方让出导航高度。 */
@media (min-width:761px){body[data-page="home"] .hero-in{padding-top:118px}}   /* 10-30 02:16：奖项挪出首屏，恢复原底部留白 */
@media (max-width:760px){
  .hero-award .award{gap:14px;margin-top:30px;padding-top:20px;max-width:none}
  .hero-award .award .laurel{width:44px;height:44px}
  .hero-award .award-k{font-size:11px;letter-spacing:.2em;margin-bottom:6px}
  .hero-award .award b{font-size:17px}
  .hero-award .award-txt>span{font-size:13px}
  .hero-award .award-go{font-size:13px;padding-left:8px}
}
/* 10-30 02:03 陶sir：.ten 拆成 .ten-a（10 年 + 数字）和 .ten-b（学员去向），中间是学员作品；.ten-b 里 .dest 是第一块，不要上外边距 */
.ten-b .dest{margin-top:0}
/* 10-30 02:16 陶sir：奖项从首屏挪到首屏下方深色条（.hero-award），履历上面；左对齐 .wrap，不要分隔线 */
.hero-award{background:var(--c-bg);padding:60px 0;border-bottom:1px solid var(--c-line)}
.hero-award .award{margin-top:0;padding-top:0;border-top:0}
a.award:hover{border-top-color:transparent}
@media (max-width:760px){.hero-award{padding:36px 0 40px}.hero-award .award{margin-top:0;padding-top:0}}
/* 10-30 陶婶学习系统：论坛真实界面截图（LEARNING_VIDEO 有视频时可点播放） */
.ui-tag.ui-tag-real{color:var(--c-tx-2,var(--c-mut));border:1px solid var(--c-line);background:var(--c-surface)}
.ls-shot{position:relative;display:block;width:100%;padding:0;border:1px solid var(--c-line);border-radius:12px;overflow:hidden;background:#0b0c0e;box-shadow:0 18px 40px rgba(0,0,0,.12)}
.ls-shot img{display:block;width:100%;height:auto}
button.ls-shot{cursor:pointer}