.home{color:var(--ink);background:var(--paper);overflow:hidden}.home .container{width:min(1180px,100% - 40px);margin:0 auto}.home h1,.home h2,.home h3{font-family:var(--font-lora), serif;margin:0}.home p{color:var(--muted);margin:0}.home .text-center{text-align:center}.home .hero{background:linear-gradient(105deg,#f8f4ec 0%,#f2eadf 100%);padding:58px 0 82px;position:relative}.home .hero:before{content:"";opacity:.38;background-image:linear-gradient(#694e3412 1px,#0000 1px),linear-gradient(90deg,#694e3412 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.home .hero:after{content:"楚河　漢界";color:#5f2b1d0b;writing-mode:vertical-rl;letter-spacing:.18em;pointer-events:none;font:700 110px/1.2 serif;position:absolute;top:80px;right:-110px}.home .hero-intro{z-index:1;grid-template-columns:1.08fr .92fr;align-items:end;gap:70px;margin-bottom:38px;display:grid;position:relative}.home .hero-content{max-width:680px}.home .hero-side{padding-bottom:5px}.home .eyebrow{color:var(--red);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:22px;font-size:11px;font-weight:800;display:inline-flex}.home .eyebrow span{font-size:8px}.home .hero-title{letter-spacing:-.055em;font-size:clamp(3rem,5.5vw,5.15rem);font-weight:700;line-height:.98}.home .hero-title span{color:var(--red);font-style:italic}.home .hero-desc{max-width:580px;font-size:.98rem;line-height:1.75}.home .hero-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.home .btn{font:700 .88rem/1 var(--font-be-vietnam-pro), sans-serif;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:all .22s;display:inline-flex}.home .btn-lg{min-height:53px;padding-inline:28px}.home .btn-primary{color:#fff;background:var(--red);box-shadow:0 12px 30px #a6292538}.home .btn-primary:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 16px 38px #a6292545}.home .btn-secondary{color:var(--ink);border-color:var(--line);background:#fffdf8bf}.home .btn-secondary:hover{background:#fffdf8;border-color:#c6b6a1;transform:translateY(-2px)}.home .hero-stats{border-top:1px solid #664e392e;gap:34px;margin-top:25px;padding-top:20px;display:flex}.home .stat-item{flex-direction:column;gap:2px;display:flex}.home .stat-value{color:var(--jade);font:700 1.45rem/1.2 var(--font-lora), serif}.home .stat-label{color:#8a7c70;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.home .game-stage{z-index:2;background:#231b17;border:1px solid #cdbda9;border-radius:24px;width:min(100%,900px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 75px #3626192e}.home .game-stage-bar{color:#eee4d8;background:#2c231e;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:54px;padding:0 20px;font-size:.72rem;display:grid}.home .game-stage-status{letter-spacing:.04em;align-items:center;gap:9px;font-weight:800;display:flex}.home .live-dot{background:#64c38b;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite live-pulse;box-shadow:0 0 0 5px #64c38b1c}.home .game-stage-hint{color:#aa9d91;text-align:center}.home .game-stage-expand{color:#e7c88c;font:inherit;cursor:pointer;background:0 0;border:0;justify-self:end;padding:0;font-weight:700}.home .game-stage-expand:hover{color:#fff1c9}.home .hero-game-frame{background:#231b17;border:0;width:100%;height:min(900px,100svh - 160px);min-height:460px;display:block}.home .game-stage:fullscreen{border:0;border-radius:0;flex-direction:column;width:100%;display:flex}.home .game-stage:fullscreen .hero-game-frame{flex:1;height:auto;max-height:none}@keyframes live-pulse{50%{opacity:.55;transform:scale(.85)}}.home .section{padding:105px 0}.home .section-bg{background:#efe8dc}.home .section-header{max-width:750px;margin:0 auto 55px}.home .section-header h2{letter-spacing:-.045em;font-size:clamp(2.3rem,5vw,4rem);line-height:1.08}.home .section-header h2 em{color:var(--red);font-weight:inherit}.home .section-subtitle{max-width:620px;font-size:.98rem;line-height:1.75;margin:17px auto 0!important}.home .features-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.home .feature-card{border:1px solid var(--line);background:#fffdf8c2;border-radius:20px;min-height:295px;padding:28px 25px;transition:all .24s;position:relative;overflow:hidden}.home .feature-card:after{color:#a629250f;font:700 80px/1 var(--font-lora), serif;position:absolute;bottom:-15px;right:18px}.home .feature-card:first-child:after{content:"01"}.home .feature-card:nth-child(2):after{content:"02"}.home .feature-card:nth-child(3):after{content:"03"}.home .feature-card:nth-child(4):after{content:"04"}.home .feature-card:hover{background:var(--surface);border-color:#a629254d;transform:translateY(-5px);box-shadow:0 22px 50px #36261917}.home .feature-icon-wrapper{width:48px;height:48px;color:var(--red);background:var(--red-soft);border-radius:50%;place-items:center;margin-bottom:42px;display:grid}.home .feature-icon-wrapper svg{width:21px;height:21px}.home .feature-title{z-index:1;font-size:1.15rem;line-height:1.35;position:relative}.home .feature-desc{z-index:1;font-size:.82rem;line-height:1.7;position:relative;margin-top:11px!important}.home .seo-copy{gap:18px;max-width:820px;display:grid}.home .seo-copy p{font-size:.98rem;line-height:1.85}.home .seo-copy a{color:var(--red);text-underline-offset:3px;font-weight:700;text-decoration:underline}.home .interactive-section{border-block:1px solid var(--line);position:relative}.home .interactive-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:85px;display:grid}.home .interactive-content h2{letter-spacing:-.04em;font-size:clamp(2.3rem,5vw,4rem);line-height:1.08}.home .interactive-content .hero-desc{font-size:.95rem}.home .game-info-card{border:1px solid var(--line);background:#fffdf8cc;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-top:28px;padding:14px 16px;display:flex}.home .turn-indicator{align-items:center;gap:9px;font-size:.8rem;font-weight:700;display:flex}.home .turn-dot{background:var(--red);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #a629251a}.home .game-feedback{border-radius:12px;min-height:44px;margin-top:12px;padding:11px 14px;font-size:.82rem;font-weight:700}.home .game-feedback.win{color:var(--jade);background:#dce9e2}.home .game-feedback.retry{color:var(--red);background:var(--red-soft)}.home .interactive-visual{justify-content:center;display:flex}.home .chessboard-container{aspect-ratio:11/12;background:#dfbb7d;border:13px solid #67422f;border-radius:18px;width:min(100%,475px);padding:19px;position:relative;box-shadow:inset 0 0 25px #4d2c1440,0 28px 60px #422b1b33}.home .chessboard-container:after{content:"";pointer-events:none;border:1px solid #ffe8b773;border-radius:10px;position:absolute;inset:-8px}.home .board-lines{pointer-events:none;position:absolute;inset:19px}.home .board-grid-svg{width:100%;height:100%}.home .board-grid-svg line{stroke:#7b512f;stroke-width:1.2px}.home .board-grid-svg .river-text{fill:#765034;letter-spacing:.15em;font-family:serif;font-size:20px;font-weight:700}.home .board-cells{z-index:2;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid;position:relative}.home .chess-piece{grid-column:calc(var(--col) + 1);grid-row:calc(var(--row) + 1);z-index:3;color:#282019;cursor:default;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 25%,#f8e2b3,#d6a866);border:2px solid #9a714a;border-radius:50%;place-self:center;place-items:center;width:39px;height:39px;font:800 19px/1 serif;transition:all .18s;display:grid;position:relative;box-shadow:inset 0 0 0 3px #e8c689,0 4px 7px #3e24124d}.home .chess-piece[role=button]{cursor:pointer}.home .piece-red{color:#a01f1a;border-color:#a84334}.home .chess-piece.selected{transform:scale(1.18)translateY(-3px);box-shadow:0 0 0 5px #fff8d18c,0 8px 16px #3e241259}.home .move-dot{grid-column:calc(var(--col) + 1);grid-row:calc(var(--row) + 1);z-index:5;background:var(--red);cursor:pointer;border:2px solid #f8e2b3;border-radius:50%;place-self:center;width:13px;height:13px;padding:0;box-shadow:0 2px 8px #5d18144d}.home .king-shake{animation:.45s ease-in-out infinite home-shake}@keyframes home-shake{25%{transform:translate(-3px)rotate(-3deg)}75%{transform:translate(3px)rotate(3deg)}}.home .leaderboard-panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;padding:30px}.home .faq-grid{gap:10px;max-width:830px;margin:0 auto;display:grid}.home .faq-item{border:1px solid var(--line);background:#fffdf8b8;border-radius:16px;padding:0 22px;transition:all .2s}.home .faq-item.active{background:var(--surface);border-color:#a6292559;box-shadow:0 13px 35px #36261912}.home .faq-question{width:100%;color:var(--ink);font:700 1rem/1.4 var(--font-lora), serif;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.home .faq-question:after{content:"+";color:var(--red);font:400 23px/1 sans-serif;transition:all .2s}.home .faq-item.active .faq-question:after{transform:rotate(45deg)}.home .faq-answer{max-height:0;transition:all .3s;overflow:hidden}.home .faq-answer p{padding:0 0 20px;font-size:.88rem;line-height:1.7}.home .faq-item.active .faq-answer{max-height:260px}.home .cta-banner{background:var(--paper);padding:90px 0}.home .cta-box{color:#fff;background:var(--red-dark);text-align:center;border-radius:28px;max-width:1030px;margin:0 auto;padding:78px 40px;position:relative;overflow:hidden;box-shadow:0 30px 70px #561e173b}.home .cta-box:before,.home .cta-box:after{content:"將";color:#ffffff0e;font:700 210px/1 serif;position:absolute;top:50%;transform:translateY(-50%)}.home .cta-box:before{left:-35px}.home .cta-box:after{content:"帥";right:-35px}.home .cta-kicker{z-index:1;color:#e9c78d;letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:800;position:relative}.home .cta-title{z-index:1;color:#fff;letter-spacing:-.04em;margin-top:12px;font-size:clamp(2.5rem,5vw,4.1rem);line-height:1.05;position:relative}.home .cta-desc{z-index:1;color:#ffffffb8;max-width:570px;line-height:1.75;position:relative;margin:18px auto 32px!important}.home .download-badges{z-index:1;flex-wrap:wrap;justify-content:center;gap:11px;display:flex;position:relative}.home .cta-box .btn-primary{color:var(--red-dark);box-shadow:none;background:#f4dba9}.home .cta-box .btn-primary:hover{background:#ffe8b8}.home .cta-box .btn-secondary{color:#fff;background:#ffffff12;border-color:#ffffff47}@media (max-width:1000px){.home .hero-intro,.home .interactive-grid{grid-template-columns:1fr}.home .hero-intro{gap:24px}.home .hero-content,.home .hero-side{max-width:760px}.home .game-stage-bar{grid-template-columns:1fr auto}.home .game-stage-hint{display:none}.home .features-grid{grid-template-columns:repeat(2,1fr)}.home .interactive-content{max-width:700px}}@media (max-width:900px){.home .hero-game-frame{height:min(900px,100svh - 190px)}}@media (max-width:640px){.home .container{width:calc(100% - 28px)}.home .hero{padding:42px 0 58px}.home .hero-intro{margin-bottom:26px}.home .hero-title{font-size:clamp(2.75rem,14vw,3.5rem)}.home .hero-desc{font-size:.92rem}.home .hero-actions .btn{flex:190px}.home .hero-stats{justify-content:space-between;gap:18px}.home .game-stage{border-radius:18px;width:calc(100% + 12px);margin-left:-6px}.home .game-stage-bar{min-height:48px;padding:0 14px}.home .game-stage-status,.home .game-stage-expand{font-size:.66rem}.home .hero-game-frame{height:calc(100svh - 185px);min-height:420px}.home .section{padding:72px 0}.home .section-header{margin-bottom:38px}.home .features-grid{grid-template-columns:1fr}.home .feature-card{min-height:235px}.home .feature-icon-wrapper{margin-bottom:27px}.home .interactive-grid{gap:42px}.home .game-info-card{flex-direction:column;align-items:flex-start}.home .chessboard-container{border-width:9px;padding:12px}.home .board-lines{inset:12px}.home .chess-piece{border-width:1px;width:29px;height:29px;font-size:14px;box-shadow:inset 0 0 0 2px #e8c689,0 3px 5px #3e24124d}.home .board-grid-svg .river-text{font-size:14px}.home .leaderboard-panel{padding:20px 15px}.home .cta-box{padding:60px 22px}}