:root{--ink:#111922;--paper:#f3f0e9;--muted:#7a7d78;--line:#d2cdc2;--accent:#ea6a4b;--warm:#d9a344;--white:#fffdf8}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.05;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header,main,footer{max-width:1180px;margin:auto}.site-header{height:86px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:21px;font-weight:900;letter-spacing:.04em}.mark{display:grid;place-items:center;width:37px;height:30px;border:2px solid var(--ink);font:500 12px 'DM Mono';letter-spacing:-.08em}.header-index,.number,footer{font-family:'DM Mono',monospace}.header-index{font-size:10px;letter-spacing:.08em;color:var(--muted)}.header-index b{color:var(--accent);font-weight:400}.index-bar{display:flex;justify-content:space-between;align-items:center;margin:45px 36px 15px;font:11px 'DM Mono';color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.index-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4eae77;box-shadow:0 0 0 4px #4eae7722;margin-right:8px}.count{color:var(--accent)}.platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 36px}.platform{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);background:#f8f5ee;transition:transform .25s ease,background .25s ease,border-color .25s ease}.platform:hover,.platform:focus-visible{transform:translateY(-4px);background:var(--white);border-color:var(--ink);outline:none}.platform.featured{grid-column:span 2;background:var(--ink);border-color:var(--ink);color:var(--paper)}.platform.heartbeat{background:#efe1d5}.preview{height:218px;margin:12px 12px 0;overflow:hidden;position:relative}.featured .preview{height:248px}.mock-top,.mock-bottom,.mahjong-head,.heart-top,.english-top{display:flex;justify-content:space-between;align-items:center;font-size:10px}.preview-tools{padding:18px 20px;background:#1d2a34;color:#dbe1dc}.mock-top{border-bottom:1px solid #44515a;padding-bottom:14px}.mock-top b{font-size:17px;color:#fff}.mock-top span{color:#99a7a8;font-size:9px}.mock-tools{display:flex;align-items:center;gap:9px;padding:31px 0}.tool-main{display:flex;flex-direction:column;min-width:155px;color:#fff;font-size:25px}.tool-main b{font:700 15px 'Noto Sans SC';margin-top:7px}.tool-main small{font:10px 'Noto Sans SC';color:#9da8a8;margin-top:4px}.tool-chip{padding:14px 10px;border:1px solid #53636b;font:10px 'Noto Sans SC';color:#ccd2cf}.mock-bottom{border-top:1px solid #44515a;padding-top:14px;color:#93a19f}.mock-bottom span:last-child{color:#f18868}.preview-mahjong{padding:18px 20px;background:#3c766e;color:#eff8e9}.mahjong-head{color:#d0e8d3}.mahjong-head small{font:9px 'DM Mono';color:#f4c267}.tiles{display:flex;gap:6px;justify-content:center;margin:44px 0 18px}.tiles i{width:38px;height:47px;display:grid;place-items:center;background:#f6efdc;border-radius:4px;color:#b44f40;font-style:normal;font-size:20px;box-shadow:0 3px 0 #244d4a}.mahjong-actions{display:flex;justify-content:center;gap:8px}.mahjong-actions span{padding:6px 14px;border:1px solid #b4d0b7;border-radius:3px;font-size:11px}.mahjong-actions .win{background:#ec9d53;border-color:#ec9d53;color:#443d2b}.mahjong-foot{position:absolute;bottom:15px;left:20px;color:#b7d3bd;font:10px 'DM Mono'}.preview-match{padding:17px 19px;background:#e5eee5;color:#28423d}.mini-head{display:flex;align-items:center;gap:9px}.mini-head small{margin-left:auto;color:#7f938e}.mini-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#7d9d8b;color:white;font-weight:700}.mini-calendar{display:flex;flex-direction:column;margin:27px 0 0;padding:19px;background:#fff;border-radius:8px;box-shadow:0 6px 16px #6b867520}.mini-calendar small{color:#8e9b8e;font-size:9px}.mini-calendar strong{font-size:18px;line-height:1.45;margin:9px 0 16px}.mini-calendar span{font-size:10px;color:#76877a}.mini-calendar em{color:#6d9b76;font-style:normal}.mini-nav{position:absolute;bottom:13px;left:19px;right:19px;display:flex;justify-content:space-between;color:#809187;font-size:9px}.mini-nav .active{color:#467761}.preview-english{padding:17px 19px;background:#f6e4b9;color:#393425}.english-top small{font-size:9px;color:#8d7b55}.english-word{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:30px}.english-word small{font:9px 'DM Mono';color:#9b8a69}.english-word strong{font-size:28px;margin:12px 0}.english-word span{font-size:10px;color:#8e8164}.english-word b{font:500 15px 'DM Mono';margin-top:17px;color:#bb644d}.english-foot{position:absolute;bottom:14px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center;font:12px 'DM Mono';color:#9c875f}.english-foot em{font-size:9px;font-style:normal}.preview-heart{padding:17px 19px;background:#f3c5b4;color:#533c3a}.heart-top small{font:9px 'DM Mono';color:#977069}.heart-center{display:flex;flex-direction:column;align-items:center;margin-top:20px}.heart-center strong{font:700 42px 'DM Mono';color:#c15f54;line-height:1}.heart-center>span{font:10px 'DM Mono';color:#9b645e;margin-top:4px}.pulse{height:40px;display:flex;align-items:center;gap:5px;margin-top:14px}.pulse i{display:block;width:7px;background:#cf675d;border-radius:5px}.pulse i:nth-child(1),.pulse i:nth-child(5),.pulse i:nth-child(9){height:13px}.pulse i:nth-child(2),.pulse i:nth-child(8){height:23px}.pulse i:nth-child(3),.pulse i:nth-child(7){height:34px}.pulse i:nth-child(4){height:18px}.pulse i:nth-child(6){height:27px}.heart-foot{position:absolute;bottom:15px;left:19px;right:19px;display:flex;justify-content:space-between;font-size:10px;color:#8f625b}.heart-foot b{font-weight:500;color:#b55650}.card-info{display:flex;justify-content:space-between;align-items:flex-end;padding:18px 24px 21px}.number{display:block;color:#718079;font-size:9px;letter-spacing:.03em}.featured .number{color:#91a5a4}.number.warm{color:#b37b2b}.card-info h2{font-size:24px;letter-spacing:-.04em;margin:8px 0 5px}.card-info p{margin:0;color:var(--muted);font-size:12px}.featured .card-info p{color:#aeb9b6}.arrow{font-size:23px;line-height:1;transition:transform .2s}.platform:hover .arrow{transform:translate(4px,-4px)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 36px 26px;margin-top:64px;color:var(--muted);font-size:10px;letter-spacing:.07em}@media(max-width:700px){.site-header{height:70px;padding:0 20px}.header-index{display:none}.index-bar{margin:29px 20px 13px}.platforms{display:block;padding:0 20px}.platform{margin-bottom:13px}.platform.featured{display:block}.preview,.featured .preview{height:185px}.featured .preview{height:210px}.mock-tools{padding:23px 0}.tool-main{min-width:115px}.tool-chip{padding:11px 7px;font-size:9px}.tiles{margin:31px 0 13px}.tiles i{width:31px;height:39px;font-size:16px}.card-info{padding:15px 18px 18px}.card-info h2{font-size:21px}.card-info p{font-size:11px}footer{padding:18px 20px;font-size:9px;margin-top:40px}}@media(prefers-reduced-motion:reduce){.platform{transition:none}}