/* 5211 首页 · 深色电影感 / 橙金品牌色。主视觉及艺术字使用独立图片素材。 */
:root { color-scheme: dark; --bg:#0b1019; --panel:#101823; --text:#f5f3e9; --muted:#a4acb9; --orange:#ffa33f; --line:rgba(182,199,222,.14); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 "Microsoft YaHei","PingFang SC",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
h1,h2,h3,p { margin:0; }
a { color:inherit; text-decoration:none; }
button { font:inherit; color:inherit; cursor:pointer; }
img { max-width:100%; vertical-align:middle; }
button,a { -webkit-tap-highlight-color:transparent; }
button { border:0; }
[hidden] { display:none !important; }
:focus-visible { outline:2px solid var(--orange); outline-offset:6px; }
::selection { background:#ffa33f; color:#0b1019; }
.container { width:calc(100% - 128px); max-width:1440px; margin:0 auto; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.skip-link { position:fixed; top:-80px; left:20px; z-index:999; padding:12px 20px; background:var(--orange); color:#10131b; }
.skip-link:focus { top:10px; }
.header { position:fixed; inset:0 0 auto; height:84px; z-index:100; background:rgba(9,14,22,.82); border:0; transition:background .25s,box-shadow .25s; backdrop-filter:blur(16px); }
.header.is-scrolled { background:rgba(9,14,22,.96); box-shadow:0 8px 30px rgba(0,0,0,.16); }
.inHeader { height:100%; display:flex; align-items:center; gap:34px; }
.brand { display:block; flex-shrink:0; }
.brand img { display:block; width:153px; height:auto; }
.site-nav { display:flex; align-items:center; justify-content:center; gap:clamp(18px,2.3vw,38px); margin-left:auto; }
.site-nav a { height:84px; display:flex; align-items:center; position:relative; font-size:14px; font-weight:600; color:#dce0e7; white-space:nowrap; transition:color .2s; }
.site-nav a span { color:#7a8594; margin-left:4px; font-size:14px; }
.site-nav a:hover,.site-nav a:focus-visible,.site-nav .nav-home { color:var(--orange); }
.site-nav a::after { content:""; position:absolute; bottom:0; height:2px; background:var(--orange); left:0; right:0; transform:scaleX(0); transition:transform .25s; }
.site-nav a:hover::after,.site-nav .nav-home::after { transform:scaleX(1); }
.header-download { background:linear-gradient(115deg,#ffb34e,#f98b26); border:0; border-radius:3px; padding:10px 20px; color:#1a130b; font-size:14px; font-weight:700; white-space:nowrap; transition:filter .2s; }
.header-download span { margin-right:5px; font-size:19px; }
.header-download:hover { filter:brightness(1.12); }
.menu-toggle { display:none; }
.hero { position:relative; min-height:850px; min-height:max(820px,100svh); isolation:isolate; overflow:hidden; }
.hero-scenery { position:absolute; inset:0; z-index:-3; background:#101823 url(../images/home-hero.webp) center 20%/cover no-repeat; opacity:.52; }
.hero::before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(0deg,var(--bg) 1%,rgba(11,16,25,.12) 38%,rgba(11,16,25,0) 65%,rgba(11,16,25,.28)); }
.hero::after { content:""; position:absolute; width:80%; height:390px; top:390px; left:10%; background:radial-gradient(ellipse,rgba(7,12,20,.9),rgba(7,12,20,0) 68%); z-index:-1; pointer-events:none; }
.hero-posters { position:absolute; top:125px; left:50%; width:300px; height:385px; margin-left:-150px; perspective:1600px; z-index:-2; }
.hero-poster { width:100%; height:100%; position:absolute; top:0; left:0; border:0; border-radius:5px; overflow:hidden; box-shadow:0 20px 60px rgba(0,0,0,.5); transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.1s,filter 1.1s; backface-visibility:hidden; }
.poster-art { position:absolute; inset:0; background-image:url(../images/home-hero.webp); background-size:auto 110%; background-repeat:no-repeat; }
.hero-poster::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,9,16,.96),transparent 70%); }
.hero-poster>span { position:absolute; left:25px; right:25px; bottom:35px; z-index:1; color:#f2e6c8; font-family:Georgia,"Microsoft YaHei",serif; font-size:34px; font-weight:700; text-shadow:0 2px 12px #000; }
.hero-poster small { display:block; color:#c4c7c9; font:14px/1.5 "Microsoft YaHei",sans-serif; letter-spacing:4px; margin-top:5px; }
.poster-dota .poster-art { background-position:0 0; }
.poster-imba .poster-art { background-position:27% 0; }
.poster-rpg .poster-art { background-position:53% 0; }
.poster-webgame .poster-art { background-position:100% 0; }
.poster-legion .poster-art { background-image:url(../images/in-banner.jpg); background-size:auto 445.75%; background-position:30.45% 3.69%; }
.hero-poster[data-position="0"] { transform:translate3d(0,-12px,0) scale(1.04); opacity:1; filter:brightness(1); z-index:3; }
.hero-poster[data-position="-1"] { transform:translate3d(-285px,22px,-70px) rotateY(24deg); filter:brightness(.88); z-index:2; }
.hero-poster[data-position="1"] { transform:translate3d(285px,22px,-70px) rotateY(-24deg); filter:brightness(.88); z-index:2; }
.hero-poster[data-position="-2"] { transform:translate3d(-570px,-4px,-140px) rotateY(34deg); filter:brightness(.72); z-index:1; }
.hero-poster[data-position="2"] { transform:translate3d(570px,-4px,-140px) rotateY(-34deg); filter:brightness(.72); z-index:1; }
.hero-content { position:relative; text-align:center; padding-top:410px; padding-bottom:120px; z-index:2; }
.hero-eyebrow { display:flex; align-items:center; justify-content:center; gap:15px; font-size:14px; letter-spacing:5px; color:#d1c8b6; margin-bottom:12px; }
.hero-eyebrow span { width:30px; height:1px; background:#bd9b62; }
.hero h1 { margin:0 auto; line-height:1.1; max-width:850px; }
.hero-headline { display:block; width:100%; height:auto; }
.hero-subtitle { font-size:23px; letter-spacing:5px; color:#f0e9d8; margin-top:18px; }
.action-btn { display:flex; align-items:flex-start; justify-content:center; gap:16px; margin-top:28px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:17px; height:58px; padding:0 32px; border:0; border-radius:3px; font-size:16px; font-weight:600; transition:background .22s,transform .22s,box-shadow .22s,color .22s; }
.button-primary { min-width:260px; background:linear-gradient(115deg,#ffb44d,#fa9028);  box-shadow:0 0 25px rgba(251,146,40,.24),inset 0 1px 0 rgba(255,255,255,.3); color:#16120d; font-size:19px; }
.button-primary svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.button-primary:hover { background:#ffbd65; box-shadow:0 0 35px rgba(251,146,40,.38); transform:translateY(-2px); }
.button-outline { background:rgba(11,16,25,.55);  color:#f1e9d9; }
.button-outline:hover { color:#1b1309; background:var(--orange); transform:translateY(-2px); }
.load-register { min-width:170px; }
.download-primary { position:relative; }
.version { display:block; font-size:14px; color:#aeb5c1; max-width:260px; }
.version:empty { display:none; }
.hero-secondary { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; align-items:center; margin-top:17px; color:#a9b1bd; font-size:14px; }
.hero-secondary>span:first-child { display:inline-flex; align-items:center; gap:7px; }
.windows-icon { width:14px; height:14px; fill:currentColor; }
.divider { width:1px; height:10px; background:#667180; opacity:.6; }
.hero-secondary a:hover { color:var(--orange); }
.hero-bottom { position:absolute; bottom:20px; left:0; right:0; z-index:3; text-align:center; }
.hero-pagination { display:flex; justify-content:center; align-items:center; gap:7px; }
.hero-dot,.hero-pause { background:rgba(7,13,20,.65); color:#bec4cf; border-radius:50%; width:28px; height:28px; font:14px/28px Arial,sans-serif; padding:0; transition:color .25s,background .25s; }
.hero-dot[aria-pressed="true"] { background:var(--orange); color:#1a1309; }
.hero-dot:hover,.hero-pause:hover { color:#fff; background:#604323; }
.hero-pause { margin-left:8px; border:0; border-radius:0; background:transparent; }
.scroll-cue { display:flex; flex-direction:column; align-items:center; gap:8px; width:max-content; margin:14px auto 0; color:#939cab; }
.scroll-cue span { font-size:14px; letter-spacing:3px; }
.scroll-cue svg { width:18px; height:10px; fill:none; stroke:#e5dfd3; stroke-width:1.5; animation:scroll-hint 2.5s ease-in-out infinite; }
@keyframes scroll-hint { 0%,100% { transform:translateY(0); } 50% { transform:translateY(4px); } }
.games-section { padding:85px 0 55px; position:relative; background:radial-gradient(ellipse at 50% 40%,rgba(38,61,77,.13),transparent 70%); }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px; }
.eyebrow { color:#8f9ba9; font:14px/1.5 Arial,sans-serif; letter-spacing:2px; margin-bottom:12px; }
.section-heading .eyebrow::before,.news-intro .eyebrow::before { content:""; display:inline-block; background:var(--orange); width:2px; height:12px; margin-right:10px; vertical-align:middle; }
h2 { font-size:clamp(29px,3vw,44px); line-height:1.3; letter-spacing:1px; }
.accent-dot { color:var(--orange); margin-left:4px; }
.section-description { color:#a6afbb; font-size:15px; line-height:1.9; margin-top:14px; }
.heading-note { color:#697584; letter-spacing:3px; font-size:14px; padding-bottom:5px; }
.game-grid { display:grid; grid-template-columns:1.08fr 1fr 1fr; gap:20px; }
.game-card { position:relative; overflow:hidden; height:360px; border-radius:5px; border:0; background:#141e2a; isolation:isolate; transition:transform .35s,border-color .35s; }
.game-card::after { content:""; z-index:-1; position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,12,20,.98) 0%,rgba(7,12,20,.68) 28%,transparent 78%); }
.game-art { position:absolute; inset:0; z-index:-2; background-image:url(../images/home-hero.webp); background-size:auto 170%; background-repeat:no-repeat; transition:transform .7s cubic-bezier(.22,1,.36,1),filter .7s; }
.game-dota .game-art { background-position:0 0; }
.game-rpg .game-art { background-position:52% 0; }
.game-webgame .game-art { background-position:100% 0; }
.game-card:hover,.game-card:focus-visible { transform:translateY(-5px);  }
.game-card:hover .game-art { transform:scale(1.05); filter:brightness(1.1); }
.game-number { position:absolute; top:22px; left:25px; font:14px/1.5 Arial,sans-serif; letter-spacing:2px; color:rgba(255,255,255,.6); }
.game-copy { position:absolute; left:28px; bottom:26px; right:20px; }
.game-kicker { font-size:14px; color:#c3c7c9; }
.game-copy h3 { font:700 37px/1.3 Georgia,"Microsoft YaHei",serif; letter-spacing:1px; margin:8px 0 5px; color:#f6edd8; }
.game-copy h3 span { font-size:30px; margin-left:7px; }
.game-copy p { color:#d1d1ca; font-size:14px; }
.game-link { display:inline-flex; align-items:center; gap:20px; margin-top:23px; color:var(--orange); font-size:14px; font-weight:600; }
.game-link span { font-size:19px; transition:transform .3s; }
.game-card:hover .game-link span { transform:translate(3px,-3px); }
.game-bottom { display:flex; justify-content:space-between; gap:15px; color:#727f8d; font-size:14px; letter-spacing:1px; padding:24px 0 0; }
.game-bottom div { display:flex; gap:24px; }
.game-bottom a:hover { color:var(--orange); }
.news-section { position:relative; padding:75px 0 100px; }
.news-section::before { content:""; position:absolute; top:0; left:64px; right:64px; max-width:1440px; margin:auto; height:1px; background:linear-gradient(90deg,transparent,var(--line),transparent); }
.news-layout { display:grid; grid-template-columns:225px minmax(0,1fr); gap:48px; }
.news-intro h2 { font-size:57px; line-height:1.2; letter-spacing:3px; position:relative; margin-top:18px; }
.news-intro h2 span { display:block; }
.news-intro h2 i { color:var(--orange); font-style:normal; position:absolute; left:128px; bottom:0; }
.news-intro .section-description { margin-top:24px; font-size:14px; }
.news-more { height:44px; font-size:14px; padding:0 22px; margin-top:28px; color:var(--orange); font-weight:400; }
.news-tabs { display:flex; gap:25px; flex-wrap:wrap; min-height:45px; border:0; align-items:flex-start; margin-bottom:24px; padding:0 0 0 4px; }
.news-tab,.news-tabs>span { padding:0 5px 14px; background:none; color:#a5afbb; position:relative; font-size:14px; white-space:nowrap; }
.news-tab { border:0; transition:color .25s,border-color .25s; }
.news-tab[aria-pressed="true"] { color:var(--orange);  }
.news-tab:hover { color:#f8e0bd; }
.news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.news-card { min-width:0; border:0; border-radius:4px; background:linear-gradient(145deg,#141d29,#0f1721); overflow:hidden; transition:border-color .3s,transform .3s,box-shadow .3s; animation:news-enter .35s both; animation-delay:calc(var(--card-index,0)*40ms); }
.news-card:hover,.news-card:focus-visible { transform:translateY(-5px);  box-shadow:0 14px 35px rgba(0,0,0,.2); }
.news-cover { aspect-ratio:1.8; position:relative; background:#16202c url(../images/bg5.jpg) center/cover no-repeat; overflow:hidden; }
.news-cover::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(7,13,21,.5),transparent 60%); }
.news-cover img { width:100%; height:100%; object-fit:cover; transition:transform .6s; }
.news-card:hover .news-cover img { transform:scale(1.04); }
.news-category { position:absolute; bottom:11px; left:14px; z-index:1; padding:2px 8px; font-size:14px; color:#ffc17b; border:0; background:rgba(30,23,17,.86); border-radius:2px; max-width:calc(100% - 28px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news-body { padding:18px 18px 15px; }
.news-body h3 { font-size:15px; font-weight:600; line-height:1.7; height:3.4em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color:#e9edf1; }
.news-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:18px; }
.news-date { font:14px/1.5 Arial,sans-serif; color:#8996a6; overflow-wrap:anywhere; }
.news-arrow { font-size:21px; color:var(--orange); line-height:1; }
.news-status { padding:40px 24px; color:#a5afbb; font-size:14px; line-height:1.8; background:rgba(22,32,45,.45); border:0; }
.news-status a { color:var(--orange); }
.news-retry { margin-top:15px; border:0; background:transparent; color:var(--orange); padding:8px 20px; border-radius:3px; font-size:14px; }
@keyframes news-enter { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:none; } }
.footer { border:0; background:#121720; padding:48px 0 32px; }
.infooter { max-width:1160px; }
.footer-hd { display:flex; align-items:center; justify-content:center; gap:48px; }
.footer-left { display:flex; align-items:center; gap:30px; flex-shrink:0; }
.footer-left .logo11 { width:195px; height:73px; }
.footer-left .age18 { width:73px; height:95px; }
.footer-right { flex:0 1 auto; min-width:0; }
.footer-right-tab { display:flex; flex-wrap:wrap; gap:6px 0; margin-bottom:10px; }
.footer-right-tab a { color:#c0c8d2; font-size:14px; line-height:1.5; }
.footer-right-tab a+a::before { content:"|"; color:#4c5868; margin:0 13px; }
.footer-right p,.footer-bd p { color:#8e9aab; font-size:14px; line-height:1.9; overflow-wrap:anywhere; }
.footer-separator { margin:0 10px; color:#4c5868; }
.footer a { transition:color .2s; }
.footer a:hover { color:var(--orange); }
.footer-bd { margin-top:30px; padding-top:22px; border:0; text-align:center; }
.footer-bt { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; margin-top:24px; }
.footer-bt a,.footer-bt>span { display:block; border:0; border-radius:4px; overflow:hidden; background:rgba(0,0,0,.04); transition:border-color .2s; }
.footer-bt a:hover {  }
.footer-bt img { display:block; width:116px; height:46px; }
.back-top { position:fixed; bottom:28px; right:24px; z-index:20; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border:0; border-radius:3px; color:var(--orange); background:rgba(13,21,31,.93); font-size:22px; }
[data-reveal] { transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1); }
[data-reveal].is-pending { opacity:0; transform:translateY(24px); }
@media(min-width:1600px) { .hero-posters { top:145px; width:330px; height:410px; margin-left:-165px; } .hero-content { padding-top:490px; } .hero h1 { max-width:950px; } .hero { min-height:900px; min-height:max(900px,100svh); } .game-card { height:410px; } }
@media(max-width:1180px) {
    .container { width:calc(100% - 80px); }
    .inHeader { gap:24px; }
    .site-nav { gap:20px; }
    .brand img { width:135px; }
    .header-download { padding:9px 13px; font-size:14px; }
    .site-nav a { font-size:14px; }
    .news-layout { grid-template-columns:185px minmax(0,1fr); gap:28px; }
    .news-intro h2 { font-size:48px; }
    .news-intro h2 i { left:109px; }
    .news-grid { gap:14px; }
    .news-body { padding:14px; }
    .news-body h3 { font-size:14px; }
    .footer-hd { gap:32px; }
    .footer-left { gap:20px; }
    .footer-left .logo11 { width:160px; height:auto; }
    .game-card { height:330px; }
    .game-copy { left:22px; }
    .game-copy h3 { font-size:32px; }
    .game-copy h3 span { font-size:27px; }
}
@media(max-width:960px) {
    .header { height:72px; }
    .inHeader { gap:18px; }
    .header-download { margin-left:auto; }
    .menu-toggle { display:flex; order:3; width:34px; height:34px; background:none; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0; }
    .menu-toggle span { width:21px; height:2px; background:#e0e5eb; transition:transform .2s; }
    .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
    .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .site-nav { position:absolute; top:72px; left:0; right:0; padding:12px 40px 20px; background:#101722; border:0; display:none; grid-template-columns:repeat(3,1fr); gap:0 20px; }
    .site-nav.is-open { display:grid; }
    html:not(.js):not(.ie-legacy) .header { position:absolute; height:auto; }
    html:not(.js):not(.ie-legacy) .inHeader { flex-wrap:wrap; padding:10px 0; }
    html:not(.js):not(.ie-legacy) .site-nav { display:flex; position:static; flex-wrap:wrap; flex-basis:100%; order:3; padding:0; background:none; }
    html:not(.js):not(.ie-legacy) .site-nav a { height:35px; font-size:14px; }
    html:not(.js):not(.ie-legacy) .menu-toggle { display:none; }
    .site-nav a { height:48px; font-size:14px; }
    .site-nav a::after { display:none; }
    .hero-posters { transform:scale(.87); transform-origin:50% 0; top:120px; }
    .hero-content { padding-top:435px; }
    .hero { min-height:800px; }
    .news-layout { grid-template-columns:1fr; gap:28px; }
    .news-intro { display:flex; align-items:center; flex-wrap:wrap; gap:12px 30px; }
    .news-intro .eyebrow { flex-basis:100%; margin-bottom:0; }
    .news-intro h2 { font-size:36px; margin:0; white-space:nowrap; }
    .news-intro h2 span { display:inline; }
    .news-intro h2 i { position:static; }
    .news-intro .section-description { margin:0; font-size:14px; }
    .news-more { margin:0 0 0 auto; }
    .game-grid { gap:14px; }
    .game-card { height:310px; }
    .game-kicker { display:none; }
    .game-copy h3 { font-size:26px; }
    .game-copy h3 span { font-size:23px; }
    .game-copy p { font-size:14px; }
    .heading-note { display:none; }
    .footer-hd { align-items:flex-start; }
    .footer-left { flex-direction:column; align-items:flex-start; gap:18px; }
    .footer-left .age18 { width:50px; height:auto; }
}
@media(max-width:640px) {
    html { scroll-padding-top:90px; }
    .container { width:calc(100% - 40px); }
    .header { height:64px; }
    .brand img { width:116px; }
    .inHeader { gap:12px; }
    .header-download { font-size:14px; padding:8px 11px; }
    .header-download span { font-size:15px; }
    .site-nav { top:64px; padding:10px 24px 20px; grid-template-columns:repeat(2,1fr); }
    .hero { min-height:760px; }
    .hero-scenery { background-position:50% 0; opacity:.45; }
    .hero-posters { top:110px; transform:scale(.6); }
    .hero-content { padding-top:365px; }
    .hero h1 { width:100%; }
    .hero-eyebrow { font-size:14px; letter-spacing:3px; margin-bottom:14px; }
    .hero-subtitle { font-size:15px; letter-spacing:2px; margin-top:16px; }
    .action-btn { gap:10px; margin-top:28px; }
    .button { height:51px; padding:0 18px; font-size:14px; gap:10px; }
    .button-primary { min-width:190px; font-size:15px; }
    .load-register { min-width:105px; }
    .button-primary svg { width:20px; height:20px; }
    .hero-secondary { font-size:14px; gap:9px; }
    .hero-bottom { bottom:28px; }
    .games-section { padding:45px 0 36px; }
    h2 { font-size:28px; }
    .eyebrow { font-size:14px; margin-bottom:10px; }
    .section-description { font-size:14px; margin-top:12px; }
    .section-heading { margin-bottom:24px; }
    .game-grid { grid-template-columns:1fr; gap:16px; }
    .game-card { height:285px; }
    .game-art { background-size:cover; background-position:0 30%; }
    .game-dota .game-art { background-size:170% auto; background-position:0 10%; }
    .game-rpg .game-art { background-size:170% auto; background-position:52% 10%; }
    .game-webgame .game-art { background-size:170% auto; background-position:100% 10%; }
    .game-copy { left:24px; bottom:22px; }
    .game-copy h3 { font-size:32px; }
    .game-copy h3 span { font-size:27px; }
    .game-number { top:20px; left:24px; }
    .game-link { margin-top:17px; }
    .game-bottom { font-size:14px; flex-wrap:wrap; padding-top:21px; }
    .news-section { padding:40px 0 55px; }
    .news-section::before { left:20px; right:20px; }
    .news-intro { gap:12px; }
    .news-intro h2 { font-size:34px; }
    .news-intro .section-description { display:none; }
    .news-more { height:38px; font-size:14px; padding:0 14px; }
    .news-tabs { gap:12px; margin-bottom:20px; padding-left:0; }
    .news-tab { font-size:14px; padding:0 7px 12px; }
    .news-grid { grid-template-columns:1fr; gap:18px; }
    .news-cover { aspect-ratio:1.9; }
    .news-body { padding:17px 20px; }
    .news-body h3 { font-size:15px; height:auto; min-height:1.7em; max-height:3.4em; }
    .news-meta { margin-top:13px; }
    .footer { padding:32px 0 28px; }
    .footer-hd { flex-direction:column; align-items:center; gap:24px; }
    .footer-left { flex-direction:row; align-items:center; justify-content:center; width:100%; gap:28px; }
    .footer-left .logo11 { width:170px; }
    .footer-left .age18 { width:50px; }
    .footer-right { text-align:center; }
    .footer-right-tab { justify-content:center; margin-bottom:14px; }
    .footer-right-tab a { font-size:14px; }
    .footer-right-tab a+a::before { margin:0 9px; }
    .footer-right p,.footer-bd p { font-size:14px; line-height:2; }
    .footer-separator { margin:0 6px; }
    .footer-bd { margin-top:22px; padding-top:20px; }
    .footer-bd p+p { margin-top:8px; }
    .footer-bt { gap:10px; margin-top:20px; }
    .footer-bt img { width:100px; height:auto; }
    .back-top { right:14px; bottom:16px; width:36px; height:36px; font-size:20px; }
}
@media(max-width:360px) { .container { width:calc(100% - 32px); } .button-primary { min-width:170px; font-size:14px; } .load-register { min-width:95px; padding:0 12px; } .news-intro h2 { font-size:30px; } }
@media(prefers-reduced-motion:reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation:none !important; transition:none !important; }
    [data-reveal].is-pending { opacity:1; transform:none; }
}