*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#D7E4E6;color:#2A3A3C;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:contain;object-position:center}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(980px,calc(100% - 32px));margin:0 auto}.site-top{position:fixed;z-index:50;inset:0 0 auto 0}.topline{height:20px;background:#1E2C2E;color:#F3F7F7;font-size:12px}.top-inner,.brand-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.text-btn,.menu-btn,.close-btn{border:0;background:transparent;color:inherit;min-height:44px;padding:0 12px}.topline .text-btn{min-height:20px;padding:0}.brandbar{height:54px;background:#F3F7F7;border-bottom:1px solid rgba(74,138,140,.35)}.brand{display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:800;color:#1E2C2E}.logo{height:24px;width:auto;max-width:120px}.brand-actions{display:flex;align-items:center;gap:6px}.app-link,.menu-btn{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:7px}.app-link{border:1px solid rgba(74,138,140,.42);color:#1E2C2E}.menu-btn{background:#1E2C2E;color:#F3F7F7}.side-nav{position:fixed;z-index:45;top:86px;left:max(16px,calc((100vw - 980px)/2 - 118px));width:96px;display:flex;flex-direction:column;background:#E4EEEF;border:1px solid rgba(30,44,46,.14);border-radius:8px;padding:6px}.side-nav a{height:34px;display:flex;align-items:center;padding:0 10px;color:#1E2C2E;border-left:3px solid transparent}.side-nav a.active{border-left-color:#4A8A8C;background:#F3F7F7;font-weight:700}.site-main{padding-top:98px;min-height:70vh}.hero,.section,.article-shell{width:min(980px,calc(100% - 32px));margin:0 auto 24px}.hero{padding:34px 0 12px}.eyebrow{font-size:13px;color:#4A6064;letter-spacing:.08em}.hero h1,.article-head h1{font-size:24px;line-height:1.3;color:#1E2C2E;margin:10px 0}.hero .lead,.article-head p{max-width:760px;color:#4A6064}.quick-index{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}.quick-index a{background:#F3F7F7;border:1px solid rgba(30,44,46,.14);border-radius:8px;padding:10px 12px;font-weight:700;color:#1E2C2E}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:8px;font-size:14px}.btn.primary{background:linear-gradient(135deg,#4A8A8C 0%,#1E2C2E 100%);color:#F3F7F7}.btn.secondary{background:#F3F7F7;color:#1E2C2E;border:1px solid #4A8A8C}.btn:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #C4A070;outline-offset:2px}.section{background:#F3F7F7;border:1px solid rgba(30,44,46,.14);border-radius:10px;padding:24px;box-shadow:0 12px 28px rgba(30,44,46,.08)}.section h2{font-size:20px;color:#1E2C2E;margin:0 0 14px}.section h3{font-size:16px;color:#1E2C2E;margin:0 0 8px}.section p{margin:0 0 12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.media-slot{height:168px;background:#C4D4D6;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}.media-slot img{max-height:100%;width:100%;object-fit:contain}.ride{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ride article,.card,.note-card,.status-item,.topic-card{background:#E4EEEF;border:1px solid rgba(30,44,46,.14);border-radius:8px;padding:18px}.clip-pair{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.shelf-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.periods div{border-top:3px solid #4A8A8C;padding:14px;background:#E4EEEF}.status-list{display:flex;flex-direction:column;gap:10px}.status-item{display:grid;grid-template-columns:120px 1fr;align-items:center}.status-item b{color:#1E2C2E}.app-split{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:center}.app-visual{height:320px;background:#C4D4D6;border-radius:10px;display:flex;align-items:center;justify-content:center}.app-visual img{max-height:100%;width:100%;object-fit:contain}.icon-row{display:flex;align-items:center;gap:12px}.icon-row img{width:48px;height:48px}.article-head{padding:28px 0 18px}.article-body{background:#F3F7F7;border:1px solid rgba(30,44,46,.14);border-radius:10px;padding:28px;box-shadow:0 12px 28px rgba(30,44,46,.08)}.article-body h2{font-size:20px;color:#1E2C2E;margin:26px 0 10px}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:16px;color:#1E2C2E}.article-body p{margin:0 0 14px}.layout-ride .article-body{background:transparent;border:0;box-shadow:none;padding:0}.layout-ride .story-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.layout-ride .story-row section{background:#F3F7F7;border:1px solid rgba(30,44,46,.14);padding:20px;border-radius:9px}.layout-news .article-body{columns:2;column-gap:34px}.layout-news .article-body h2,.layout-news .article-body p,.layout-news .article-body .media-slot{break-inside:avoid}.layout-clips .article-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:transparent;border:0;box-shadow:none;padding:0}.layout-clips .article-body section{background:#F3F7F7;border:1px solid rgba(30,44,46,.14);padding:22px;border-radius:9px}.layout-centered .article-body{max-width:760px;margin:0 auto;text-align:center}.layout-centered .article-body section{text-align:left;border-bottom:1px solid rgba(30,44,46,.14);padding:14px 0}.memo-list{display:grid;gap:12px}.memo-list section{padding:18px;background:#E4EEEF;border-left:4px solid #4A8A8C;border-radius:6px}.topic-list{display:grid;gap:12px}.topic-list section{display:grid;grid-template-columns:180px 1fr;gap:18px;background:#F3F7F7;border:1px solid rgba(30,44,46,.14);padding:18px;border-radius:8px}.terms section{padding:18px 0;border-bottom:1px solid rgba(30,44,46,.14)}.faq-list details{background:#F3F7F7;border:1px solid rgba(30,44,46,.14);border-radius:8px;padding:15px 18px;margin-bottom:10px}.faq-list summary{font-weight:700;color:#1E2C2E;cursor:pointer}.faq-list p{margin:10px 0 0}.site-footer{background:#162022;color:#D7E4E6;border-top:1px solid #4A8A8C;margin-top:44px;padding:28px 0 calc(24px + env(safe-area-inset-bottom));font-size:13px}.footer-head{padding-bottom:18px}.footer-brand{display:inline-flex;align-items:center;gap:10px}.footer-brand span{display:flex;flex-direction:column}.footer-brand small{color:#6f898d}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:16px 0;border-top:1px solid rgba(215,228,230,.14);border-bottom:1px solid rgba(215,228,230,.14)}.footer-grid h3{font-size:13px;margin:0 0 8px;color:#F3F7F7}.footer-grid a{display:block;padding:3px 0;color:#D7E4E6}.footer-note{padding-top:16px;color:#a9bcbf}.copyright{padding-top:8px;color:#82979b}.overlay{position:fixed;inset:0;background:rgba(22,32,34,.46);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:90;left:18px;bottom:18px;width:360px;max-width:calc(100vw - 36px);max-height:480px;overflow:auto;background:#F3F7F7;color:#2A3A3C;border:1px solid rgba(30,44,46,.14);border-radius:10px;box-shadow:0 18px 60px rgba(30,44,46,.28);padding:18px;transform:translateY(24px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.drawer[aria-hidden="false"]{transform:none;opacity:1;visibility:visible;pointer-events:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-18px;background:#F3F7F7;padding:6px 0 10px}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-groups section{padding:10px 0;border-top:1px solid rgba(30,44,46,.14)}.drawer-groups h3{font-size:13px;margin:0 0 6px;color:#4A6064}.drawer-groups a{display:grid;grid-template-columns:78px 1fr;gap:8px;padding:8px 0}.drawer-groups span{color:#6A8084}.search-panel{position:fixed;z-index:90;top:74px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none}.search-panel[aria-hidden="false"]{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(980px,calc(100% - 32px));margin:0 auto;background:#F3F7F7;border:1px solid rgba(30,44,46,.14);border-radius:0 0 10px 10px;padding:18px;box-shadow:0 12px 28px rgba(30,44,46,.18)}.search-head{display:flex;align-items:center;justify-content:space-between;color:#1E2C2E}.search-card input{width:100%;height:44px;border:1px solid rgba(74,138,140,.42);border-radius:8px;padding:0 12px;background:#fff;color:#1E2C2E}.search-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-links a{padding:8px 12px;border-radius:8px;background:#E4EEEF}.locked{overflow:hidden}.mobile-nav{display:none}
@media(max-width:1180px){.side-nav{display:none}.site-main{padding-top:88px}}
@media(max-width:720px){.wrap,.hero,.section,.article-shell{width:calc(100% - 32px)}.quick-index{grid-template-columns:1fr 1fr}.hero{padding-top:22px}.two-col,.ride,.clip-pair,.shelf-pair,.periods,.app-split,.layout-ride .story-row,.layout-clips .article-body,.topic-list section{grid-template-columns:1fr}.layout-news .article-body{columns:1}.section,.article-body{padding:20px}.app-split{gap:16px}.app-visual{height:280px}.status-item{grid-template-columns:92px 1fr}.footer-grid{grid-template-columns:1fr 1fr}.drawer{width:88%;left:6%;bottom:60px}.search-panel{top:0;bottom:0;background:#1E2C2E}.search-card{width:100%;height:100%;border:0;border-radius:0;background:#1E2C2E;color:#F3F7F7;padding-top:30px}.search-head{color:#F3F7F7}.search-card input{background:#F3F7F7}.search-links a{background:#2f4245;color:#F3F7F7}.mobile-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#F3F7F7;border-top:1px solid rgba(30,44,46,.14);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:48px}.mobile-nav a.active{background:#4A8A8C;color:#F3F7F7}.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.brand-actions{gap:4px}.app-link,.menu-btn{padding:0 10px}.top-inner{padding:0}.media-slot{height:150px}.topic-list section{gap:6px}.topic-list section>strong{color:#4A8A8C}}
