:root{--bg:#0a0a0a;--bg2:#141414;--card:#161513;--line:#3a2f1c;--gold:#d6a556;--gold2:#f6d58e;--text:#ece6da;--dim:#a39b8c;
--gg:linear-gradient(100deg,#b8862f 0%,#f6d58e 45%,#c9963e 70%,#f3cf7f 100%);
--serif:"Noto Serif SC","Noto Serif CJK SC","Source Han Serif SC","Songti SC","STSong",serif;
--sans:-apple-system,"PingFang SC","Hiragino Sans GB","Noto Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.75;font-size:16px}
a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}
img,video{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
/* i18n */
html[lang=en] .zh{display:none!important}html[lang=zh-CN] .en{display:none!important}
/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(10,10,10,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:center;gap:20px;height:64px}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-weight:700;font-size:22px;white-space:nowrap}
.logo svg{width:24px;height:24px}
.gold{background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent}
nav.main{display:flex;gap:22px;margin-left:auto}
nav.main a{color:var(--text);font-size:15px}nav.main a.on,nav.main a:hover{color:var(--gold2);text-decoration:none}
.lang{border:1px solid var(--gold);border-radius:999px;padding:3px 12px;font-size:13px;color:var(--dim);cursor:pointer;background:none;white-space:nowrap}
.lang b{color:var(--gold2);font-weight:600}
.menu-btn{display:none;background:none;border:0;color:var(--gold2);font-size:24px;cursor:pointer}
@media(max-width:760px){nav.main{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:#0d0d0d;border-bottom:1px solid var(--line)}
 nav.main.open{display:flex}nav.main a{padding:14px 20px;border-top:1px solid #1f1a12}
 .menu-btn{display:block;margin-left:auto}.lang{order:2}}
/* hero */
.hero{background:#000;border-bottom:1px solid var(--line)}
.hero picture img{width:100%;max-height:520px;object-fit:cover}
.hero .tag{text-align:center;padding:18px 20px 26px}
.hero .tag h1{margin:0;font-family:var(--serif);font-size:30px;letter-spacing:.12em}
.hero .tag p{margin:6px 0 0;color:var(--dim);font-size:14px;letter-spacing:.3em}
.topics{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;color:var(--gold);font-size:14px;margin-top:10px}
/* sections */
section.blk{padding:44px 0}
.hd{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:20px}
h2.t{font-family:var(--serif);font-size:26px;margin:0;line-height:1.3}
.hd a{font-size:14px;white-space:nowrap}
.rule{height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);border:0;margin:0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid.v{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.grid.v{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.grid.v{grid-template-columns:repeat(2,1fr);gap:12px}}
.card{background:var(--card);border:1px solid #2a2418;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;color:var(--text);transition:border-color .2s}
.card:hover{border-color:var(--gold);text-decoration:none}
.card img{width:100%;aspect-ratio:900/383;object-fit:cover}
.card.vid img{aspect-ratio:3/4}
.card .b{padding:14px 16px 16px}
.card h3{font-family:var(--serif);font-size:17px;line-height:1.5;margin:0 0 6px}
.card.vid h3{font-size:15px}
.card p{margin:0;color:var(--dim);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.chip{font-size:12px;border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:0 9px;line-height:20px}
.chip.hot{background:var(--gg);color:#1a1205;border:0;font-weight:700}
.chip.sample{border-color:#777;color:#bbb}
.only-zh{border:1px dashed var(--gold);border-radius:8px;padding:12px 16px;color:var(--gold2);margin:0 0 20px;font-size:14px}
/* news */
.news{background:var(--card);border:1px solid #2a2418;border-left:3px solid var(--gold);border-radius:10px;padding:16px 18px}
.news h3{font-family:var(--serif);margin:0 0 6px;font-size:18px}
.news dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:8px 0 0;font-size:14px}
.news dt{color:var(--gold)}.news dd{margin:0;color:var(--text)}
.news ul{margin:0;padding-left:18px}
details.expired{margin-top:24px;color:var(--dim)}details.expired summary{cursor:pointer;color:var(--gold)}
details.expired .news{opacity:.55;margin-top:12px}
/* CTA */
.cta{background:radial-gradient(ellipse at top,#2a1f0c 0%,#0f0d09 70%);border:1px solid var(--line);border-radius:14px;padding:34px 24px;text-align:center}
.cta h2{font-family:var(--serif);font-size:26px;margin:0 0 8px}.cta p{color:var(--dim);margin:0 0 18px}
.btn{display:inline-block;background:var(--gg);color:#1a1205;font-weight:700;border-radius:999px;padding:10px 26px;border:0;cursor:pointer;font-size:15px}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
/* article */
.art-cover{width:100%;border-radius:10px;margin:28px 0 18px}
h1.at{font-family:var(--serif);font-size:30px;line-height:1.45;margin:0 0 10px}
.digest{color:var(--dim);border-left:2px solid var(--gold);padding-left:14px;margin:0 0 26px}
.body p{margin:0 0 1.1em;font-size:17px}
.body h3{font-family:var(--serif);color:var(--gold2);font-size:20px;margin:1.6em 0 .6em}
.body figure{margin:1.4em 0}.body figure img{border-radius:8px;margin:0 auto}
.term{border:0;border-bottom:1px dashed var(--gold);color:inherit;cursor:help;position:relative;background:none;padding:0;font:inherit}
.tip{position:absolute;z-index:100;max-width:320px;background:#1b1710;border:1px solid var(--gold);border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.65;color:var(--text);box-shadow:0 10px 30px rgba(0,0,0,.6)}
.tip b{color:var(--gold2);display:block;margin-bottom:4px;font-family:var(--serif)}
.tip a{display:inline-block;margin-top:6px;font-size:13px}
.end{margin-top:40px;border-top:1px solid var(--line);padding-top:26px}
.end h2{font-family:var(--serif);font-size:21px;margin:0 0 12px}
.faq-empty{color:var(--dim);font-size:14px;border:1px dashed #3a3226;border-radius:8px;padding:14px}
.rel{list-style:none;padding:0;margin:0}.rel li{padding:8px 0;border-bottom:1px solid #221d14}
.dis-note{font-size:13px;color:var(--dim);margin-top:30px}
/* video */
.player{max-width:420px;margin:28px auto 18px}.player video{width:100%;border-radius:10px;background:#000;aspect-ratio:9/16}
/* glossary */
.gl dt{font-family:var(--serif);color:var(--gold2);font-size:19px;margin-top:22px;scroll-margin-top:80px}
.gl dt small{color:var(--dim);font-family:var(--sans);font-size:13px;margin-left:8px}
.gl dd{margin:4px 0 0;padding-bottom:14px;border-bottom:1px solid #221d14}
/* form */
form.cf{display:grid;grid-template-columns:1fr 1fr;gap:16px}
form.cf label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--gold2)}
form.cf .full{grid-column:1/-1}
form.cf input,form.cf select,form.cf textarea{background:#111;border:1px solid #3a3226;border-radius:8px;color:var(--text);padding:11px 12px;font:inherit;font-size:16px}
form.cf input:focus,form.cf select:focus,form.cf textarea:focus{outline:none;border-color:var(--gold)}
@media(max-width:600px){form.cf{grid-template-columns:1fr}}
.ok{display:none;border:1px solid var(--gold);border-radius:10px;padding:20px;text-align:center;color:var(--gold2);font-size:18px}
.page-hd{padding:40px 0 10px}.page-hd h1{font-family:var(--serif);font-size:32px;margin:0}.page-hd p{color:var(--dim);margin:6px 0 0}
/* footer */
footer.site{border-top:1px solid var(--line);margin-top:50px;padding:26px 0 34px;color:var(--dim);font-size:13px;text-align:center}
footer.site .fl{font-family:var(--serif);font-size:18px;margin-bottom:6px}
@media(max-width:600px){h1.at{font-size:24px}.hero .tag h1{font-size:22px}h2.t{font-size:22px}section.blk{padding:32px 0}.body p{font-size:16px}}
.yt{position:relative;width:100%;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--line)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.player{max-width:380px}
.ytlinks{display:flex;justify-content:center;gap:20px;margin:-4px 0 18px;font-size:14px}
/* v2 */
.hero .tag h1{font-size:39px;letter-spacing:.08em}
.hero .tag p{font-size:17px;color:#e6d3a6;letter-spacing:.18em;margin-top:10px}
@media(max-width:600px){.hero .tag h1{font-size:26px;letter-spacing:.04em}.hero .tag p{font-size:14px;letter-spacing:.08em}}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.ftag{background:transparent;border:1px solid var(--gold);color:var(--gold2);border-radius:999px;padding:7px 18px;font-size:14px;cursor:pointer;font-family:inherit}
.ftag:hover{background:rgba(214,170,90,.12)}
.ftag.on{background:var(--gg);color:#1a1205;border-color:transparent;font-weight:700}
.card.hide{display:none!important}
.empty-f{color:var(--dim)}
.news{display:flex;flex-direction:column}
.news-act{margin-top:auto;padding-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.news-act .btn.consult{font-size:16px;padding:11px 30px;box-shadow:0 0 0 1px rgba(246,213,142,.35),0 6px 18px rgba(214,170,90,.25)}
.btn.ghost{background:transparent;color:var(--gold2);border:1px solid var(--gold)}
.wx-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:99}
.wx-modal[hidden]{display:none}
.wx-box{position:relative;background:var(--card);border:1px solid var(--gold);border-radius:12px;padding:24px;text-align:center}
.wx-box img{width:220px;height:220px;object-fit:contain}
.wx-close{position:absolute;top:6px;right:10px;background:none;border:0;color:var(--gold2);font-size:24px;cursor:pointer}
/* v3 */
.card.vid img{aspect-ratio:9/16;object-fit:cover;background:#000}
.grid.v{grid-template-columns:repeat(5,1fr)}
@media(max-width:980px){.grid.v{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.grid.v{grid-template-columns:repeat(2,1fr)}}
.fsoc{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.fsoc>span{color:var(--gold2)}
.socials{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.soc{display:inline-flex;align-items:center;gap:8px;color:var(--gold2);background:transparent;border:1px solid var(--gold);border-radius:999px;width:38px;height:38px;justify-content:center;cursor:pointer;padding:0;font:inherit}
.soc svg{width:20px;height:20px}
.soc:hover{background:rgba(214,170,90,.14);text-decoration:none}
.socials.big{justify-content:flex-start;gap:12px}
.socials.big .soc{width:auto;height:auto;padding:9px 16px;font-size:14px}
.follow{margin-top:36px;border-top:1px solid var(--line);padding-top:24px}
.follow h2{font-family:var(--serif);font-size:21px;margin:0 0 6px}.follow p{color:var(--dim);margin:0 0 14px}
.qr-modal{position:fixed;inset:0;background:rgba(0,0,0,.78);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}
.qr-modal[hidden]{display:none}
.qr-box{position:relative;background:var(--card);border:1px solid var(--gold);border-radius:14px;padding:22px 22px 16px;text-align:center;max-width:320px}
.qr-box img{width:260px;max-width:100%;border-radius:8px;margin:0 auto}
.qr-box p{margin:8px 0 0;font-size:14px}
.qr-close{position:absolute;top:4px;right:10px;background:none;border:0;color:var(--gold2);font-size:26px;cursor:pointer}
/* v7 */
.body p.calc{text-align:center;font-weight:700;color:var(--gold2);font-size:18px;margin:14px 0}
.ameta{color:var(--dim);font-size:14px;margin:4px 0 8px}
.grid.v.rv{grid-template-columns:repeat(auto-fill,minmax(180px,220px))}
/* v8 news */
.deals{display:flex;gap:22px;flex-wrap:wrap;margin:10px 0 6px}
.deal b{display:block;font-family:var(--serif);font-size:44px;line-height:1.05;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent}
.deal span{font-size:14px;color:var(--text)}
.nnote{font-size:12px;color:var(--dim);margin:10px 0 0}
.nintro{border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:18px 0 22px;background:var(--card)}
.nintro h2{font-family:var(--serif);font-size:24px;margin:8px 0 6px}.nintro p{margin:4px 0;color:var(--text);font-size:15px}
.news.combo{grid-column:1/-1}
.news .aud{margin:6px 0;font-size:14px}.news .aud span{color:var(--gold);margin-right:10px}
.offers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}
.offer{border:1px solid #3a3020;border-radius:10px;padding:14px 16px;background:rgba(0,0,0,.25);display:flex;flex-direction:column}
.offer .oc{font-family:var(--serif);font-size:19px;color:var(--text)}.offer .oc small{display:block;font-size:12px;color:var(--dim)}
.offer ul{margin:6px 0 10px;padding-left:18px;font-size:14px}
.odate{margin-top:auto;align-self:flex-start;background:#2a2418;color:var(--gold2);border-radius:8px;padding:6px 12px;font-size:14px}
@media(max-width:600px){.offers{grid-template-columns:1fr}.deal b{font-size:38px}}
.feat-top{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.feat .deal b{font-size:72px}
.pts{list-style:none;padding:0;margin:0;font-size:16px;color:var(--gold2)}.pts li::before{content:"✓ ";color:var(--gold)}
.dimul{color:var(--dim)}
/* logo (option-1c variant A) */
.logo img{display:block;height:40px;width:auto}
.logo img.mk{display:none}
html:not([lang="en"]) .logo img.lk.en,html[lang="en"] .logo img.lk.zh{display:none}
@media(max-width:760px){.logo img.lk{height:34px}}@media(max-width:340px){.logo img.lk{display:none!important}.logo img.mk{display:block;height:34px}}
footer.site .flogo{display:inline-block}footer.site .flogo img{height:44px;width:auto}
footer.site .fl .gold{font-size:15px;margin-top:4px}
