﻿
:root{--page-bg:#edf5f7;--surface:#ffffff;--primary:#176f72;--primary-hover:#105a5d;--accent:#e47845;--text:#153236;--muted:#647b7e;--line:#c6d9dc;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;background:var(--page-bg);color:var(--text)}img{display:block;max-width:100%;height:auto}a{text-decoration:none;color:inherit}.container{width:min(1200px,calc(100% - 52px));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;border-radius:5px;background:var(--primary);color:#fff;font-weight:700}.btn:hover{background:var(--primary-hover)}.muted{color:var(--muted)}main{display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:10px}.migration-header{min-height:86px;background:#fff;border-bottom:1px solid var(--line)}.migration-header__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:86px}.migration-header img{width:150px;object-fit:contain}.migration-brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.12em}.migration-nav{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}.migration-hero{padding:62px 0 96px}.migration-copy h1{font-size:clamp(48px,6.5vw,88px);line-height:.98;max-width:880px;margin:.15em 0 .28em}.migration-copy p{line-height:1.8}.migration-arrow{font-size:28px;font-weight:700;color:var(--accent);text-align:center}.migration-hero figure{margin:0}.migration-hero img{width:100%;object-fit:cover;border:1px solid var(--line)}.migration-sizes{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}.migration-sizes span{padding:10px 14px;background:#fff;border:1px solid var(--line)}.section{padding:92px 0}.section h2{font-size:clamp(28px,3.4vw,40px);margin:0 0 18px;line-height:1.1}.type-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.type-bar a{display:block;padding:18px 20px;background:#fff;border:1px solid var(--line);font-weight:700}.install-check{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#fff;border:1px solid var(--line);padding:16px}.install-check div{padding:10px 12px;border-right:1px solid var(--line)}.install-check div:last-child{border-right:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);padding:22px}.panel p{line-height:1.8}.media img{width:100%;max-height:390px;object-fit:cover;border:1px solid var(--line)}.cta-band{background:#d4eef0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:18px}.cta-band .btn{background:#fff;color:#103e43}.faq-list{display:grid;gap:12px}.faq-item{background:#fff;border:1px solid var(--line)}.faq-item button{all:unset;box-sizing:border-box;min-width:0;display:flex;justify-content:space-between;gap:12px;width:100%;padding:18px 20px;font-weight:700;cursor:pointer}.faq-panel{padding:0 20px 18px;line-height:1.8;color:var(--muted)}.js .faq-panel{display:none}.footer-migration{background:#fff;border-top:1px solid var(--line);padding:24px 0 28px}.footer-grid{display:grid;grid-template-columns:.65fr .35fr;gap:24px;align-items:start}.footer-links{display:grid;gap:10px;justify-items:end}.footer-topline{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}@media (max-width:900px){.migration-header__row,.migration-hero__stage,.two-col,.footer-grid{grid-template-columns:1fr}.migration-nav{justify-content:flex-start}.cta-band .container{display:block}.install-check{grid-template-columns:1fr 1fr}.migration-arrow{transform:rotate(90deg)}}@media (max-width:640px){.migration-hero{padding-top:54px}.migration-copy h1{font-size:clamp(36px,12vw,48px)}.btn{min-height:44px;padding:12px 18px}.section{padding:68px 0}.type-bar,.install-check{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}


img{filter:none;opacity:1}
img[src$="hhpoker-logo.png"]{background:#101820;padding:7px 13px;border-radius:6px;box-sizing:content-box}
.logo-img,.footer-logo{max-width:180px;height:auto;object-fit:contain;opacity:1;display:block}
button,.btn,.header-btn,.ghost-btn{min-height:48px;padding:12px 22px;font-weight:700}

