/* chaoniudoc.app 在共用 home.css 设计语言之上的补充 */
.hero-note{margin-top:18px;font-size:14px;line-height:1.7;color:var(--sub);max-width:46em}
.section-note{margin-top:10px;font-size:13px;color:var(--sub)}
.legal-page{max-width:820px;padding-top:56px;padding-bottom:88px}
.legal-page h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:.2em 0 .6em}
.legal-page h2{font-size:clamp(18px,2.4vw,22px);margin:2em 0 .6em}
.legal-page p,.legal-page li{font-size:16px;line-height:1.8}
.legal-page ul{padding-left:1.2em;margin:.8em 0}
.legal-page li{margin:.45em 0}
.legal-meta{font-size:13px;color:var(--sub);border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:28px;line-height:1.8}
.legal-contact{font-size:20px;font-weight:600}
.legal-foot{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:22px;flex-wrap:wrap;font-size:14px}
.legal-todo{display:inline;padding:1px 7px;border:1px dashed var(--accent);border-radius:3px;font-size:13px;color:var(--accent)}
.placeholder-page .lead{font-size:18px;line-height:1.75}
.placeholder-page .hero-buttons{margin-top:32px}
.lang-gate{padding-top:72px}
.lang-gate-list{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid var(--line)}
.lang-gate-list li{margin:0}
.lang-gate-list a{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:18px 2px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.lang-gate-list a:hover strong{text-decoration:underline}
.lang-gate-list strong{font-size:18px}
.lang-gate-list span{font-size:13px;color:var(--sub)}
.unified-footer-company a{text-decoration:underline;text-underline-offset:3px}
/* ⚠️ 黑块根因：home.css 里 .phone{background:#16120f}——那是手机边框的深色，
   图没加载出来时整块 250x544 都是近黑，在米白页面上就是三个黑洞。
   这里把「屏幕」底色改成和截图一致的米白，深色只留在 6px 边框上；
   再由行内 background-image 放一张 20px 宽的 LQIP（约 0.4KB）做模糊占位，
   图一到就盖上去。明暗两个主题下占位都是浅屏，不会反过来变白块/黑块。 */
.phone{background-color:#f6f5ee;background-size:cover;background-position:center;background-repeat:no-repeat}
.phone picture{display:block;width:100%;height:100%}
/* hero 原本只靠 min-height:790 居中；首屏文案一长（日文尤其）就撑满，
   eyebrow 直接贴着 header。给 hero 自己的上下内边距，宽屏也不空。 */
.hero{padding-top:clamp(30px,3.4vw,64px);padding-bottom:clamp(30px,3.4vw,56px)}
@media (max-width:760px){.hero{padding-top:34px;padding-bottom:28px}}
/* 下载区由三张卡改两张（第三个渠道已按老板要求全站移除）：桌面两列等宽并限宽，
   免得两张卡被拉成横条；窄屏仍按 home.css 的单列堆叠。 */
.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px}
.platform-card{min-height:184px}
@media (max-width:760px){.platform-grid{grid-template-columns:1fr;max-width:none}.platform-card{min-height:0}}
@media (max-width:480px){.legal-page{padding-top:36px}.legal-foot{gap:14px}
/* 窄屏只留牛头 logo：品牌名在 360/390 下必被截断，设计本身对日文标题就是这么处理的 */
.global-site-brand span{display:none}.global-site-brand img{width:32px;height:32px}}