/* 首页区块.源自原型;.hero h1 改为 .hero .ttl(单 h1) */
.hero{position:relative;background:#ECECEC;color:#1F1F1F;overflow:hidden}
/* 首屏恒为浅色(暗色主题下也是 #ECECEC 底):次按钮等令牌按浅色取值,灰底上次按钮取白(UI-STANDARDS §1.4) */
.hero{--fill:#FFFFFF;--fill-hover:#EBEBEB;--ink:#1F1F1F}
.hero .slide{display:none}
.hero .slide.on{display:block;position:relative;aspect-ratio:1000/1600;min-height:566px;max-height:min(78vh,700px)}
.hero .txt{position:absolute;left:0;right:0;top:0;z-index:1;padding:32px 20px 0;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero .txt .eyebrow{font-size:12px;font-weight:600;line-height:18px}
.hero .ttl{font-size:26px;font-weight:600;line-height:28.6px;margin-top:2px}
.hero .lead{font-size:16px;line-height:20.8px;color:#333;margin-top:12px}
.hero .actions{display:flex;gap:8px;margin-top:24px}
.hero .actions .btn{height:40px;min-width:140px;padding:0 16px;font-size:14px}
.hero .pic{position:absolute;inset:0;overflow:hidden}
.hero .pic img{width:100%;height:100%;object-fit:cover;display:block}
.hero .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.74) 0%,rgba(255,255,255,.34) 28%,rgba(255,255,255,0) 48%)}
.dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px;z-index:2}
.dots i{width:22px;height:4px;border-radius:2px;background:rgba(31,31,31,.28);cursor:pointer;transition:width .2s,background .2s}.dots i.on{width:56px;background:var(--ink)}
.hero .arw{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.72);color:#1F1F1F;display:none;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .18s}
.hero .arw.prev{left:16px}.hero .arw.next{right:16px}
.hero:hover .arw{opacity:1}.hero .arw:hover{background:#fff}
@media(min-width:1024px){.hero .arw{display:flex}}
@media(min-width:1024px){.dots{bottom:22px}}
@media(min-width:1024px){.hero .slide.on{aspect-ratio:1920/800;min-height:0;max-height:none}.hero .txt{position:absolute;left:12.2%;top:50%;transform:translateY(-50%);z-index:1;text-align:left;align-items:flex-start;padding:0;width:min(588px,34%)}.hero .txt .eyebrow{font-size:14px;line-height:21px}.hero .ttl{font-size:clamp(30px,2.5vw,48px);line-height:1.1;margin-top:0}.hero .lead{font-size:clamp(15px,1.05vw,18px);line-height:1.45;margin-top:12px}.hero .actions{margin-top:44px;gap:12px}.hero .actions .btn{height:42px;min-width:180px;padding:0 20px;font-size:16px}.hero .pic{position:absolute;inset:0;width:auto}.hero .pic img{object-fit:cover;object-position:center}.hero .pic::after{background:linear-gradient(90deg,rgba(255,255,255,.80) 0%,rgba(255,255,255,.46) 34%,rgba(255,255,255,0) 60%)}}
.tiles{display:grid;grid-template-columns:1fr;gap:16px}
.tiles .t{position:relative;display:block;background:var(--surface-2);aspect-ratio:390/340;overflow:hidden}
.tiles .t .tx{position:absolute;left:0;right:0;top:24px;z-index:1;padding:0 16px;text-align:center}
.tiles .t .eb{font-size:14px;font-weight:500;line-height:19.6px;color:var(--ink)}
.tiles .t h3{font-size:20px;line-height:24px;font-weight:600;color:var(--ink);margin-top:2px}
.tiles .t .lk{margin-top:6px;display:flex;justify-content:center;gap:12px;color:var(--accent);font-size:14px;font-weight:400;line-height:19.6px;flex-wrap:wrap}
/* 图贴底 62% / 桌面 68%·photo 64%(原型 L232-238);四张都是 photo 卡,文字底边在图顶之上,不压字 */
.tiles .t img{position:absolute;left:8%;bottom:0;width:84%;height:62%;object-fit:contain;object-position:bottom;mix-blend-mode:multiply;transition:transform .3s}
.tiles .t.photo img{left:0;width:100%;height:62%;object-fit:cover;object-position:center;mix-blend-mode:normal}
.tiles .t:hover img{transform:scale(1.02)}
@media(min-width:1024px){.tiles{grid-template-columns:1fr 1fr}.tiles .t{aspect-ratio:712/450}.tiles .t .tx{top:32px}
 .tiles .t .eb{font-size:16px;line-height:22.4px}.tiles .t h3{font-size:30px;line-height:36px}
 .tiles .t .lk{margin-top:12px;font-size:16px;line-height:22.4px}
 .tiles .t img{left:10%;width:80%;height:68%}.tiles .t.photo img{left:0;width:100%;height:64%}}
.scene{position:relative;border-radius:var(--radius-s);overflow:hidden;aspect-ratio:1.5;background:var(--surface-2);display:block}
.scene img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.scene:hover img{transform:scale(1.03)}
.scene .cap{position:absolute;left:24px;right:24px;bottom:22px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.scene .cap b{font-size:22px;line-height:30px;font-weight:600;display:block;margin-bottom:4px}
.scene .cap span{font-size:14px;line-height:22px}
.scene .cap i{display:block;font-style:normal;font-size:13px;margin-top:8px;opacity:.9}
.scene::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.6));z-index:0}
.scene .cap{z-index:1}
@media(min-width:768px){.scene .cap{left:32px;right:32px;bottom:30px}.scene .cap b{font-size:26px;line-height:34px}}
.start{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:768px){.start{grid-template-columns:repeat(3,1fr);gap:16px}}
.start a{background:var(--surface-2);padding:26px 22px 0;display:flex;flex-direction:column;gap:6px;overflow:hidden;min-height:390px}
.start a b{font-size:18px;font-weight:600;line-height:1.3}
.start a span{color:var(--ink-2);font-size:13px}
.start a .lk{color:var(--accent);font-size:14px;margin-top:4px}
.start a img{margin-top:auto;height:250px;width:100%;object-fit:cover;object-position:center 60%;border-radius:6px 6px 0 0}
.vcard{display:flex;flex-direction:column;gap:8px;min-width:0}
.vcard .th{position:relative;aspect-ratio:1.33;border-radius:8px;overflow:hidden;background:var(--surface-2)}
.vcard .th img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.vcard:hover .th img{transform:scale(1.03)}
.vcard .meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}
.avatar{width:22px;height:22px;border-radius:50%;background:var(--surface-2);display:inline-grid;place-items:center;font-size:10px;font-weight:700;color:var(--ink-2);flex:none}
.vcard .t{font-size:14px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news{padding:56px 0 64px}
.news h2{font-size:22px;font-weight:600;line-height:24.2px;text-align:center;padding-bottom:16px}
.news .pic{width:100%;aspect-ratio:342/301;overflow:hidden;background:var(--surface-2)}
.news .pic img{width:100%;height:100%;object-fit:cover}
.news .pic.render img{object-fit:contain;padding:6%;mix-blend-mode:multiply}
[data-theme="dark"] .news .pic.render img{mix-blend-mode:normal}
.news .list{margin-top:16px}
.news .it{border-bottom:1px solid var(--line);padding:14px 10px;cursor:pointer}
.news .it .hd{display:flex;align-items:flex-start;gap:10px}
.news .it h3{flex:1;font-size:18px;line-height:21.6px;font-weight:600}
.news .it .cv{width:20px;height:20px;flex:none;color:var(--ink-2);transition:transform .2s}
.news .it.on .cv{transform:rotate(180deg)}
.news .it .bd{display:none}
.news .it.on .bd{display:block;padding-top:4px}
.news .it .bd p{font-size:12px;line-height:18px;color:var(--ink)}
.news .it .bd a{display:inline-block;margin-top:10px;font-size:12px;color:var(--accent)}
@media(min-width:1024px){.news{padding:120px 0 120px}.news>.c{max-width:1200px;padding:0}.news h2{font-size:34px;line-height:40.8px;padding-bottom:24px}
 .news .wrap{display:grid;grid-template-columns:minmax(0,588fr) minmax(0,484fr);gap:64px;justify-content:start;align-items:center}.news .pic{width:100%;max-width:588px;aspect-ratio:588/517}.news .list{margin-top:0}.news .it{padding:20px 0}.news .it h3{font-size:24px;line-height:28.8px;padding-right:28px}.news .it .bd p{font-size:14px;line-height:21px}.news .it .bd a{font-size:14px;margin-top:12px}}
.promo{position:relative;background:#0b1626;color:#fff;padding:56px 0;text-align:center;overflow:hidden}
.promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.82}
.promo::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 100% at 50% 50%,rgba(6,14,26,.72) 0%,rgba(6,14,26,.34) 62%,rgba(6,14,26,0) 100%)}
.promo .c{position:relative;z-index:1}
.promo h2{font-size:26px;color:#fff}
.promo p{color:#cfd6e0;margin:10px auto 22px;max-width:640px}
.promo .acts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(min-width:768px){.promo{padding:96px 0}.promo h2{font-size:36px}}
/* 原型行内样式转类 */
.sec.wwall .eyebrow{display:block;text-align:center;margin-bottom:6px}
.sec.wwall h2{margin-bottom:6px}
.sec.wwall .sub{margin-top:0}
.sec.wwall .more{text-align:center;margin-top:24px}
.vcard .th .dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.6);color:#fff;font-size:11px;padding:1px 6px;border-radius:3px}
.vcard .meta .sp{flex:1}
.news .more{text-align:center;margin-top:28px}
.news .more .link{font-size:14px}
/* 第 4 稿 A0 E3–E14(原型 v16):眉题强调色、副标题 / 小字、创始人理念版式 */
.hero .txt .eyebrow{color:var(--accent);margin-bottom:8px;font-size:14px;line-height:20px}
.hero .sub2{font-size:15px;line-height:1.35;margin-top:6px;color:#1F1F1F}
.hero .note2{font-size:13px;line-height:1.4;margin-top:10px;color:#666}
.hero .slide.quote .lead{color:#1F1F1F;font-size:15px;line-height:1.7}
.hero .slide.quote .ttl{font-size:22px}
.hero .slide.quote .pic::after{background:linear-gradient(180deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 46%,rgba(255,255,255,.2) 72%)}
@media(min-width:1024px){.hero .txt .eyebrow{font-size:clamp(17px,1.25vw,22px);line-height:1.3;margin-bottom:14px}.hero .sub2{font-size:clamp(16px,1.2vw,20px);margin-top:8px}.hero .note2{font-size:14px}.hero .slide.quote .txt{width:min(640px,40%)}.hero .slide.quote .ttl{font-size:clamp(26px,2vw,36px)}.hero .slide.quote .lead{font-size:clamp(15px,1.05vw,18px)}.hero .slide.quote .pic::after{background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.86) 44%,rgba(255,255,255,0) 70%)}}
.news h2.h2links a{color:inherit}.news h2.h2links a:hover{color:var(--accent)}.news h2.h2links span{color:var(--ink-3);font-weight:400}