/* ==================================================================
   皇御贵金属 - 响应式增强样式
   ================================================================== */

/* ---------- 大屏 (1200+) ---------- */
@media (min-width: 1400px) {
    :root { --hy-container: 1320px; }
    .hy-banner-quote { right:8%; }
}

/* ---------- 平板 (768-1024) ---------- */
@media (max-width: 1024px) {
    .hy-banner-inner .hy-container { padding-top:30px; padding-bottom:30px; }
    /* 首页最新文章：平板两列 */
    .hy-posts-grid { grid-template-columns:repeat(2,1fr); }
}

/* ---------- 移动端 (≤640) ---------- */
@media (max-width: 640px) {
    /* 顶栏简化 */
    .hy-topbar .hy-container { justify-content:center; }
    .hy-topbar > div:last-child { display:none; }

    /* 头部导航 */
    .hy-logo-text .cn { font-size:16px; }
    .hy-logo-text .en { font-size:10px; }
    .hy-logo-icon { width:38px; height:38px; font-size:18px; }

    /* Banner 标题 */
    .hy-banner { padding:50px 0 70px; }
    .hy-banner h1 { font-size:24px; line-height:1.3; }
    .hy-banner h1 br { display:none; }
    .hy-banner-sub { font-size:14px; margin-bottom:24px; }
    .hy-banner-tag { font-size:12px; padding:4px 12px; }

    /* Section 间距 */
    .hy-section { padding:40px 0; }
    .hy-section-title { font-size:22px; }
    .hy-section-eyebrow { font-size:11px; }
    .hy-section-head { margin-bottom:30px; }

    /* 卡片内边距 */
    .hy-article-body, .hy-article-single { padding:18px; }
    .hy-article-single h1 { font-size:20px; }
    .hy-article-card h3 { font-size:16px; }
    .hy-widget { padding:18px; }

    /* 首页最新文章：移动端单列 */
    .hy-posts-grid { grid-template-columns:1fr; gap:18px; }
    .hy-post-body { padding:18px; }
    .hy-post-body h3 { font-size:16px; }

    /* 浮窗优化 */
    .hy-floatbar-mobile-btn { font-size:13px; padding:11px 8px; }
    .hy-floatbar-mobile-btn .icon { font-size:16px; }

    /* 资质卡 */
    .hy-qual-card { padding:20px 14px; }
    .hy-qual-medal { width:54px; height:54px; font-size:22px; }

    /* 交易产品 */
    .hy-product-icon { padding:20px 14px; }
    .hy-product-info { padding:18px; }
    .hy-product-info h3 { font-size:17px; }

    /* APP下载区块 */
    .hy-app-section { padding:30px 18px; }
    .hy-app-info h2 { font-size:22px; }
    .hy-app-features li { font-size:13px; }

    /* 数字承诺 */
    .hy-promise-num { font-size:32px; }
    .hy-promise-card { padding:20px 12px; }

    /* 表格/列表优化 */
    .hy-content-wrap { gap:24px; padding:30px 0; }

    /* 浮窗 - 移动端隐藏右侧浮窗 */
    .hy-sidebar-float { display:none !important; }
}

/* ---------- 极小屏 (≤380) ---------- */
@media (max-width: 380px) {
    .hy-container { padding:0 12px; }
    .hy-banner h1 { font-size:20px; }
    .hy-section-title { font-size:20px; }
    .hy-btn { padding:10px 20px; font-size:14px; }
    .hy-btn-lg { padding:12px 24px; font-size:15px; }
}

/* ---------- 打印样式 ---------- */
@media print {
    .hy-header, .hy-footer, .hy-floatbar-pc, .hy-floatbar-mobile, .hy-sidebar-float { display:none !important; }
    .hy-banner { height:auto; padding:20px 0; }
}

/* ---------- 滚动条美化 ---------- */
@media (min-width: 1025px) {
    ::-webkit-scrollbar { width:10px; height:10px; }
    ::-webkit-scrollbar-track { background:#0E1A2B; }
    ::-webkit-scrollbar-thumb { background:linear-gradient(180deg,var(--hy-gold) 0%,var(--hy-gold-dark) 100%); border-radius:5px; }
    ::-webkit-scrollbar-thumb:hover { background:var(--hy-gold-light); }
}

/* ---------- 选中文本 ---------- */
::selection { background:var(--hy-gold); color:#fff; }
::-moz-selection { background:var(--hy-gold); color:#fff; }

/* ---------- Focus 可见性 ---------- */
a:focus-visible, button:focus-visible, input:focus-visible {
    outline:2px solid var(--hy-gold-light);
    outline-offset:2px;
}