:root{color-scheme:light;--paper:#faf7f3;--ink:#300d32;--purple:#861bce;--purple-dark:#6a10a4;--lavender:#f0e4f5;--muted:#665269;--line:#dfd2df;--radius:24px;scroll-behavior:smooth;scroll-padding-top:24px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:17px;line-height:1.75}a{color:inherit}button{font:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.3}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}a{touch-action:manipulation}.container{width:min(1280px,calc(100% - 80px));margin-inline:auto}.wide-container{width:min(1424px,calc(100% - 16px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;background:#fff;padding:8px 20px;z-index:10}.skip-link:focus{top:12px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{width:min(1304px,calc(100% - 80px));height:clamp(80px,8vw,112px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{text-decoration:none;font-size:clamp(32px,3.5vw,48px);font-weight:900;letter-spacing:-2px;white-space:nowrap}.site-header nav{display:flex;gap:clamp(24px,4.4vw,64px);align-items:center;height:100%}.site-header nav a{font-size:clamp(16px,1.75vw,23px);font-weight:700;text-decoration:none;position:relative;display:flex;align-items:center;height:100%;white-space:nowrap}.site-header nav a::after{content:"";position:absolute;bottom:20%;left:0;right:0;height:3px;background:var(--purple);transform:scaleX(0);transition:transform .2s}.site-header nav a:hover::after,.site-header nav a[aria-current]::after{transform:scaleX(1)}.menu-button{display:none;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:8px;padding:6px 14px;cursor:pointer}.hero{position:relative;isolation:isolate;min-height:clamp(600px,60vw,864px);display:flex;align-items:center;overflow:hidden}.hero-picture{position:absolute;inset:0;z-index:-1}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-content{padding-block:40px 56px}.hero h1{font-size:clamp(60px,7.65vw,110px);font-weight:900;line-height:1.17;letter-spacing:-.045em;max-width:850px}.hero h1::before{content:"";display:inline-block;width:8px;height:.8em;background:#b455df;border-radius:3px;margin-right:.19em}.hero-content>p{font-size:clamp(18px,2.1vw,28px);margin-top:22px;max-width:780px}.hero-actions{display:flex;align-items:center;gap:38px;margin-top:38px}.primary-button{line-height:1.3;display:inline-flex;align-items:center;justify-content:center;min-width:232px;min-height:68px;padding:13px 32px;background:var(--purple);border-radius:14px;color:#fff;text-decoration:none;font-size:clamp(24px,2.8vw,36px);font-weight:700;transition:background .18s,transform .18s}.primary-button:hover{background:var(--purple-dark);transform:translateY(-2px)}.text-link{color:var(--purple);font-size:clamp(20px,2.2vw,28px);font-weight:700;text-underline-offset:9px;text-decoration-thickness:1px}.games-section{margin-top:32px;background:#f2e9f6;border-radius:var(--radius);padding:24px 28px 30px}.section{padding-block:52px 64px}h2{font-size:clamp(32px,3.7vw,48px);font-weight:800;letter-spacing:-.035em;display:flex;align-items:center;gap:16px}h2::before{content:"";display:block;flex:0 0 8px;height:.9em;border-radius:3px;background:var(--purple)}.game-list{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:12px}.game-list li{min-width:0}.game-list a,.game-list span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:18px;min-height:118px;padding:16px 4px;background:#fbf7fc;font-size:clamp(15px,1.75vw,22px);font-weight:700;white-space:nowrap;text-decoration:none}.game-list a{transition:background .2s}.game-list a:hover{background:#e9d6f2}.game-list img{width:clamp(32px,4.5vw,52px);height:clamp(32px,4.5vw,52px)}.mahjong-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;margin-top:36px;align-items:stretch}.mahjong-photo{min-height:0}.mahjong-photo img{width:100%;height:100%;max-height:670px;object-fit:cover;object-position:center 60%;border-radius:22px}.rule-facts{background:#efdef4;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;padding:18px 12px}.rule-facts>div{display:flex;align-items:center;justify-content:center;gap:14px}.rule-facts>div+div{border-left:1px solid #b459cc}.rule-facts strong{font-size:clamp(24px,3vw,38px);line-height:1.3}.rule-steps{list-style:none;counter-reset:rule;margin:4px 0 0;padding:0}.rule-steps>li{counter-increment:rule;display:flex;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line)}.rule-steps>li:last-child{border-bottom:0;padding-bottom:0}.rule-steps>li::before{content:counter(rule);flex:0 0 44px;height:44px;display:grid;place-items:center;background:#e8c7f1;border-radius:50%;font-weight:700;font-size:28px;line-height:1}.rule-steps h3{font-size:24px;margin-bottom:3px}.rule-steps p{font-size:17px;line-height:1.65}.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin-top:64px;padding-top:44px;border-top:1px solid var(--line)}.detail-grid h3{font-size:27px;margin-bottom:20px}.formula{display:inline-block;padding:8px 14px;background:#f0e4f5;border-radius:8px;font-weight:700;font-size:17px;margin-bottom:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:16px;line-height:1.65}th,td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}thead{background:#eee1f3}thead th{font-weight:700;white-space:nowrap}tbody th{font-weight:600;white-space:nowrap}.scoring td:last-child{white-space:nowrap}.note{font-size:14px;line-height:1.8;color:var(--muted);margin-top:16px}.explanation-list{margin:0}.explanation-list>div{padding:0 0 22px;margin-bottom:20px;border-bottom:1px solid var(--line)}.explanation-list>div:last-child{margin-bottom:0;border-bottom:0}.explanation-list dt{font-size:19px;font-weight:700;margin-bottom:6px}.explanation-list dd{margin:0;font-size:16px;color:var(--muted)}.poker-section{background:#f0e9f3;padding-block:56px 64px}.poker-overview{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-block:36px}.poker-overview>div+div{border-left:1px solid #d6c4dc;padding-left:60px}.poker-overview h3{font-size:24px}.card-example{font-size:clamp(22px,2.5vw,34px);font-weight:700;margin-block:12px;color:#6a2c90}.poker-overview p:last-child{font-size:16px;color:var(--muted)}.comparison-table{border-radius:12px}.comparison-table table{background:#faf7fb;table-layout:fixed}.comparison-table th:first-child{width:21%}.comparison-table th:nth-child(2){width:39%}.comparison-table td{overflow-wrap:anywhere;padding-block:18px}.comparison-table thead{background:#e4d0ee}.terms-section{padding-block:58px 70px}.term-groups{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:28px;align-items:start}.term-groups details{border-bottom:1px solid var(--line)}.term-groups summary{font-size:21px;font-weight:700;padding:22px 8px 22px 0;cursor:pointer;list-style-position:inside}.term-groups summary::marker{color:var(--purple);font-size:15px}.term-list{margin:0;padding-bottom:20px}.term-list>div{display:grid;grid-template-columns:94px 1fr;gap:18px;padding:9px 0}.term-list dt{font-size:16px;font-weight:700}.term-list dd{font-size:16px;color:var(--muted);margin:0}.site-footer{border-top:1px solid var(--line);padding-block:28px;color:var(--muted);font-size:14px}.site-footer .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{text-decoration:none;font-size:23px;font-weight:800;color:var(--ink)}.site-footer a:last-child{text-underline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.games-section{padding:32px 40px 40px}.game-list{margin-top:30px;gap:16px}.game-list a,.game-list span{min-height:148px}.section{padding-top:68px}.mahjong-layout{gap:54px}.rule-steps>li{padding-block:26px}.rule-steps p{font-size:19px}.rule-steps h3{font-size:28px}.rule-facts{padding-block:24px}.hero-actions{gap:50px;margin-top:48px}.primary-button{min-width:310px;min-height:90px}}
@media(max-width:1000px){.header-inner{gap:24px}.site-header nav{gap:28px}.site-header nav a{font-size:17px}.wordmark{font-size:36px}.container{width:calc(100% - 64px)}.header-inner{width:calc(100% - 64px)}.hero-content>p{font-size:21px}.hero h1{font-size:76px}.games-section{padding-inline:24px}.game-list{gap:9px}.game-list a,.game-list span{font-size:16px;min-height:112px;border-radius:16px}.mahjong-layout{gap:36px}.rule-steps>li{gap:15px;padding-block:17px}.rule-steps h3{font-size:22px}.rule-steps p{font-size:16px}.rule-steps>li::before{flex-basis:40px;height:40px;font-size:26px}.detail-grid{gap:36px}.rule-facts strong{font-size:29px}.rule-facts img{width:38px;height:38px}.rule-facts>div{gap:10px}}
@media(max-width:800px){.header-inner{height:80px}.site-header nav{gap:18px}.site-header nav a{font-size:15px}.wordmark{font-size:30px}.container,.header-inner{width:calc(100% - 40px)}.hero{min-height:560px}.hero h1{font-size:62px}.hero-content>p{max-width:440px;font-size:18px}.hero-actions{gap:26px}.primary-button{min-width:190px;min-height:60px;font-size:24px}.text-link{font-size:20px}.game-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.game-list a,.game-list span{min-height:104px;font-size:17px}.game-list img{width:38px;height:38px}.mahjong-layout{grid-template-columns:.8fr 1.2fr;gap:24px}.rule-facts{padding:16px 4px}.rule-facts strong{font-size:23px}.rule-facts img{width:30px;height:30px}.rule-steps>li{gap:12px}.rule-steps>li::before{flex-basis:32px;height:32px;font-size:22px}.rule-steps h3{font-size:20px}.rule-steps p{font-size:15px}.detail-grid{grid-template-columns:1fr;gap:40px}.poker-overview{gap:28px}.poker-overview>div+div{padding-left:28px}.term-groups{gap:0 28px}.term-list>div{grid-template-columns:76px 1fr;gap:12px}.term-groups summary{font-size:18px}}
@media(max-width:600px){:root{scroll-padding-top:18px}.header-inner{height:74px;position:relative}.wordmark{font-size:30px;letter-spacing:-1px}.menu-button:not([hidden]){display:block}.site-header nav{display:flex;flex-wrap:wrap;gap:0;justify-content:space-between;padding-block:10px;height:auto;border-top:1px solid var(--line)}.header-inner{height:auto;min-height:74px;flex-wrap:wrap;gap:0}.wordmark{margin-block:14px}.site-header nav{width:100%}.site-header nav a{height:42px;font-size:14px}.site-header nav a::after{bottom:0}.js .header-inner{height:74px;flex-wrap:nowrap}.js .site-header nav{display:none;position:absolute;z-index:5;top:73px;left:-20px;right:-20px;width:auto;background:var(--paper);padding:10px 20px 18px;border-bottom:1px solid var(--line);box-shadow:0 8px 14px #300d3209}.js .site-header nav.is-open{display:flex}.hero{min-height:720px;align-items:flex-start}.hero-picture{top:300px}.hero-picture img{object-position:74% bottom}.hero-content{padding-top:40px;padding-bottom:0}.hero h1{font-size:clamp(39px,10vw,58px);line-height:1.22;letter-spacing:-.045em}.hero h1::before{width:5px;margin-right:.16em}.hero-content>p{font-size:16px;line-height:1.8;max-width:330px;margin-top:16px}.hero-actions{gap:28px;margin-top:24px}.primary-button{font-size:21px;min-width:166px;min-height:54px;border-radius:11px;padding:10px 24px}.text-link{font-size:18px}.games-section{margin-top:18px;padding:24px 16px;border-radius:20px}.games-section h2{margin-left:2px}h2{font-size:29px;gap:12px;letter-spacing:-.02em}h2::before{flex-basis:6px}.game-list{margin-top:20px;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.game-list a,.game-list span{min-height:88px;border-radius:12px;gap:7px;font-size:13px;padding:12px 2px}.game-list img{width:31px;height:31px}.section{padding-block:36px 44px}.mahjong-layout{margin-top:26px;display:flex;flex-direction:column;gap:24px}.mahjong-photo{order:2}.mahjong-photo img{height:360px;object-position:center 67%;border-radius:18px}.rule-facts{padding:18px 8px;border-radius:15px}.rule-facts strong{font-size:28px}.rule-facts img{width:36px;height:36px}.rule-steps{margin-top:10px}.rule-steps>li{gap:16px;padding:19px 0}.rule-steps>li::before{flex-basis:36px;height:36px;font-size:24px}.rule-steps h3{font-size:21px;margin-bottom:6px}.rule-steps p{font-size:16px;line-height:1.8}.detail-grid{margin-top:32px;padding-top:28px;gap:30px}.detail-grid h3{font-size:24px;margin-bottom:16px}.formula{font-size:15px;padding:8px 10px}.scoring th,.scoring td{padding:12px 8px;font-size:14px}.scoring th:first-child{width:28%}.note{font-size:13px}.explanation-list dt{font-size:18px}.explanation-list dd{font-size:15px;line-height:1.9}.poker-section{padding-block:36px 40px}.poker-overview{grid-template-columns:1fr;gap:24px;margin-block:28px}.poker-overview>div+div{border-left:0;padding-left:0;border-top:1px solid #d6c4dc;padding-top:24px}.poker-overview h3{font-size:23px}.card-example{font-size:26px;margin-block:10px}.poker-overview p:last-child{font-size:15px}.comparison-table table{table-layout:auto;font-size:14px}.comparison-table th:first-child{width:22%}.comparison-table th:nth-child(2){width:40%}.comparison-table th,.comparison-table td{padding:13px 8px;white-space:normal}.comparison-table td:last-child{min-width:102px}.term-groups{grid-template-columns:1fr;margin-top:20px}.term-groups summary{font-size:18px;padding-block:20px}.term-list>div{grid-template-columns:80px 1fr;gap:16px}.term-list dt,.term-list dd{font-size:15px}.site-footer{padding-block:24px}.site-footer .container{display:grid;grid-template-columns:1fr auto;gap:10px}.site-footer p{grid-row:2;grid-column:1/-1;font-size:12px}.footer-brand{font-size:22px}.site-footer a:last-child{grid-column:2;grid-row:1;font-size:13px}}
@media(max-width:360px){.container,.header-inner{width:calc(100% - 32px)}.hero{min-height:680px}.game-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.game-list a,.game-list span{font-size:12px}.hero-actions{gap:20px}.primary-button{min-width:154px}.hero h1{font-size:38px}.rule-facts strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}