:root{--bg:#F6F3EA;--card:#FFFFFF;--ink:#1B2A22;--mut:#5B6A61;--green:#14452F;--felt:#0E6B3A;--red:#8A1F2B;--line:#E2DDCF;--gold:#E9B949}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg) url(/site/img/pattern.webp?v=82d6353e) top left/748px auto repeat;color:var(--ink);font:16px/1.6 system-ui,-apple-system,'Segoe UI',Roboto,'Noto Sans','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;height:auto}
.serif,h1,h2{font-family:Georgia,'Times New Roman','Noto Serif','Songti SC','SimSun',serif}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;z-index:5;background:#0F3A27;color:#F6F3EA;border-bottom:1px solid #0A2A1B;box-shadow:0 2px 12px rgba(8,36,22,.28)}
.bar{display:flex;align-items:center;gap:20px;min-height:64px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:18px}
.logo{width:30px;height:38px;border-radius:7px;background:#FAF5E6;border-bottom:5px solid #37A591;color:#BA3834;font:800 22px/33px 'Microsoft YaHei','Noto Sans SC',sans-serif;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.2)}
header nav{display:flex;gap:22px;margin-left:auto;align-items:center}
header nav a{text-decoration:none;color:#C8D9CF;font-size:15px}header nav a:hover{color:#fff}
header .btn{background:var(--gold);border-color:var(--gold);color:#2B2200}header .btn:hover{background:#F2C85F;border-color:#F2C85F}
select.lang{height:36px;max-width:170px;border:1px solid #8594A6;border-radius:8px;padding:2px 8px;font:inherit;font-size:14px;background:#fff;color:#172B49;cursor:pointer;color-scheme:light}select.lang:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.btn{display:inline-block;white-space:nowrap;background:var(--green);color:#fff;text-decoration:none;font-weight:700;padding:12px 22px;border-radius:12px;border:2px solid var(--green)}
.btn:hover{background:#0f3624}.btn.play{background:var(--gold);border-color:var(--gold);color:#2B2200}.btn.play:hover{background:#F2C85F;border-color:#F2C85F}.btn.ghost{background:transparent;color:var(--green)}.btn.ghost:hover{background:#e9efe9}.btn.small{padding:8px 16px;font-size:14px;border-radius:10px}
.hero{display:grid;gap:36px;grid-template-columns:1fr;padding-top:40px;padding-bottom:32px;align-items:center}
.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--red);font-weight:700}
h1{font-size:clamp(36px,6vw,60px);line-height:1.08;margin:12px 0 16px;font-weight:600;letter-spacing:-.01em}h1 em{color:var(--felt);font-style:italic}
.lead{font-size:18px;color:var(--mut);max-width:34em;margin:0 0 24px}
.cta{display:flex;gap:12px;flex-wrap:wrap}.meta{margin-top:18px;font-size:14px;color:var(--mut)}.accessnote{margin-top:10px;font-size:14.3px;color:var(--mut);max-width:36em;border-left:3px solid var(--gold);padding-left:10px}
.table{position:relative;border-radius:28px;padding:16px;background:linear-gradient(145deg,#6B4A2F,#4A3220);box-shadow:0 24px 50px -22px rgba(20,40,30,.6)}
.felt{position:relative;border-radius:18px;aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 40%,#13803f,#0b5a2f 70%);overflow:hidden}
.pond{position:absolute;left:18%;right:18%;top:12%;display:grid;grid-template-columns:repeat(6,1fr);gap:2.5%}
.pond img{width:100%;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.hand{position:absolute;left:4%;right:4%;bottom:6%;display:flex;gap:.6%;align-items:flex-end}
.hand img{flex:1 1 0;min-width:0;filter:drop-shadow(0 3px 3px rgba(0,0,0,.4))}.hand .gap{flex:0 0 3%}.hand img.pick{transform:translateY(-14%)}
.bnf{position:relative;top:-12px;height:34px;margin-top:6px;overflow:hidden}.bnf p{position:absolute;left:20px;right:20px;top:0;height:100%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;gap:6px;font-size:18.7px;color:#2b3a32;opacity:0;animation:bnf 30s linear infinite;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bnf p b{color:var(--green);flex:0 0 auto}.bnf p span{overflow:hidden;text-overflow:ellipsis}.bnf p:nth-child(1){animation-delay:0s}.bnf p:nth-child(2){animation-delay:6s}.bnf p:nth-child(3){animation-delay:12s}.bnf p:nth-child(4){animation-delay:18s}.bnf p:nth-child(5){animation-delay:24s}.bnf:hover p{animation-play-state:paused}
@keyframes bnf{0%{opacity:0;transform:translateX(40px)}3%{opacity:1;transform:translateX(0)}17%{opacity:1;transform:translateX(0)}20%{opacity:0;transform:translateX(-40px)}100%{opacity:0;transform:translateX(-40px)}}
@media(prefers-reduced-motion:reduce){.bnf{height:auto}.bnf p{position:static;height:auto;opacity:1;animation:none;transform:none;white-space:normal;margin:4px 0}}
@media(max-width:1180px){.bnf{height:66px}.bnf p{font-size:16.5px;white-space:normal;align-items:center;line-height:1.3;display:block;overflow:hidden}}
.quadt{padding-top:14px;padding-bottom:8px}.quadt h2{margin:0;font-size:clamp(22px,3vw,30px);line-height:1.2}.quadt .fr{color:#D9650A}
.quad{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:6px;padding-bottom:26px;list-style:none;margin-top:0;margin-bottom:0}.quad>li{display:flex;min-width:0}.quad>li>.qbox{flex:1 1 auto;min-width:0}
.qbox{display:flex;align-items:center;gap:12px;min-height:118px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);box-shadow:0 1px 2px rgba(20,40,30,.06);transition:transform .15s,box-shadow .15s,border-color .15s}
a.qbox:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 8px 18px -10px rgba(20,60,40,.45)}a.qbox:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.qps{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 1px}.qp{display:inline-block;padding:3px 11px;border-radius:999px;border:1px solid var(--green);color:var(--green);background:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.qp:hover{background:var(--green);color:#fff}.qp:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.qbox.off{background:rgba(255,255,255,.55);color:#55645b}.qbox.off .qt{opacity:.55}
.qt{display:flex;gap:3px;flex:0 0 auto;height:56px}.qt img{height:100%;width:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.qb{display:flex;flex-direction:column;gap:2px;min-width:0}.qb b{font:600 20px/1.15 Georgia,'Noto Serif','Songti SC',serif}.qb span{font-size:13px;color:var(--mut)}
.qb em{font-style:normal;font-size:11.5px;letter-spacing:.1em;font-weight:700;color:var(--green);margin-top:3px}.qbox.off .qb em{color:var(--mut);letter-spacing:.02em;font-weight:600}
.strip{display:grid;gap:18px;grid-template-columns:1fr;padding-top:22px;padding-bottom:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.strip h3{margin:0 0 2px;font-size:16px}.strip p{margin:0;color:var(--mut);font-size:14px}
section{padding:56px 0}h2{font-size:clamp(28px,4vw,40px);margin:0 0 8px;font-weight:600;letter-spacing:-.01em}.sub{color:var(--mut);margin:0 0 28px;max-width:40em}
.cards{display:grid;gap:20px;grid-template-columns:1fr}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column}
.card .top{display:flex;gap:6px;margin-bottom:12px;height:76px}.card .top img{height:100%;width:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.tag{display:inline-block;font-size:12px;color:var(--felt);border:1px solid #bcd5c5;background:#eef6f0;border-radius:999px;padding:2px 10px;align-self:flex-start;margin-bottom:6px}
.card h3{margin:0;font-size:24px;font-family:Georgia,'Noto Serif','Songti SC',serif;font-weight:600}.card .s{margin:2px 0 12px;color:var(--mut);font-size:14px}
.card ul{margin:0 0 20px;padding-left:18px;color:var(--ink)}.card li{margin:4px 0}.card .btn{margin-top:auto;align-self:flex-start}
.soon{margin-top:18px;color:var(--mut);font-size:14px}
.how{background:var(--green);color:#fff}.how .sub{color:#c8d9cf}.steps{display:grid;gap:16px;grid-template-columns:1fr;counter-reset:s;padding:0;margin:0;list-style:none}
.steps li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:18px 18px 18px 56px;position:relative}
.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#3b2b00;font-weight:800;text-align:center;line-height:28px}
.steps b{display:block;margin-bottom:2px}.steps span{color:#d6e4db;font-size:14px}
.about p{max-width:46em;margin:0 0 12px;color:#34443b}.about .more{color:var(--green);font-weight:700;text-decoration:none}.about .more:hover{text-decoration:underline}
.band{background:var(--card);border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.band h2{margin-bottom:6px}.band p{color:var(--mut);margin:0 0 20px}
footer{background:#14211b;color:#c9d4cd;padding:36px 0 28px;font-size:14px}footer .cols{display:grid;gap:20px;grid-template-columns:1fr}
footer b{color:#fff;font-size:18px}footer p{margin:6px 0;max-width:46em}.small{font-size:13px;color:#98a8a0}.ct{color:#fff;font-weight:700;margin:0 0 8px}
.src{margin:0 0 14px;display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;max-width:46em}.src dt{color:#e9d9a0;font-weight:600;white-space:nowrap}.src dd{margin:0;color:#c9d4cd}
@media(max-width:560px){.src{grid-template-columns:1fr;gap:2px}.src dd{margin-bottom:8px}}
header nav a.on{color:#fff;font-weight:600}.prose section{padding:0}footer a.fl{color:#e9d9a0;text-decoration:none}footer a.fl:hover{text-decoration:underline}
.prose{max-width:840px;padding-top:40px;padding-bottom:24px}.prose h1{font-size:clamp(32px,5vw,46px);margin:8px 0 12px}.prose h2{font-size:clamp(24px,3.4vw,32px);margin:44px 0 12px;scroll-margin-top:84px}
.prose p,.prose li{font-size:17px;line-height:1.75;color:#2b3a32}.prose ul,.prose ol{padding-left:22px}.prose li{margin:6px 0}.prose .lead{font-size:19px}
.sideref{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:16px 0}.sideref>b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}.sideref ul{list-style:none;margin:0;padding:0}.sideref li{margin:0}.sideref a,.sideref li.cur{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);padding:4px 0}.sideref a:hover .rl{text-decoration:underline}.sideref .rt{display:flex;gap:2px;flex:0 0 auto}.sideref .rt img{height:42px;width:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.sideref .rl{font-weight:600;font-size:15px;line-height:1.3}.sideref .rl em{display:block;font-style:normal;font-weight:700;font-size:12.5px;color:var(--green)}.sideref li.cur{cursor:default}
.xhand{margin:10px 0 4px}.xrow{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:flex-end}.xg{display:flex;gap:2px;padding-bottom:6px;border-bottom:3px solid transparent}.xg.xex{border-bottom-color:#FF8A1F}.xrow img{width:38px;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.xrow img.xwin{outline:2px solid var(--gold);outline-offset:1px;border-radius:3px}@media(max-width:560px){.xrow img{width:24px}.xrow{gap:6px 10px}}
.prose .pnav{list-style:none;margin:10px 0;padding:0}.prose .pnav li{margin:6px 0;font-size:16px;line-height:1.5}.prose .pnav a{color:var(--green);font-weight:600;text-decoration:none}.prose .pnav a:hover{text-decoration:underline}.prose .pnav span{color:var(--mut);font-size:14px;margin-left:8px}.prose .pnav.cols{columns:2;column-gap:28px}.prose .pnav.cols li{break-inside:avoid}@media(max-width:700px){.prose .pnav.cols{columns:1}}
.sidepat .patrow{display:block;text-decoration:none;color:var(--ink)}.sidepat a.patrow:hover .pt{text-decoration:underline}.sidepat .pt{display:block;font-weight:700;font-size:16px;line-height:1.3;white-space:nowrap;margin-bottom:10px}.sidepat .rt{gap:4px}.sidepat .rt img{height:50px}.sidepat .ps{display:block;margin-top:10px;font-size:13px;line-height:1.4;color:var(--mut)}.sidepat .ps.now{font-weight:700;font-size:12.5px;color:var(--green)}
.prose h3{margin:26px 0 6px;font-size:19px;font-family:Georgia,'Noto Serif','Songti SC',serif;font-weight:600}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:14px 8px;margin:16px 0}.tgrid figure{margin:0;text-align:center}.tgrid img{width:100%;max-width:66px;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.tgrid figcaption{margin-top:6px;font-size:13.5px;line-height:1.3;color:var(--ink)}.tgrid figcaption b{display:block;font-weight:600}.tgrid figcaption span{display:block;color:var(--mut);font-size:12.5px}
.garts{display:grid;gap:14px;grid-template-columns:1fr;margin:16px 0}.gart{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;color:inherit}.gart:hover{border-color:var(--green)}.gart .tag{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--green);margin-bottom:4px}.gart h3{margin:0 0 6px;font-size:19px;font-family:Georgia,'Noto Serif','Songti SC',serif;font-weight:600;color:var(--ink)}.gart p{margin:0 0 8px!important;font-size:15px!important;color:var(--mut)!important}.gart.cur{border-color:var(--green);cursor:default}.gart .now{font-weight:700;letter-spacing:0;text-transform:none}.gart .go{font-weight:700;color:var(--green);font-size:15px}.crumb{margin:0 0 14px;font-size:15px}.crumb a{color:var(--green);text-decoration:none}.crumb a:hover{text-decoration:underline}@media(min-width:600px){.garts{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.garts{grid-template-columns:repeat(3,1fr)}.gart h3{font-size:17.5px}}
.wrap.lay,.guides.prose{max-width:1200px}.guides.prose{padding-top:8px}.lay .prose{max-width:none;padding-left:0;padding-right:0}.side{padding-bottom:24px}.side .toc,.side .sidecta{display:none}.side .toc ul{display:block}.side .toc li{margin:0 0 8px}.sidecta{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:16px 0}.sidecta b{display:block;font-size:17px;margin-bottom:4px}.sidecta p{margin:0 0 12px;font-size:15px;color:var(--mut)}.vside{display:grid;gap:12px;grid-template-columns:1fr;align-content:start}.vside .vst{margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:var(--ink);white-space:nowrap}.vside .vfree{font-size:14px;letter-spacing:.04em;font-weight:800;color:#fff;background:linear-gradient(135deg,#F7931E,#D9570A);padding:5px 12px;border-radius:999px;box-shadow:0 2px 6px rgba(217,87,10,.45),inset 0 1px 0 rgba(255,255,255,.35);text-shadow:0 1px 1px rgba(120,40,0,.35);white-space:nowrap;animation:vpulse 2.6s ease-in-out infinite}.vside .vfree:before{content:'★';margin-right:6px;font-size:12px}@keyframes vpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.vside .vfree{animation:none}}.vside .qbox{flex-direction:row!important;align-items:center;min-height:0;gap:12px}.vside .qt{height:50px}.vside .qb b{font-size:18px}.adslot{width:300px;max-width:100%;min-height:250px;margin:16px 0}
@media(min-width:560px) and (max-width:1099px){.vside{grid-template-columns:repeat(2,1fr)}.vside .vst{grid-column:1/-1}}
@media(min-width:1100px){.lay.vlay .prose>.toc{display:block}.lay{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:start}.lay .prose>.toc{display:none}.side{padding-top:40px}.side .toc,.side .sidecta{display:block}.side .toc{margin-top:0}}
.toc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px;margin:24px 0}.toc b{display:block;margin-bottom:8px}.toc ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px}.toc a{color:var(--green);text-decoration:none;font-size:15px}.toc a:hover{text-decoration:underline}
.tl{margin:16px 0}.tl .row{display:flex;flex-wrap:wrap;gap:6px}.tl img{width:46px;height:auto;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.tl figcaption{font-size:13px;color:var(--mut);margin-top:4px}
.tw{overflow-x:auto;margin:16px 0}.tw table{border-collapse:collapse;width:100%;background:var(--card);border:1px solid var(--line)}.tw th,.tw td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--line);font-size:15px;vertical-align:top}.tw thead th{background:#EFEBDD}.tw tbody th{font-weight:600}
.gl{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px}.gl dt{font-weight:700;color:var(--green)}.gl dd{margin:0}
header nav a.on{color:#fff}.vgrid{display:grid;gap:16px;grid-template-columns:1fr;margin:18px 0}.vcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column}
.vcard .vt{display:flex;gap:5px;height:62px;margin-bottom:10px}.vcard .vt img{height:100%;width:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.vcard h3{margin:0 0 6px;font-size:22px;font-family:Georgia,'Noto Serif','Songti SC',serif;font-weight:600}
.vcard ul{margin:0 0 12px;padding-left:18px}.vcard li{font-size:15.5px;line-height:1.55;margin:4px 0}.vs{margin:auto 0 0!important;font-size:13px!important;font-weight:700;color:var(--mut)!important}.vs-on{color:var(--green)!important}.vs-on:before{content:'✓  '}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0}.fcard h3{margin:0 0 4px;font-size:20px}
.fcard label{display:block;font-weight:600;font-size:14.5px;margin:12px 0 4px}.fcard input[type=text],.fcard input[type=email],.fcard input[type=number],.fcard input:not([type]),.fcard select,.fcard textarea{width:100%;padding:10px 12px;border:1px solid #c9d4cd;border-radius:10px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.fcard textarea{resize:vertical}.fcard input:focus-visible,.fcard select:focus-visible,.fcard textarea:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.fcard fieldset{border:0;padding:0;margin:12px 0 0}.fcard legend{font-weight:600;font-size:14.5px;padding:0;margin-bottom:6px}.chks{display:flex;flex-wrap:wrap;gap:6px 18px}.fcard label.chk{display:flex;align-items:center;gap:7px;font-weight:400;margin:0}.fcard label.chk input{width:18px;height:18px}
.two{display:grid;grid-template-columns:1fr;gap:0 16px}.fcard .note{font-size:13.5px;color:var(--mut);margin:12px 0}.fcard .btn{margin-top:6px;cursor:pointer;font-size:16px}.fcard .btn:disabled{opacity:.6;cursor:wait}
.fmsg{font-size:15px;margin:10px 0 0;min-height:1em}.fmsg.ok{color:var(--green);font-weight:600}.fmsg.err{color:#B3261E;font-weight:600}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.fhide{display:none}
@media(min-width:620px){.two{grid-template-columns:1fr 1fr}}
.prose .mail{font-size:20px;margin:10px 0}.prose .mail a{color:var(--green);font-weight:700}.prose .upd{font-size:14px;color:var(--mut);margin:0 0 6px}.prose .more{color:var(--green);font-weight:700;text-decoration:none}.prose .more:hover{text-decoration:underline}.soon .more{color:var(--green);font-weight:700;text-decoration:none;white-space:nowrap}
@media(min-width:700px){.vgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tl img{width:34px}.gl{grid-template-columns:1fr;gap:2px}.gl dd{margin-bottom:10px}.prose p,.prose li{font-size:16px}}
@media(max-width:899px){.qbox{flex-direction:column;align-items:flex-start;gap:8px;min-height:0}.qt{height:46px}}
@media(min-width:900px){.quad{grid-template-columns:repeat(4,1fr)}}
@media(min-width:760px){.strip{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}footer .cols{grid-template-columns:1fr 2fr}}
@media(min-width:960px){.hero{grid-template-columns:1.05fr 1fr;padding-top:64px;padding-bottom:48px}.steps{grid-template-columns:repeat(4,1fr)}.steps li{padding:56px 16px 16px}.steps li:before{top:16px}}
@media(max-width:700px){header nav a.hide{display:none}.bar{gap:8px}header nav{gap:8px}.brand span:last-child{display:none}select.lang{max-width:152px;font-size:13px;height:34px}.btn.small{padding:7px 12px;font-size:13px}.wrap{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}