/* ABCD TEX English site — Phase 1 (visual language follows Chinese site) */
:root{--brand:#6b4f3a;--brand-dark:#4a3626;--accent:#b27c42;--bg:#f7f3ee;--card:#fff;--text:#2e2a26;--muted:#8a8077;--line:#e8e0d5;}
*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}
img{max-width:100%;display:block}a{color:var(--brand);text-decoration:none}a:hover{opacity:.8}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.top{background:rgba(247,243,238,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.bar{display:flex;align-items:center;gap:18px;height:62px}
.logo b{font-size:19px;letter-spacing:2px;color:var(--brand);font-family:Georgia,"Times New Roman",serif}
.logo span{font-size:9px;letter-spacing:3px;display:block;color:var(--accent)}
.hnav{margin-left:auto;display:flex;gap:16px;font-size:14px}
.hnav a{color:var(--text)}.hnav a.on{color:var(--brand);font-weight:700;border-bottom:2px solid var(--accent)}
.lang{margin-left:8px;font-size:13px;border:1px solid var(--line);padding:2px 10px;border-radius:20px;color:var(--muted)}
.burger{display:none}
.hero{padding:64px 0 40px;text-align:center}
.brandline{letter-spacing:5px;text-transform:uppercase;font-size:12px;color:var(--accent);margin-bottom:10px}
h1{font-size:40px;line-height:1.25;color:var(--brand-dark);font-family:Georgia,"Times New Roman","Songti SC",serif}
.sub{margin-top:10px;color:var(--accent);font-size:18px}
.lede{margin:18px auto 0;max-width:760px;color:#5c534b}
.cta2{margin-top:26px}.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:11px 26px;border-radius:3px;font-size:15px}
.btn.ghost{background:transparent;color:var(--brand)!important;border:1px solid var(--brand)}
.btn.sm{padding:7px 16px;font-size:13px}
.cta{margin-top:22px}.cta span{color:var(--muted);font-size:14px;margin-left:10px}
.facts{background:#efe8de;padding:26px 0}
.facts .wrap{display:flex;justify-content:space-around;text-align:center;flex-wrap:wrap;gap:12px}
.fact b{display:block;font-size:30px;color:var(--brand);font-family:Georgia,serif}
.fact span{color:var(--muted);font-size:13px}
.featsec,.allsec,.whysec,.certsec,.specsec,.swsec,.relsec,.scol{padding:44px 0}
h2{font-size:26px;color:var(--brand-dark);margin-bottom:18px;font-family:Georgia,serif}
.grid6{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.scwrap{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;color:var(--text)}
.scwrap img{aspect-ratio:3/2;object-fit:cover}
.scinfo{padding:10px 12px}.scinfo b{font-size:15px}.scinfo b i{color:var(--muted);font-weight:400;font-size:13px;margin-left:4px}
.scinfo p{font-size:12.5px;color:var(--muted);margin-top:4px}
.scact{padding:0 12px 12px}.more{margin-top:18px}
.whysec .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.why{background:var(--card);border:1px solid var(--line);padding:22px;border-radius:6px}
.why h3{color:var(--brand);margin-bottom:8px}.why p{font-size:14px;color:#5c534b}.why a{font-size:14px}
.certs{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.certs img{width:230px;border:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.step{background:var(--card);border:1px solid var(--line);padding:18px;border-radius:6px}
.whyul{padding-left:20px}.whyul li{margin-bottom:8px}
.mstep{display:grid;grid-template-columns:56px 200px 1fr;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:14px}
.mnum{font-family:Georgia,serif;font-size:30px;color:var(--accent);text-align:center}
.mimg img{width:200px;height:130px;object-fit:cover;border-radius:4px}
.wide{max-width:860px}.qr{width:150px;margin-top:12px}
form{max-width:640px}.fg{margin-bottom:12px}.fg label{display:block;font-size:13px;color:var(--muted);margin-bottom:3px}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:4px;background:#fff;font-size:15px}
.hp{position:absolute;left:-9999px}.note{font-size:12.5px;color:var(--muted);margin:8px 0}
.shero{padding:36px 0 18px}.crumb{font-size:13px;color:var(--muted);margin-bottom:8px}
.shero .sub{font-size:15px;color:var(--muted)}
.shero2{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:start}
.shero2 img{border-radius:6px}
.extra{margin-top:12px;color:#5c534b;font-size:15px}
.spec{border-collapse:collapse;max-width:520px}.spec th,.spec td{border:1px solid var(--line);padding:9px 14px;text-align:left;background:#fff}
.spec th{background:#efe8de;width:150px;font-weight:600}
.anchorline{margin-top:16px}.swgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.swgrid img{border:1px solid var(--line);border-radius:4px}
footer{background:var(--brand-dark);color:#e9e0d4;margin-top:40px;padding:36px 0 20px}
.foot{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}
.fb{font-family:Georgia,serif;font-size:18px;color:#fff;margin-bottom:10px}
.flink{display:flex;flex-direction:column;gap:6px;font-size:14px}.flink a{color:#e9e0d4}
.icp{margin-top:18px;font-size:12px;color:#b9ac99}.icp a{color:#b9ac99}
@media(max-width:820px){.hnav{display:none}.burger{display:block;margin-left:auto}.burger summary{list-style:none;cursor:pointer;color:var(--brand)}
.mnav{position:absolute;left:0;right:0;top:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;flex-direction:column;padding:10px 22px}
.mnav a{padding:8px 0;border-bottom:1px dashed var(--line)}
h1{font-size:30px}.shero2{grid-template-columns:1fr}.mstep{grid-template-columns:1fr}.mimg img{width:100%;height:auto}}
