@font-face { font-family: 'HYYouYuan'; src: url('/m/assets/font/HYYouYuan_105J.woff2') format('woff2'), url('/m/assets/font/HYYouYuan_105J.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'hanyuanyouyuan'; /* src: url('/m/assets/font/汉仪有圆 105简.ttf') format('truetype'); en1 */ src: url('/m/assets/font/font2.woff2') format('woff2'), url('/m/assets/font/font2.ttf') format('truetype'); font-style: normal; font-display: swap } @font-face { font-family: 'common2'; /* [FZLanTingYuanSDB1GB] */ src: url('/m/assets/font/common/Rocofontblack-Regular.ttf'); font-weight: normal; font-style: normal; font-display: swap } @font-face { font-family: 'common3'; /* 墩墩合并新 244*/ src: url('/m/assets/font/common/common3.ttf'); font-weight: normal; font-style: normal; font-display: swap } :root { --color-ink: #28251f; --color-panel: #24231f; --color-yellow: #ffc64d; --color-yellow-2: #ffdd7a; --color-cream: #fbf7ee; --color-light: #fffaf0; --ease-out: cubic-bezier(.16, 1, .3, 1); font-family: Arial, Helvetica, sans-serif } body { overflow: hidden; background: #1a1d1a; color: var(--color-light); -webkit-tap-highlight-color: transparent } button, a { -webkit-tap-highlight-color: transparent } .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 (prefers-reduced-motion:reduce) { *, *::before, *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001s !important } } /* ============================================================ * flex gap 兼容兜底（iOS 13 / Safari 13.x 不支持 flex 容器 gap） * 由 common.js 实测检测：不支持时 带 no-flex-gap， * 用相邻兄弟 margin 等效还原间距（row→margin-left，column→margin-top）。 * 支持 flex gap 的现代浏览器不会命中 no-flex-gap，零影响。 * ========================================================== */ .no-flex-gap .language-current > * + * { margin-left: .08rem; } .no-flex-gap .language-menu__dots > * + * { margin-left: .06rem; } .no-flex-gap .support-platforms__list > * + * { margin-left: .3rem; } .no-flex-gap .social-pill__bar > * + * { margin-left: .33rem; } .no-flex-gap .social-rail__list > * + * { margin-top: .35rem; } /* facebook 项原有 margin-block:-.2rem 微调，等效现代浏览器 gap+.负margin 后的净间距 */ .no-flex-gap .social-rail__list > .social-rail__item--facebook { margin-top: .15rem; } .no-flex-gap .menu-drawer__item > * + * { margin-left: .22rem; } .no-flex-gap .duck-footer-content > * + * { margin-left: .16rem; } .no-flex-gap .countdown-signup__timer > * + * { margin-left: .08rem; } .no-flex-gap .page2-actions > * + * { margin-left: .34rem; } .no-flex-gap .page3-spirit__stat > * + * { margin-left: .12rem; } .no-flex-gap .page3-spirit__height > * + *, .no-flex-gap .page3-spirit__weight > * + * { margin-left: .04rem; } .no-flex-gap .page4-swiper-nav > * + * { margin-left: .9rem; } .no-flex-gap .page4-swiper-nav .page4-swiper-pagination > * + * { margin-left: .2rem; } .no-flex-gap .page5-cover-bar > * + * { margin-left: .22rem; } .no-flex-gap .site-footer__community-socials > * + * { margin-left: .21rem; } .no-flex-gap .news-detail-header__meta > * + * { margin-left: .12rem; } .no-flex-gap .news-list-item__meta > * + * { margin-top: .02rem; } .no-flex-gap .news-list-pagination > * + * { margin-left: .36rem; } .no-flex-gap .news-list-pagination__pages > * + * { margin-left: .06rem; } .no-flex-gap .tg-dialog__footer > * + * { margin-left: .2rem; } .no-flex-gap .pop-eligible__platforms > * + * { margin-left: .5rem; } .no-flex-gap .pop-ineligible__actions > * + * { margin-left: .24rem; } .no-flex-gap .pop-survey > * + * { margin-top: .58rem; } .no-flex-gap .pop-survey__field--inline > * + * { margin-left: .2rem; } .no-flex-gap .pop-survey__dropdown-trigger > * + * { margin-left: .15rem; } .no-flex-gap .pop-survey__checkbox-item > * + * { margin-left: .17rem; } /* --platform 为 wrap 容器：用 margin-right 避免换行行首偏移（换行行距由 item 上下 padding 承担） */ .no-flex-gap .pop-survey__checkbox-group--platform > * { margin-right: .5rem; } /* --other 项内换行的输入框：恢复与 label 对齐的左缩进，并补偿缺失的行间距 */ .no-flex-gap .pop-survey__checkbox-item--other > .pop-survey__other-input { margin-left: .59rem; margin-top: .21rem; } .no-flex-gap .pop-survey__agreement > * + * { margin-left: .12rem; } .no-flex-gap .pop-survey__nav > * + * { margin-left: .24rem; }