:root{--ink:#29271f;--orange:#ef8700;--green:#27563e;--cream:#fff8ed;--line:#e5ddcf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.8 -apple-system,BlinkMacSystemFont,"PingFang TC","Heiti TC",sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--green);outline-offset:5px}.skip{position:absolute;left:10px;top:-80px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}header{max-width:1280px;margin:auto;display:flex;gap:36px;align-items:center;padding:26px 42px;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:800;text-decoration:none;letter-spacing:-1.1px;white-space:nowrap}.brand span{color:var(--orange)}.brand i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);vertical-align:top;margin-top:9px;margin-left:3px}header nav{display:flex;gap:25px;margin-left:auto;font-size:14px}header nav a,.header-cta{text-decoration:none}.header-cta{border:1px solid var(--green);color:var(--green);padding:8px 16px;border-radius:30px;font-size:14px;white-space:nowrap}main>section{max-width:1196px;margin:auto;padding:86px 42px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.7vw,66px);line-height:1.25;letter-spacing:-2.3px;margin-bottom:25px}h2{font-size:clamp(30px,3.1vw,42px);line-height:1.35;letter-spacing:-1px;margin-bottom:25px}h3{font-size:23px;line-height:1.45}.eyebrow{font-size:13px;font-weight:600;letter-spacing:2px;color:var(--green);margin-bottom:20px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.lead{font-size:20px;line-height:1.9}.micro,.meta{font-size:13px;color:#6d6a60}.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;background:var(--ink);color:white;text-decoration:none;padding:15px 25px;border-radius:32px;font-size:16px;font-weight:600;border:0;cursor:pointer}.button:hover{background:var(--green)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:65px;align-items:center;padding-top:56px;padding-bottom:65px}.hero h1 span{color:var(--orange)}.hero .micro{margin-top:16px}.interests{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.interests span{border:1px solid var(--line);padding:3px 17px;border-radius:22px;font-size:14px}.hero-art img{width:100%;height:auto;display:block;border-radius:28px;box-shadow:0 15px 60px #76521213}.art-note{display:block;text-align:right;font-size:12px;color:#6d6a60;padding-top:13px}.intro{display:grid;grid-template-columns:1fr 1.05fr;gap:0 90px;border-top:1px solid var(--line)}.intro>.eyebrow{grid-column:1/-1}.intro p{max-width:580px}.answer{color:var(--green)}.mahjong{background:#f5ead8;border-radius:32px;display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.mahjong h2 span{color:var(--green);font-size:.76em}.text-link{font-weight:600;color:var(--green)}.table-diagram{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:50px 90px;background:var(--green);padding:30px;border-radius:50%;min-height:300px;align-items:center}.seat{z-index:1;background:#fffaf1;border-radius:18px;box-shadow:0 7px 0 #d6cebc;padding:10px 6px;text-align:center;line-height:1.5;font-weight:700}.empty{background:#f6ab38;box-shadow:0 7px 0 #c7740c;border:2px dashed white}.table-diagram strong{position:absolute;inset:45% 0 auto;text-align:center;font-size:18px;color:#fff7e4}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.steps li{border-top:1px solid var(--line);padding-top:25px}.steps li>span{font-size:13px;color:var(--orange);font-weight:700}.steps h3{margin-top:15px}.steps p{font-size:16px}.film{border-radius:32px;background:var(--green);color:#fff9eb;display:grid;grid-template-columns:1fr .65fr;gap:100px;align-items:center}.film .eyebrow,.film .micro{color:#dbdec8}.film video{display:block;width:100%;height:auto;max-height:570px;object-fit:contain;background:#fff8ed;border-radius:20px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-grid>a{padding:30px 0;border-top:1px solid var(--line);text-decoration:none}.guide-grid span{font-size:12px;color:var(--green)}.guide-grid h3{margin-top:18px}.guide-grid p{font-size:16px;color:#646155}.guide-grid b{font-size:14px;color:var(--green)}.faq{max-width:930px}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:19px}details p{margin:18px 0 0;max-width:770px}details:first-of-type{border-top:1px solid var(--line)}.faq>.micro{margin-top:24px}.closing{text-align:center;border-top:1px solid var(--line)}.closing p:last-child{font-size:14px;margin:18px 0 0}footer{border-top:1px solid var(--line);max-width:1280px;margin:auto;padding:45px 42px;color:#666256;font-size:14px;display:grid;grid-template-columns:1fr 1fr;gap:18px}footer .brand{color:var(--ink)}footer p{margin:0}footer nav{display:flex;gap:14px;flex-wrap:wrap}footer small{grid-column:1/-1}.article{max-width:920px;margin:auto;padding:45px 42px 70px}.breadcrumb{font-size:13px;margin-bottom:45px;color:#767165}.article h1{font-size:clamp(36px,4.3vw,55px);line-height:1.4}.article-body{margin-top:50px}.article h2{font-size:28px;margin-top:50px}.article-body li{margin-bottom:12px}.sample{border-left:4px solid var(--orange);background:#f4ead8;padding:25px;border-radius:0 16px 16px 0;margin:25px 0}.sample p:last-child{margin:0}.small{font-size:14px;padding:9px 18px}.copy-status{font-size:13px;padding-left:15px}.checklist{display:grid;gap:14px;background:#f4ead8;padding:24px;border-radius:16px}.checklist label{display:flex;gap:12px;align-items:baseline}.checklist input{accent-color:var(--green);width:18px;height:18px}.checklist output{color:var(--green);font-size:14px}.examples blockquote{margin:14px 0;padding:16px 22px;border-left:3px solid var(--orange);background:#f4ead8;border-radius:0 15px 15px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:16px}th,td{padding:18px;text-align:left;border-bottom:1px solid var(--line)}thead{background:#f4ead8}tbody th{min-width:100px;white-space:nowrap}.source{border-top:1px solid var(--line);margin-top:50px;font-size:14px;color:#6d6a60}.source h2{font-size:20px}.related{margin:45px 0}.related a{display:block;margin-bottom:14px;color:var(--green)}.article .closing{padding-top:25px}.article .closing h2{font-size:30px}
@media(max-width:800px){header{padding:20px 24px;gap:20px;flex-wrap:wrap}.brand{font-size:24px}header nav{order:3;width:100%;gap:20px;overflow-x:auto;white-space:nowrap;justify-content:space-between;font-size:13px}.header-cta{margin-left:auto}main>section{padding:55px 24px}.hero{gap:32px;grid-template-columns:1fr}.hero-art{max-width:450px;width:100%;margin:auto}.hero-copy{padding-top:12px}h1{font-size:45px}.intro,.mahjong,.film{grid-template-columns:1fr;gap:24px}.intro>.eyebrow{grid-column:auto;margin-bottom:0}.intro h2{margin:0}.mahjong,.film{border-radius:0}.table-diagram{max-width:360px;margin:auto;width:100%;gap:45px 85px}.steps{grid-template-columns:1fr;gap:15px;margin-top:25px}.steps p{margin-bottom:10px}.film video{max-width:290px;max-height:520px;margin:auto}.guide-grid{grid-template-columns:1fr;gap:0}.guide-grid>a{padding:24px 0}.guide-grid h3{margin-bottom:12px}.guide-grid p{margin-bottom:15px}footer{padding:35px 24px;grid-template-columns:1fr}.article{padding:30px 24px 50px}.article h1{font-size:36px;letter-spacing:-1px}.article h2{font-size:26px}.article .lead{font-size:18px}.breadcrumb{margin-bottom:30px}.sample{padding:20px}.checklist{padding:20px}th,td{padding:14px}.closing .button{font-size:15px}body{font-size:16px}}
.localdev{display:grid;grid-template-columns:1fr 1.05fr;gap:0 90px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:65px}.localdev>.eyebrow{grid-column:1/-1}.localdev p{max-width:580px}.localdev h2{max-width:520px}
@media(max-width:800px){.localdev{grid-template-columns:1fr;gap:24px}.localdev>.eyebrow{grid-column:auto;margin-bottom:0}.localdev h2{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}