/*2026-10-09 Yapi*/
/* 自适应统一层：不修改 pc.css / wap.css，仅控制显隐与布局衔接 */
.pc-only{display:none !important;}
.wap-only{display:block;}
br.wap-only{display:none;}
body.uni-mode .page-main{display:flex;flex-direction:column;}
@media (min-width:751px){
html.uni-pc .pc-only{display:block !important;}
html.uni-pc .pc-only.inline-only{display:inline-block !important;}
html.uni-pc .wap-only{display:none !important;}
html.uni-pc.uni-mode,html.uni-pc body.uni-mode{min-width:1366px;}
html.uni-pc body.uni-mode .site-header{min-width:1366px;}
html.uni-pc body.uni-mode .fix-media{transform:scale(0.75);transform-origin:top left;}
html.uni-pc body.uni-mode .showcase-thumb-wrap{margin-top:30px;}
}
@media (max-width:750px){
br.wap-only{display:inline;}
html.uni-mode{font-size:clamp(42.66667px,13.33333vw,100px);}
body.uni-mode{min-width:3.2rem;overflow-x:hidden;}
body.uni-mode #page-home{order:1;flex-shrink:0;height:calc(100vh - 0.86rem);height:calc(100dvh - 0.86rem);max-height:calc(100vh - 0.86rem);max-height:calc(100dvh - 0.86rem);overflow:hidden;}
body.uni-mode #page-media{order:2;}
body.uni-mode #page-reserve{order:3;}
body.uni-mode #page-creator{order:4;}
body.uni-mode #page-showcase{order:5;}
body.uni-mode #page-news{order:6;}
body.uni-mode #page-follow{order:7;}
body.uni-mode .site-header{min-width:0;height:auto;background:rgba(51,58,66,0.95);}
body.uni-mode .head-bar{transform:none;}
body.uni-mode .menu-panel.wap-only{display:none !important;}
body.uni-mode .menu-panel.wap-only.is-open{display:block !important;}
body.uni-mode .fix-media{transform:none;transform-origin:initial;}
body.uni-mode .page-main{padding-top:0.86rem;}
body.uni-mode .screen-middle .screen-scale,body.uni-mode .screen-middle .home-scale{transform:none !important;}
body.uni-mode .screen-scale-host{width:auto !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;overflow:visible !important;}
body.uni-mode .screen-middle{display:block !important;min-height:0 !important;}
body.uni-mode .screen-middle .screen-con,body.uni-mode .screen-middle .screen-scale{width:auto !important;max-width:100% !important;zoom:1 !important;padding-top:0 !important;margin-left:0 !important;margin-right:0 !important;}
body.uni-mode #page-showcase .screen-con{display:flex;flex-direction:column;}
body.uni-mode #page-showcase .showcase-wrap{order:2;}
body.uni-mode #page-showcase .showcase-thumb-wrap{order:1;margin-top:0;margin-bottom:0.05rem;}
body.uni-mode #page-showcase .showcase-side{/* width:auto;*/ float:none;}
body.uni-mode #page-news .screen-con{display:block;}
body.uni-mode #page-news .news-left,body.uni-mode #page-news .news-right{float:none;width:auto;}
body.uni-mode #page-news .news-right{margin-top:0.2rem;}
body.uni-mode #page-creator .creator-pic{display:none;}
body.uni-mode #page-creator .creator-copy{display:none;}
body.uni-mode .fix-media{top: 1.86rem;}
body.uni-mode .fix-media.is-collapsed{top:0.86rem;}
}
@media (min-width:751px){
html.uni-pc body.uni-mode .page-main{display:block;}
html.uni-pc body.uni-mode .media-swiper-wrap{position:relative;width:100%;height:100%;}
html.uni-pc body.uni-mode .media-swiper-wrap .media-swiper,html.uni-pc body.uni-mode .media-swiper-wrap .swiper-container{width:100%;height:100%;}
html.uni-pc body.uni-mode #page-showcase .showcase-thumb-wrap{display:block;}
html.uni-pc body.uni-mode #page-showcase .showcase-side .ship-no{display:none;}
html.uni-pc body.uni-mode .screen-reserve .screen-con,html.uni-pc body.uni-mode .screen-creator .screen-con,html.uni-pc body.uni-mode .screen-showcase .screen-con,html.uni-pc body.uni-mode .screen-news .screen-con{transform-origin:top center;}
}
/* html.uni-wap：手机/iPad 横竖屏等视口>750 时与 @media (max-width:750px) 同显隐与布局（uni.js head 段探测） */
html.uni-wap .pc-only{display:none !important;}
html.uni-wap .wap-only{display:block !important;}
html.uni-wap br.wap-only{display:inline !important;}
html.uni-pc .wap-only{display:none !important;}
html.uni-pc .pc-only{display:block !important;}
html.uni-pc .pc-only.inline-only{display:inline-block !important;}
html.uni-pc br.wap-only{display:none;}
html.uni-wap.uni-mode{font-size:clamp(42.66667px,13.33333vw,100px);}
html.uni-wap body.uni-mode{min-width:3.2rem;overflow-x:hidden;}
html.uni-wap body.uni-mode #page-home{order:1;flex-shrink:0;height:calc(100vh - 0.86rem);height:calc(100dvh - 0.86rem);max-height:calc(100vh - 0.86rem);max-height:calc(100dvh - 0.86rem);overflow:hidden;}
html.uni-wap body.uni-mode #page-media{order:2;}
html.uni-wap body.uni-mode #page-reserve{order:3;}
html.uni-wap body.uni-mode #page-creator{order:4;}
html.uni-wap body.uni-mode #page-showcase{order:5;}
html.uni-wap body.uni-mode #page-news{order:6;}
html.uni-wap body.uni-mode #page-follow{order:7;}
html.uni-wap body.uni-mode .site-header{min-width:0;height:auto;background:rgba(51,58,66,0.95);}
html.uni-wap body.uni-mode .head-bar{transform:none;}
html.uni-wap body.uni-mode .menu-panel.wap-only{display:none !important;}
html.uni-wap body.uni-mode .menu-panel.wap-only.is-open{display:block !important;}
html.uni-wap body.uni-mode .fix-media{transform:none;transform-origin:initial;top:1.86rem;}
html.uni-wap body.uni-mode .fix-media.is-collapsed{top:0.86rem;}
html.uni-wap body.uni-mode .page-main{padding-top:0.86rem;display:flex;flex-direction:column;}
html.uni-wap body.uni-mode .screen-middle .screen-scale,html.uni-wap body.uni-mode .screen-middle .home-scale{transform:none !important;}
html.uni-wap body.uni-mode .screen-scale-host{width:auto !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;overflow:visible !important;}
html.uni-wap body.uni-mode .screen-middle{display:block !important;min-height:0 !important;}
html.uni-wap body.uni-mode .screen-middle .screen-con,html.uni-wap body.uni-mode .screen-middle .screen-scale{width:auto !important;max-width:100% !important;zoom:1 !important;padding-top:0 !important;margin-left:0 !important;margin-right:0 !important;}
html.uni-wap body.uni-mode #page-showcase .screen-con{display:flex;flex-direction:column;}
html.uni-wap body.uni-mode #page-showcase .showcase-wrap{order:2;}
html.uni-wap body.uni-mode #page-showcase .showcase-thumb-wrap{order:1;margin-top:0;margin-bottom:0.05rem;}
html.uni-wap body.uni-mode #page-news .screen-con{display:block;}
html.uni-wap body.uni-mode #page-news .news-left,html.uni-wap body.uni-mode #page-news .news-right{float:none;width:auto;}
html.uni-wap body.uni-mode #page-news .news-right{margin-top:0.2rem;}
html.uni-wap body.uni-mode #page-creator .creator-pic{display:none;}
html.uni-wap body.uni-mode #page-creator .creator-copy{display:none;}

/* iPad 竖屏等：视口>750 仍走 WAP，全宽 rem 与手机一致；横屏宽屏时居中约 750 避免 rem 过大 */
@media (min-width:751px) and (orientation:portrait){
html.uni-wap.uni-mode{font-size:clamp(42.66667px,13.33333vw,100px);}
html.uni-wap body.uni-mode{background:#15202c;}
html.uni-wap body.uni-mode .site-header{max-width:none;margin-left:0;margin-right:0;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);box-sizing:border-box;}
html.uni-wap body.uni-mode .page-main{max-width:none;margin: 0 auto;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);box-sizing:border-box;}
html.uni-wap body.uni-mode .fix-media{left:env(safe-area-inset-left,0);}}
@media (min-width:751px) and (orientation:landscape){
html.uni-wap.uni-mode{font-size:clamp(42.66667px,5.6vw,56px);}
html.uni-wap body.uni-mode{background:#15202c;}
html.uni-wap body.uni-mode .site-header{max-width:750px;margin-left:auto;margin-right:auto;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);box-sizing:border-box;}
html.uni-wap body.uni-mode .page-main{max-width:750px;margin-left:auto;margin-right:auto;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);box-sizing:border-box;}
html.uni-wap body.uni-mode .fix-media{left:max(env(safe-area-inset-left,0px),calc((100vw - 750px)/2));}}

/* 点击/聚焦时去掉系统蓝框与高亮（移动端 WebKit 尤为明显） */
a,
button,
input,
select,
textarea,
label,
summary,
video,
[role="button"],
area,
[tabindex]:not([tabindex="-1"]){
  -webkit-tap-highlight-color:transparent;
  tap-highlight-color:transparent;
}
a:focus,
a:active,
button:focus,
button:active,
input:focus,
select:focus,
textarea:focus,
video:focus{
  outline:none;
}
a:focus-visible,
button:focus-visible{
  outline:none;
}