/* =========================================================
   QYWIN Portal V7 — rebuild based on the approved desktop/mobile mockup
   ========================================================= */
:root{
  --qy7-navy:#03182a;
  --qy7-navy-2:#061f35;
  --qy7-gold:#e2a527;
  --qy7-gold-2:#ffbf35;
  --qy7-text:#071a2b;
  --qy7-muted:#6d7c89;
  --qy7-line:#e2e7eb;
  --qy7-bg:#f7f8fa;
  --qy7-max:1480px;
  --qy7-shadow:0 7px 18px rgba(3,24,42,.07);
}

/* Hide Casper's native header only on homepage. */
.home-template #gh-head{display:none!important}
.home-template .site-content{padding-top:0!important}
.home-template .viewport{background:var(--qy7-bg)}
.home-template .qy4-footer{display:none!important}

.qy7-shell{width:min(calc(100% - 64px),var(--qy7-max));margin:0 auto}
.qy7-home{background:var(--qy7-bg);color:var(--qy7-text)}
.qy7-home a,.qy7-header a{text-decoration:none!important}

/* Header */
.qy7-header{position:relative;z-index:80;background:var(--qy7-navy);border-bottom:1px solid rgba(226,165,39,.42);color:#fff}
.qy7-header-inner{height:62px;display:grid;grid-template-columns:235px 1fr 105px;align-items:center;gap:20px}
.qy7-brand{display:flex;align-items:center;min-width:0;color:#fff!important;font-weight:900}
.qy7-brand img{display:block;width:auto;max-width:205px;max-height:48px;object-fit:contain}
.qy7-nav{justify-self:center;min-width:0}
.qy7-nav .nav{display:flex;align-items:center;justify-content:center;gap:34px;margin:0;padding:0;list-style:none}
.qy7-nav .nav li{position:relative;margin:0;padding:0}
.qy7-nav .nav a{display:flex;align-items:center;height:62px;color:#fff!important;font-size:14px;font-weight:800;white-space:nowrap}
.qy7-nav .nav .nav-current a,.qy7-nav .nav a:hover{color:var(--qy7-gold-2)!important}
.qy7-nav .nav .nav-current:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--qy7-gold-2)}
.qy7-header-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}
.qy7-icon-btn{display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;color:#fff}
button.qy7-icon-btn{cursor:pointer}
.qy7-icon-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qy7-mobile-left,.qy7-mobile-menu{display:none}

/* Hero */
.qy7-hero{background:var(--qy7-navy)}
.qy7-hero-inner{position:relative;height:248px;overflow:hidden;background:#061a2b}
.qy7-hero-bg{position:absolute;inset:0;background:url('../images/qywin/hero-real-collage.jpg') center 42%/cover no-repeat}
.qy7-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,27,.96) 0%,rgba(2,15,27,.82) 25%,rgba(2,15,27,.16) 47%,rgba(2,15,27,.06) 77%,rgba(2,15,27,.45) 100%)}
.qy7-hero-copy{position:absolute;z-index:2;left:34px;top:50%;width:390px;transform:translateY(-50%);color:#fff}
.qy7-hero-copy h1{margin:0 0 10px!important;color:#fff!important;font-size:38px!important;line-height:1.12!important;font-weight:950!important;letter-spacing:.02em!important}
.qy7-hero-copy h1 span{color:var(--qy7-gold-2)}
.qy7-hero-copy p{margin:0 0 16px!important;color:#eef3f6!important;font-size:15px!important;font-weight:750!important;letter-spacing:.04em}
.qy7-primary-btn{display:inline-flex;align-items:center;gap:10px;height:35px;padding:0 18px;border-radius:4px;background:linear-gradient(180deg,#ffc652,#dda02b);color:#12283a!important;font-size:13px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.18)}
.qy7-primary-btn b{font-size:15px}
.qy7-hero-tools{position:absolute;z-index:3;right:24px;top:50%;width:183px;transform:translateY(-50%);padding:4px 13px;border:1px solid rgba(226,165,39,.55);border-radius:7px;background:rgba(3,24,42,.82);backdrop-filter:blur(3px)}
.qy7-hero-tools a{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;min-height:50px;border-bottom:1px solid rgba(255,255,255,.12);color:#fff!important}
.qy7-hero-tools a:last-child{border-bottom:0}.qy7-hero-tools i{color:var(--qy7-gold-2);font-size:11px;font-style:normal;font-weight:950;text-align:center}.qy7-hero-tools span{display:grid}.qy7-hero-tools b{font-size:13px;line-height:1.15}.qy7-hero-tools small{margin-top:2px;color:#b9c5cf;font-size:9.5px;line-height:1.2}.qy7-dots{display:none}

/* Ticker */
.qy7-ticker{background:#fff;border-bottom:1px solid var(--qy7-line)}
.qy7-ticker-inner{height:50px;display:grid;grid-template-columns:102px 1fr 66px;align-items:center;gap:15px}
.qy7-ticker strong{font-size:13.5px;font-weight:950}
.qy7-ticker-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;min-width:0}
.qy7-ticker-items a{min-width:0;overflow:hidden;color:#233648!important;font-size:12px;font-weight:760;white-space:nowrap;text-overflow:ellipsis}
.qy7-ticker-items span{margin-right:7px;color:#c97900;font-size:10px;font-weight:950}
.qy7-more{justify-self:end;color:#405466!important;font-size:11px;font-weight:800}

/* Shared */
.qy7-section{padding:16px 0 4px}
.qy7-section-head,.qy7-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.qy7-section-head h2,.qy7-panel-head h2{margin:0!important;color:var(--qy7-text)!important;font-size:17px!important;line-height:1.2!important;font-weight:950!important}
.qy7-section-head>a,.qy7-panel-head>a{color:#536575!important;font-size:10.5px;font-weight:800;white-space:nowrap}

/* Editor picks */
.qy7-editor{background:#fff}
.qy7-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.qy7-editor-card{overflow:hidden;border:1px solid #dde3e8;border-radius:7px;background:#fff;box-shadow:var(--qy7-shadow)}
.qy7-editor-image{position:relative;display:block;height:105px;overflow:hidden;background:#e6eaee}
.qy7-editor-image img{display:block;width:100%;height:100%;object-fit:cover}
.qy7-rank{position:absolute;left:10px;top:9px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f7bd32;color:#102334;font-size:13px;font-weight:950;box-shadow:0 2px 7px rgba(0,0,0,.22)}
.qy7-image-chip{position:absolute;right:9px;top:9px;padding:3px 7px;border-radius:5px;background:#081d31;color:#ffc843;font-size:9px;font-weight:950}
.qy7-editor-copy{padding:8px 12px 10px}
.qy7-editor-copy h3{margin:0 0 4px!important;font-size:12.5px!important;line-height:1.35!important;font-weight:900!important}
.qy7-editor-copy h3 a{color:var(--qy7-text)!important}.qy7-editor-copy time{color:#7d8b96;font-size:9.5px}

/* Categories */
.qy7-categories{background:#fff;padding-top:13px}
.qy7-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.qy7-category-card{position:relative;height:111px;overflow:hidden;border-radius:7px;background:var(--qy7-navy);box-shadow:var(--qy7-shadow)}
.qy7-category-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52}
.qy7-category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,24,42,.96) 0%,rgba(3,24,42,.75) 53%,rgba(3,24,42,.45) 100%)}
.qy7-category-card>div{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;padding:13px 16px}
.qy7-category-card h3{margin:0 0 4px!important;color:#fff!important;font-size:15px!important;font-weight:950!important}.qy7-category-card p{margin:0!important;color:#dbe4ea!important;font-size:10px!important;line-height:1.4!important}.qy7-category-card span{margin-top:7px;color:#ffc438;font-size:10px;font-weight:900}

/* Dashboard */
.qy7-dashboard{padding:13px 0 18px;background:var(--qy7-bg)}
.qy7-dashboard-grid{display:grid;grid-template-columns:1.42fr 1.07fr .95fr .78fr;gap:12px;align-items:stretch}
.qy7-panel{min-width:0;padding:10px 11px;border:1px solid var(--qy7-line);border-radius:7px;background:#fff;box-shadow:0 4px 12px rgba(3,24,42,.045)}
.qy7-latest-list{display:grid}.qy7-latest-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;padding:6px 0;border-bottom:1px solid var(--qy7-line)}.qy7-latest-row:first-child{padding-top:0}.qy7-latest-row:last-child{border-bottom:0;padding-bottom:0}.qy7-latest-thumb{width:72px;height:48px;overflow:hidden;border-radius:4px;background:#e9edf0}.qy7-latest-thumb img{width:100%;height:100%;object-fit:cover}.qy7-mini-chip{display:inline-block;padding:2px 5px;border-radius:3px;background:#f4b936;color:#173047;font-size:7.8px;font-weight:950}.qy7-latest-row h3{margin:2px 0 1px!important;font-size:9.8px!important;line-height:1.28!important;font-weight:850!important}.qy7-latest-row h3 a{color:#1e3244!important}.qy7-latest-row small{color:#85929d;font-size:7.8px}
.qy7-schedule-list>div{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;min-height:29px;border-bottom:1px solid var(--qy7-line);color:#293d4f;font-size:9px}.qy7-schedule-list>div:last-child{border-bottom:0}.qy7-schedule-list em{padding:2px 5px;border-radius:3px;background:#f03b34;color:#fff;font-size:7.5px;font-style:normal;font-weight:950}.qy7-schedule-list em.soon{background:#f3b733;color:#173047}.qy7-dark-btn{display:flex;align-items:center;justify-content:center;height:28px;margin-top:7px;border-radius:4px;background:#061d31;color:#fff!important;font-size:8.5px;font-weight:900}
.qy7-ranking-tabs{display:flex;gap:5px;margin-bottom:4px}.qy7-ranking-tabs span{padding:2px 6px;border-radius:4px;background:#f1f4f6;color:#344a5c;font-size:7.8px;font-weight:900}.qy7-ranking-list{margin:0;padding:0;list-style:none}.qy7-ranking-list li{display:grid;grid-template-columns:19px minmax(0,1fr);gap:5px;align-items:center;min-height:25px;border-bottom:1px solid var(--qy7-line)}.qy7-ranking-list li:last-child{border-bottom:0}.qy7-ranking-list b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#071d31;color:#fff;font-size:7px}.qy7-ranking-list a{min-width:0;overflow:hidden;color:#263a4b!important;font-size:8.5px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}
.qy7-sport-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.qy7-sport-grid a{display:grid;place-items:center;min-height:50px;padding:4px 2px;border:1px solid #e9edf0;border-radius:6px;background:#fafbfc;color:#203446!important}.qy7-sport-grid span{font-size:19px;line-height:1}.qy7-sport-grid b{font-size:7.6px;font-weight:900}

/* Footer — recreate the approved mockup rather than Casper footer */
.home-template .viewport:after{content:"";display:none}
.qy7-home + script + .qy7-footer{display:block}
.home-template .site-content:after{content:"";display:block}
.home-template .site-content{min-height:auto!important}
.home-template .viewport{min-height:100vh}
.home-template .viewport::after{display:none!important}
.home-template footer.qy4-footer{display:none!important}
.qy7-footer{background:var(--qy7-navy);color:#fff;border-top:1px solid rgba(226,165,39,.35)}

/* Since footer is outside home.hbs in Casper, style a replacement appended via default footer classes. */
.home-template .qy4-footer{display:block!important;padding:15px 0 10px!important;background:var(--qy7-navy)!important;color:#fff!important;border-top:1px solid rgba(226,165,39,.35)!important}
.home-template .qy4-footer .inner{width:min(calc(100% - 64px),var(--qy7-max))!important;max-width:none!important;margin:0 auto!important;padding:0!important}
.home-template .qy4-footer-inner{display:grid!important;grid-template-columns:1.25fr 1fr auto!important;gap:22px!important;align-items:center!important}
.home-template .qy4-footer-logo{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important}.home-template .qy4-footer-logo img{width:42px!important;height:42px!important;object-fit:contain!important}.home-template .qy4-footer-logo strong{color:#fff!important;font-size:14px!important}.home-template .qy4-footer-logo small{display:block!important;color:#aebcc7!important;font-size:6.5px!important}.home-template .qy4-footer-brand p{max-width:390px!important;margin:3px 0 0!important;color:#c3cdd5!important;font-size:8.8px!important;line-height:1.4!important}.home-template .qy4-footer-nav .nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px 15px!important;margin:0!important;padding:0!important;list-style:none!important}.home-template .qy4-footer-nav .nav li{margin:0!important;list-style:none!important}.home-template .qy4-footer-nav a{color:#d6dee5!important;font-size:8.8px!important}.home-template .qy4-socials{display:flex!important;align-items:center!important;gap:8px!important}.home-template .qy4-socials a{display:grid!important;place-items:center!important;width:29px!important;height:29px!important;border-radius:50%!important;background:#fff!important;color:var(--qy7-navy)!important}.home-template .qy4-socials svg{width:15px!important;height:15px!important}.home-template .qy4-footer-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:8px!important;padding-top:7px!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#9fb0bd!important;font-size:7.5px!important}.home-template .qy4-photo-credit{font-size:7px!important}

/* Tablet */
@media(max-width:1180px){
  .qy7-shell{width:min(calc(100% - 36px),var(--qy7-max))}
  .qy7-header-inner{grid-template-columns:195px 1fr 82px}.qy7-nav .nav{gap:20px}.qy7-nav .nav a{font-size:12px}
  .qy7-hero-copy{left:28px;width:345px}.qy7-hero-copy h1{font-size:34px!important}.qy7-hero-tools{right:16px;width:165px}
  .qy7-dashboard-grid{grid-template-columns:1.25fr 1fr 1fr}.qy7-sports-panel{grid-column:1/-1}.qy7-sport-grid{grid-template-columns:repeat(8,1fr)}
}

/* Mobile */
@media(max-width:767px){
  .qy7-shell{width:calc(100% - 28px)}
  .qy7-header-inner{height:61px;display:grid;grid-template-columns:38px 1fr 78px;gap:8px}.qy7-mobile-left{display:block}.qy7-menu-toggle{display:grid;gap:4px;width:32px;height:32px;padding:7px;border:0;background:transparent;cursor:pointer}.qy7-menu-toggle span{display:block;height:2px;border-radius:2px;background:#fff}.qy7-brand{justify-content:center}.qy7-brand img{max-width:152px;max-height:41px}.qy7-nav{display:none}.qy7-header-actions{gap:7px}.qy7-icon-btn{width:31px;height:31px}.qy7-icon-btn svg{width:20px;height:20px}.qy7-mobile-menu{position:absolute;left:0;right:0;top:61px;z-index:100;background:var(--qy7-navy);border-top:1px solid rgba(255,255,255,.07);box-shadow:0 12px 25px rgba(0,0,0,.25)}.qy7-mobile-menu:not([hidden]){display:block}.qy7-mobile-menu .nav{display:grid;margin:0;padding:14px 0 18px;list-style:none;text-align:center}.qy7-mobile-menu li{margin:0}.qy7-mobile-menu a{display:block;padding:10px;color:#fff!important;font-size:16px;font-weight:800}

  .qy7-hero-inner{width:100%;height:225px}.qy7-hero-bg{background-position:58% center}.qy7-hero-bg:after{background:linear-gradient(180deg,rgba(2,15,27,.10),rgba(2,15,27,.24) 45%,rgba(2,15,27,.92) 100%)}.qy7-hero-copy{left:18px;right:18px;top:auto;bottom:22px;width:auto;transform:none;text-align:center}.qy7-hero-copy h1{font-size:27px!important;line-height:1.08!important}.qy7-hero-copy p{margin-bottom:10px!important;font-size:11px!important}.qy7-primary-btn{height:32px;padding:0 14px;font-size:10.5px}.qy7-hero-tools{display:none}.qy7-dots{position:absolute;z-index:5;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:5px}.qy7-dots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5)}.qy7-dots i:first-child{width:14px;border-radius:5px;background:#fff}

  .qy7-ticker-inner{height:53px;grid-template-columns:88px 1fr 38px;gap:7px}.qy7-ticker strong{font-size:11px}.qy7-ticker-items{display:block}.qy7-ticker-items a{display:none;font-size:10px}.qy7-ticker-items a:first-child{display:block}.qy7-more{font-size:9px}

  .qy7-section{padding:14px 0 2px}.qy7-section-head h2,.qy7-panel-head h2{font-size:14px!important}.qy7-section-head>a,.qy7-panel-head>a{font-size:8.8px}
  .qy7-editor-grid{display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;border:1px solid var(--qy7-line);border-radius:7px;background:#fff}.qy7-editor-card{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:76px;border:0;border-bottom:1px solid var(--qy7-line);border-radius:0;box-shadow:none}.qy7-editor-card:last-child{border-bottom:0}.qy7-editor-image{height:76px}.qy7-rank{left:6px;top:6px;width:20px;height:20px;font-size:9px}.qy7-image-chip{right:5px;top:5px;padding:2px 5px;font-size:7px}.qy7-editor-copy{display:flex;flex-direction:column;justify-content:center;padding:6px 8px}.qy7-editor-copy h3{font-size:10px!important;line-height:1.32!important}.qy7-editor-copy time{font-size:7.5px}

  .qy7-categories{padding-top:11px}.qy7-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.qy7-category-card{height:84px;border-radius:6px}.qy7-category-card:after{background:linear-gradient(180deg,rgba(3,24,42,.18),rgba(3,24,42,.95))}.qy7-category-card>div{justify-content:flex-end;align-items:center;padding:6px;text-align:center}.qy7-category-card h3{margin:0!important;font-size:8.2px!important;line-height:1.18!important}.qy7-category-card p,.qy7-category-card span{display:none}

  .qy7-dashboard{padding-top:10px}.qy7-dashboard-grid{grid-template-columns:1fr}.qy7-latest-panel,.qy7-ranking-panel,.qy7-sports-panel{display:none}.qy7-panel{padding:9px}.qy7-schedule-list>div{min-height:31px;font-size:8.7px}.qy7-dark-btn{height:28px;font-size:8px}

  .home-template .qy4-footer{padding:13px 0 9px!important}.home-template .qy4-footer .inner{width:calc(100% - 28px)!important}.home-template .qy4-footer-inner{grid-template-columns:1fr!important;gap:8px!important;text-align:center!important}.home-template .qy4-footer-logo{justify-content:center!important}.home-template .qy4-footer-brand p{display:none}.home-template .qy4-footer-nav .nav{gap:5px 11px!important}.home-template .qy4-footer-nav a{font-size:7.8px!important}.home-template .qy4-socials{justify-content:center!important}.home-template .qy4-footer-bottom{justify-content:center!important}.home-template .qy4-photo-credit{display:none!important}
}

@media(max-width:390px){.qy7-brand img{max-width:138px}.qy7-hero-copy h1{font-size:25px!important}.qy7-category-card h3{font-size:7.6px!important}}

/* =========================================================
   QYWIN Portal V8 — real browser typography correction
   V7 used mockup-scale 7–10px text in several dashboard areas.
   These overrides use normal browser-reading sizes and force
   the approved clean sans-serif look regardless of Ghost font settings.
   ========================================================= */
:root{
  --qy8-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
}

.home-template .qy7-header,
.home-template .qy7-home,
.home-template .qy4-footer,
.home-template .qy7-header *,
.home-template .qy7-home *,
.home-template .qy4-footer *{
  font-family:var(--qy8-font)!important;
}

/* Desktop / laptop: match the approved mockup's readable hierarchy */
@media (min-width: 768px){
  .qy7-shell{width:min(calc(100% - 48px),1520px)}

  .qy7-header-inner{height:68px;grid-template-columns:250px 1fr 110px}
  .qy7-brand img{max-width:220px;max-height:52px}
  .qy7-nav .nav{gap:30px}
  .qy7-nav .nav a{height:68px;font-size:16px;font-weight:800}

  .qy7-hero-inner{height:278px}
  .qy7-hero-copy{left:42px;width:440px}
  .qy7-hero-copy h1{font-size:42px!important;line-height:1.1!important}
  .qy7-hero-copy p{font-size:17px!important;margin-bottom:18px!important}
  .qy7-primary-btn{height:40px;padding:0 20px;font-size:14px}
  .qy7-primary-btn b{font-size:16px}
  .qy7-hero-tools{right:28px;width:205px;padding:5px 15px}
  .qy7-hero-tools a{grid-template-columns:32px 1fr;min-height:56px}
  .qy7-hero-tools i{font-size:12px}
  .qy7-hero-tools b{font-size:15px}
  .qy7-hero-tools small{font-size:11px}

  .qy7-ticker-inner{height:54px;grid-template-columns:112px 1fr 70px;gap:16px}
  .qy7-ticker strong{font-size:15px}
  .qy7-ticker-items a{font-size:13.5px}
  .qy7-ticker-items span{font-size:11px}
  .qy7-more{font-size:12px}

  .qy7-section{padding:20px 0 6px}
  .qy7-section-head,.qy7-panel-head{margin-bottom:12px}
  .qy7-section-head h2,.qy7-panel-head h2{font-size:20px!important}
  .qy7-section-head>a,.qy7-panel-head>a{font-size:12px}

  .qy7-editor-grid{gap:18px}
  .qy7-editor-image{height:145px}
  .qy7-rank{width:31px;height:31px;font-size:15px}
  .qy7-image-chip{padding:4px 8px;font-size:10.5px}
  .qy7-editor-copy{padding:11px 14px 13px}
  .qy7-editor-copy h3{font-size:16px!important;line-height:1.38!important;margin-bottom:6px!important}
  .qy7-editor-copy time{font-size:11.5px}

  .qy7-categories{padding-top:17px}
  .qy7-category-grid{gap:16px}
  .qy7-category-card{height:132px}
  .qy7-category-card>div{padding:16px 18px}
  .qy7-category-card h3{font-size:18px!important;margin-bottom:6px!important}
  .qy7-category-card p{font-size:12.5px!important;line-height:1.45!important}
  .qy7-category-card span{margin-top:9px;font-size:12px}

  .qy7-dashboard{padding:17px 0 24px}
  .qy7-dashboard-grid{grid-template-columns:1.42fr 1.07fr .95fr .78fr;gap:14px}
  .qy7-panel{padding:13px 14px;border-radius:8px}

  .qy7-latest-row{grid-template-columns:88px minmax(0,1fr);gap:11px;padding:8px 0}
  .qy7-latest-thumb{width:88px;height:59px}
  .qy7-mini-chip{padding:3px 6px;font-size:10px}
  .qy7-latest-row h3{margin:4px 0 2px!important;font-size:13.5px!important;line-height:1.35!important}
  .qy7-latest-row small{font-size:10.5px}

  .qy7-schedule-list>div{min-height:39px;gap:8px;font-size:12.5px}
  .qy7-schedule-list em{padding:3px 6px;font-size:9.5px}
  .qy7-dark-btn{height:34px;margin-top:9px;font-size:11.5px}

  .qy7-ranking-tabs{gap:6px;margin-bottom:6px}
  .qy7-ranking-tabs span{padding:3px 7px;font-size:10px}
  .qy7-ranking-list li{grid-template-columns:23px minmax(0,1fr);gap:7px;min-height:34px}
  .qy7-ranking-list b{width:21px;height:21px;font-size:9px}
  .qy7-ranking-list a{font-size:11.5px}

  .qy7-sport-grid{gap:7px}
  .qy7-sport-grid a{min-height:65px;padding:6px 3px}
  .qy7-sport-grid span{font-size:24px}
  .qy7-sport-grid b{font-size:10.5px}

  .home-template .qy4-footer{padding:20px 0 13px!important}
  .home-template .qy4-footer .inner{width:min(calc(100% - 48px),1520px)!important}
  .home-template .qy4-footer-inner{gap:28px!important}
  .home-template .qy4-footer-logo img{width:50px!important;height:50px!important}
  .home-template .qy4-footer-logo strong{font-size:17px!important}
  .home-template .qy4-footer-logo small{font-size:8.5px!important}
  .home-template .qy4-footer-brand p{max-width:440px!important;font-size:11.5px!important;line-height:1.5!important}
  .home-template .qy4-footer-nav a{font-size:11.5px!important}
  .home-template .qy4-socials a{width:34px!important;height:34px!important}
  .home-template .qy4-socials svg{width:17px!important;height:17px!important}
  .home-template .qy4-footer-bottom{font-size:9.5px!important}
  .home-template .qy4-photo-credit{font-size:9px!important}
}

/* Keep laptop screens readable instead of shrinking back to the V7 micro type. */
@media (min-width:768px) and (max-width:1180px){
  .qy7-shell{width:calc(100% - 36px)}
  .qy7-header-inner{grid-template-columns:205px 1fr 86px}
  .qy7-nav .nav{gap:18px}
  .qy7-nav .nav a{font-size:13.5px}
  .qy7-hero-copy{left:28px;width:360px}
  .qy7-hero-copy h1{font-size:36px!important}
  .qy7-hero-copy p{font-size:14px!important}
  .qy7-hero-tools{right:16px;width:175px}
  .qy7-editor-image{height:125px}
  .qy7-editor-copy h3{font-size:14px!important}
  .qy7-category-card{height:120px}
  .qy7-category-card h3{font-size:16px!important}
  .qy7-category-card p{font-size:11.5px!important}
  .qy7-latest-row h3{font-size:12px!important}
  .qy7-schedule-list>div{font-size:11.5px}
  .qy7-ranking-list a{font-size:10.8px}
  .qy7-sport-grid b{font-size:9.8px}
}

/* Mobile: preserve the approved compact arrangement, but keep type legible. */
@media(max-width:767px){
  .qy7-section-head h2,.qy7-panel-head h2{font-size:16px!important}
  .qy7-section-head>a,.qy7-panel-head>a{font-size:10px}

  .qy7-editor-card{grid-template-columns:108px minmax(0,1fr);min-height:86px}
  .qy7-editor-image{height:86px}
  .qy7-editor-copy{padding:7px 9px}
  .qy7-editor-copy h3{font-size:12.5px!important;line-height:1.35!important}
  .qy7-editor-copy time{font-size:9.5px}
  .qy7-image-chip{font-size:8px}

  .qy7-category-card{height:96px}
  .qy7-category-card>div{padding:7px 5px}
  .qy7-category-card h3{font-size:10.5px!important;line-height:1.22!important}

  .qy7-panel{padding:11px}
  .qy7-schedule-list>div{min-height:38px;font-size:11.5px}
  .qy7-schedule-list em{font-size:9px}
  .qy7-dark-btn{height:32px;font-size:10.5px}

  .home-template .qy4-footer-nav a{font-size:9.5px!important}
  .home-template .qy4-footer-logo strong{font-size:14px!important}
}

@media(max-width:390px){
  .qy7-category-card h3{font-size:9.8px!important}
  .qy7-editor-copy h3{font-size:12px!important}
}

/* =========================================================
   QYWIN Portal V9 — LARGE TYPE PASS
   V8 was still visually too small on 1920px desktop screens.
   This pass raises the real browser-reading sizes across the
   homepage while preserving the approved layout structure.
   ========================================================= */

@media (min-width: 1181px){
  .qy7-shell{width:min(calc(100% - 56px),1460px)}

  .qy7-header-inner{height:72px;grid-template-columns:255px 1fr 110px}
  .qy7-brand img{max-width:225px;max-height:54px}
  .qy7-nav .nav{gap:30px}
  .qy7-nav .nav a{height:72px;font-size:18px!important}

  .qy7-hero-inner{height:300px}
  .qy7-hero-copy{left:44px;width:465px}
  .qy7-hero-copy h1{font-size:46px!important;line-height:1.08!important}
  .qy7-hero-copy p{font-size:19px!important;line-height:1.45!important}
  .qy7-primary-btn{height:43px;padding:0 22px;font-size:16px!important}
  .qy7-primary-btn b{font-size:18px!important}
  .qy7-hero-tools{right:28px;width:218px;padding:7px 16px}
  .qy7-hero-tools a{min-height:59px}
  .qy7-hero-tools i{font-size:14px!important}
  .qy7-hero-tools b{font-size:17px!important}
  .qy7-hero-tools small{font-size:12.5px!important}

  .qy7-ticker-inner{height:58px;grid-template-columns:122px 1fr 74px}
  .qy7-ticker strong{font-size:17px!important}
  .qy7-ticker-items a{font-size:15px!important}
  .qy7-ticker-items span{font-size:12px!important}
  .qy7-more{font-size:13.5px!important}

  .qy7-section{padding:24px 0 8px}
  .qy7-section-head,.qy7-panel-head{margin-bottom:14px}
  .qy7-section-head h2,.qy7-panel-head h2{font-size:24px!important}
  .qy7-section-head>a,.qy7-panel-head>a{font-size:14px!important}

  .qy7-editor-grid{gap:20px}
  .qy7-editor-image{height:168px}
  .qy7-rank{width:34px;height:34px;font-size:17px!important}
  .qy7-image-chip{padding:5px 9px;font-size:12px!important}
  .qy7-editor-copy{padding:14px 16px 16px}
  .qy7-editor-copy h3{font-size:19px!important;line-height:1.4!important;margin-bottom:8px!important}
  .qy7-editor-copy time{font-size:13px!important}

  .qy7-categories{padding-top:20px}
  .qy7-category-grid{gap:18px}
  .qy7-category-card{height:148px}
  .qy7-category-card>div{padding:18px 20px}
  .qy7-category-card h3{font-size:21px!important;margin-bottom:8px!important}
  .qy7-category-card p{font-size:14.5px!important;line-height:1.45!important}
  .qy7-category-card span{margin-top:10px;font-size:14px!important}

  .qy7-dashboard{padding:20px 0 28px}
  .qy7-dashboard-grid{gap:16px}
  .qy7-panel{padding:16px 16px;border-radius:9px}

  .qy7-latest-row{grid-template-columns:96px minmax(0,1fr);gap:13px;padding:10px 0}
  .qy7-latest-thumb{width:96px;height:66px}
  .qy7-mini-chip{padding:4px 7px;font-size:11.5px!important}
  .qy7-latest-row h3{margin:5px 0 3px!important;font-size:16px!important;line-height:1.38!important}
  .qy7-latest-row small{font-size:12px!important}

  .qy7-schedule-list>div{min-height:44px;gap:10px;font-size:15px!important}
  .qy7-schedule-list em{padding:4px 7px;font-size:11.5px!important}
  .qy7-dark-btn{height:38px;margin-top:10px;font-size:14px!important}

  .qy7-ranking-tabs{gap:7px;margin-bottom:8px}
  .qy7-ranking-tabs span{padding:4px 8px;font-size:12px!important}
  .qy7-ranking-list li{grid-template-columns:26px minmax(0,1fr);gap:8px;min-height:40px}
  .qy7-ranking-list b{width:23px;height:23px;font-size:10.5px!important}
  .qy7-ranking-list a{font-size:14px!important}

  .qy7-sport-grid{gap:9px}
  .qy7-sport-grid a{min-height:76px;padding:8px 4px}
  .qy7-sport-grid span{font-size:28px!important}
  .qy7-sport-grid b{font-size:13px!important}

  .home-template .qy4-footer{padding:24px 0 16px!important}
  .home-template .qy4-footer .inner{width:min(calc(100% - 56px),1460px)!important}
  .home-template .qy4-footer-logo img{width:56px!important;height:56px!important}
  .home-template .qy4-footer-logo strong{font-size:20px!important}
  .home-template .qy4-footer-logo small{font-size:10px!important}
  .home-template .qy4-footer-brand p{font-size:13.5px!important;line-height:1.55!important}
  .home-template .qy4-footer-nav a{font-size:13.5px!important}
  .home-template .qy4-socials a{width:38px!important;height:38px!important}
  .home-template .qy4-socials svg{width:19px!important;height:19px!important}
  .home-template .qy4-footer-bottom{font-size:11px!important}
  .home-template .qy4-photo-credit{font-size:10.5px!important}
}

@media (min-width:768px) and (max-width:1180px){
  .qy7-nav .nav a{font-size:15px!important}
  .qy7-section-head h2,.qy7-panel-head h2{font-size:21px!important}
  .qy7-editor-copy h3{font-size:16.5px!important}
  .qy7-category-card h3{font-size:18px!important}
  .qy7-category-card p{font-size:13px!important}
  .qy7-latest-row h3{font-size:14.5px!important}
  .qy7-schedule-list>div{font-size:13.5px!important}
  .qy7-ranking-list a{font-size:12.5px!important}
  .qy7-sport-grid b{font-size:11.5px!important}
}

@media(max-width:767px){
  .qy7-mobile-menu a{font-size:18px!important}
  .qy7-hero-inner{height:248px}
  .qy7-hero-copy{bottom:25px}
  .qy7-hero-copy h1{font-size:31px!important;line-height:1.08!important}
  .qy7-hero-copy p{font-size:13.5px!important;line-height:1.4!important}
  .qy7-primary-btn{height:36px;padding:0 16px;font-size:12.5px!important}

  .qy7-ticker-inner{height:58px;grid-template-columns:94px 1fr 42px}
  .qy7-ticker strong{font-size:13px!important}
  .qy7-ticker-items a{font-size:12px!important}
  .qy7-more{font-size:10.5px!important}

  .qy7-section{padding:18px 0 4px}
  .qy7-section-head h2,.qy7-panel-head h2{font-size:19px!important}
  .qy7-section-head>a,.qy7-panel-head>a{font-size:11.5px!important}

  .qy7-editor-card{grid-template-columns:118px minmax(0,1fr);min-height:96px}
  .qy7-editor-image{height:96px}
  .qy7-editor-copy{padding:8px 10px}
  .qy7-editor-copy h3{font-size:14.5px!important;line-height:1.35!important}
  .qy7-editor-copy time{font-size:10.5px!important}
  .qy7-rank{width:22px;height:22px;font-size:10.5px!important}
  .qy7-image-chip{font-size:9px!important}

  .qy7-category-card{height:108px}
  .qy7-category-card h3{font-size:13px!important;line-height:1.24!important}

  .qy7-panel{padding:13px}
  .qy7-schedule-list>div{min-height:42px;font-size:13.5px!important}
  .qy7-schedule-list em{font-size:10.5px!important}
  .qy7-dark-btn{height:36px;font-size:12.5px!important}

  .home-template .qy4-footer-nav a{font-size:11px!important}
  .home-template .qy4-footer-logo strong{font-size:16px!important}
}

@media(max-width:390px){
  .qy7-hero-copy h1{font-size:29px!important}
  .qy7-category-card h3{font-size:12px!important}
  .qy7-editor-copy h3{font-size:14px!important}
}


/* =========================================================
   QYWIN Portal V10.5 — four category cards rebuilt correctly
   Clean artwork on the left + real HTML text on the right.
   No text is baked into images, so browser text stays crisp.
   ========================================================= */
.qy7-categories{padding-top:30px!important;padding-bottom:16px!important}
.qy7-categories .qy7-section-head{margin-bottom:18px!important}
.qy7-category-grid{gap:18px!important}
.qy7-category-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:36% minmax(0,1fr)!important;
  height:150px!important;
  overflow:hidden!important;
  border:1px solid rgba(223,178,74,.35)!important;
  border-radius:14px!important;
  background:linear-gradient(90deg,#071a2d 0%,#06192c 100%)!important;
  box-shadow:0 10px 24px rgba(7,18,33,.10)!important;
  text-decoration:none!important;
}
.qy7-category-card:after{display:none!important}
.qy7-category-visual{
  position:relative!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#06172a!important;
}
.qy7-category-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(3,18,33,.06) 0%,rgba(3,18,33,.05) 62%,rgba(7,26,45,.72) 100%);
  pointer-events:none;
}
.qy7-category-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
.qy7-category-copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  height:100%!important;
  padding:18px 18px 16px 16px!important;
  text-align:left!important;
}
.qy7-category-copy h3{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
  text-shadow:none!important;
}
.qy7-category-copy p{
  margin:0!important;
  color:#e6edf3!important;
  font-size:12.5px!important;
  line-height:1.45!important;
}
.qy7-category-copy span{
  margin-top:10px!important;
  color:#ffc83d!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}
.qy7-live-badge{
  position:absolute!important;
  z-index:3!important;
  left:10px!important;
  top:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:50px!important;
  height:24px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  background:#f3262d!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:.5px!important;
  box-shadow:0 6px 14px rgba(243,38,45,.25)!important;
}

@media (min-width:768px) and (max-width:1180px){
  .qy7-category-grid{gap:14px!important}
  .qy7-category-card{height:140px!important;grid-template-columns:34% minmax(0,1fr)!important}
  .qy7-category-copy{padding:15px 14px!important}
  .qy7-category-copy h3{font-size:16px!important}
  .qy7-category-copy p{font-size:11.5px!important}
  .qy7-category-copy span{font-size:11px!important}
}

@media (max-width:767px){
  .qy7-categories{padding-top:22px!important;padding-bottom:12px!important}
  .qy7-categories .qy7-section-head{margin-bottom:12px!important}
  .qy7-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .qy7-category-card{
    grid-template-columns:1fr!important;
    grid-template-rows:58px 1fr!important;
    height:132px!important;
    border-radius:12px!important;
  }
  .qy7-category-visual{min-height:58px!important}
  .qy7-category-visual:after{background:linear-gradient(180deg,rgba(3,18,33,.03),rgba(7,26,45,.45))!important}
  .qy7-category-copy{padding:8px 9px 9px!important;justify-content:flex-start!important}
  .qy7-category-copy h3{font-size:11px!important;margin-bottom:3px!important}
  .qy7-category-copy p{display:none!important}
  .qy7-category-copy span{margin-top:auto!important;font-size:9px!important}
  .qy7-live-badge{left:7px!important;top:7px!important;min-width:38px!important;height:19px!important;font-size:8.5px!important;padding:0 6px!important}
}


/* =========================================================
   QYWIN Portal V11 — homepage hero refinement
   - taller hero area
   - cleaner typography weights
   - improved athlete framing on desktop/mobile
   ========================================================= */
@media (min-width:768px){
  .qy7-header-inner{height:72px!important;grid-template-columns:240px 1fr 110px!important}
  .qy7-brand img{max-width:210px!important;max-height:46px!important}
  .qy7-nav .nav{gap:28px!important}
  .qy7-nav .nav a{
    height:72px!important;
    font-size:15px!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
  }

  .qy7-hero-inner{height:380px!important}
  .qy7-hero-bg{
    background-position:58% 22%!important;
    background-size:cover!important;
  }
  .qy7-hero-bg:after{
    background:linear-gradient(90deg,rgba(2,15,27,.96) 0%,rgba(2,15,27,.84) 22%,rgba(2,15,27,.22) 49%,rgba(2,15,27,.12) 72%,rgba(2,15,27,.58) 100%)!important;
  }
  .qy7-hero-copy{left:44px!important;width:485px!important}
  .qy7-hero-copy h1{
    font-size:50px!important;
    line-height:1.16!important;
    font-weight:850!important;
    letter-spacing:0!important;
    text-shadow:0 3px 10px rgba(0,0,0,.22)!important;
  }
  .qy7-hero-copy h1 span{display:inline-block!important;margin-top:2px!important}
  .qy7-hero-copy p{
    margin-bottom:18px!important;
    color:#eef2f5!important;
    font-size:17px!important;
    line-height:1.55!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
  }
  .qy7-primary-btn{height:42px!important;padding:0 22px!important;font-size:14px!important}
  .qy7-primary-btn b{font-size:16px!important}

  .qy7-hero-tools{
    right:26px!important;
    width:210px!important;
    padding:8px 16px!important;
    border-radius:10px!important;
  }
  .qy7-hero-tools a{min-height:64px!important;grid-template-columns:34px 1fr!important}
  .qy7-hero-tools i{font-size:13px!important;font-weight:900!important}
  .qy7-hero-tools b{font-size:16px!important;line-height:1.15!important}
  .qy7-hero-tools small{font-size:11.5px!important;line-height:1.35!important}
}

@media (min-width:768px) and (max-width:1180px){
  .qy7-hero-inner{height:340px!important}
  .qy7-hero-copy{left:34px!important;width:410px!important}
  .qy7-hero-copy h1{font-size:43px!important}
  .qy7-hero-copy p{font-size:15.5px!important}
  .qy7-hero-tools{right:18px!important;width:190px!important}
}

@media (max-width:767px){
  .qy7-header-inner{height:64px!important;grid-template-columns:40px 1fr 78px!important}
  .qy7-brand img{max-width:154px!important;max-height:42px!important}
  .qy7-mobile-menu a{font-weight:700!important;letter-spacing:.01em!important}

  .qy7-hero-inner{height:286px!important}
  .qy7-hero-bg{background-position:62% 18%!important}
  .qy7-hero-copy{
    left:18px!important;
    right:18px!important;
    bottom:26px!important;
  }
  .qy7-hero-copy h1{
    font-size:31px!important;
    line-height:1.14!important;
    font-weight:850!important;
    letter-spacing:0!important;
  }
  .qy7-hero-copy p{
    margin-bottom:12px!important;
    font-size:12.5px!important;
    line-height:1.5!important;
    font-weight:650!important;
  }
  .qy7-primary-btn{height:34px!important;font-size:11px!important}
}


/* =========================================================
   QYWIN Portal V11.2 — typography and spacing refinement
   ========================================================= */
@media (min-width: 768px) {
  /* 1) Top navigation: larger, less cramped */
  .qy7-nav .nav {
    gap: 34px !important;
  }
  .qy7-nav .nav a {
    height: 72px !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    letter-spacing: .015em !important;
    line-height: 1.2 !important;
  }

  /* 2) Hero right tools box: larger text and fuller height */
  .qy7-hero-tools {
    right: 28px !important;
    width: 228px !important;
    min-height: 272px !important;
    padding: 12px 18px !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }
  .qy7-hero-tools a {
    grid-template-columns: 34px 1fr !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 3px 0 !important;
  }
  .qy7-hero-tools i {
    font-size: 14px !important;
    font-weight: 900 !important;
  }
  .qy7-hero-tools b {
    font-size: 18px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
  }
  .qy7-hero-tools small {
    margin-top: 4px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    letter-spacing: .01em !important;
  }

  /* 3) Ticker area small category tags */
  .qy7-ticker-inner {
    height: 60px !important;
  }
  .qy7-ticker strong {
    font-size: 17px !important;
    font-weight: 900 !important;
  }
  .qy7-ticker-items a {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }
  .qy7-ticker-items span {
    margin-right: 9px !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
  }
  .qy7-more {
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  /* 4) Latest article section: bigger thumb + bigger chips */
  .qy7-latest-row {
    grid-template-columns: 118px minmax(0,1fr) !important;
    gap: 14px !important;
    padding: 10px 0 !important;
  }
  .qy7-latest-thumb {
    width: 118px !important;
    height: 74px !important;
    border-radius: 6px !important;
  }
  .qy7-mini-chip,
  .qy7-image-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 26px !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    line-height: 1.2 !important;
  }
  .qy7-latest-row h3 {
    margin: 6px 0 4px !important;
    font-size: 16px !important;
    line-height: 1.34 !important;
    font-weight: 800 !important;
    letter-spacing: .005em !important;
  }
  .qy7-latest-row small {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  /* 5) Schedule block and yellow/red status buttons */
  .qy7-schedule-list > div {
    grid-template-columns: minmax(0,1fr) 84px !important;
    min-height: 48px !important;
    gap: 12px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
  }
  .qy7-schedule-list em {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 72px !important;
    height: 32px !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
  }
  .qy7-dark-btn {
    height: 40px !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
}

@media (max-width: 767px) {
  .qy7-ticker strong {
    font-size: 12px !important;
  }
  .qy7-ticker-items a {
    font-size: 11.5px !important;
  }
  .qy7-ticker-items span {
    font-size: 10.5px !important;
  }
  .qy7-mini-chip,
  .qy7-image-chip {
    min-height: 22px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
  }
  .qy7-schedule-list em {
    min-width: 64px !important;
    height: 28px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
  }
}


/* =========================================================
   QYWIN Portal V11.3 — lighter hero typography + taller tool panel
   ========================================================= */
@media (min-width:768px){
  /* Top navigation: less heavy */
  .qy7-nav .nav a{
    font-weight:600!important;
    letter-spacing:.025em!important;
  }

  /* Hero title/subtitle/button: reduce weight and add breathing room */
  .qy7-hero-copy h1{
    font-weight:700!important;
    letter-spacing:.01em!important;
    line-height:1.18!important;
  }
  .qy7-hero-copy p{
    font-weight:500!important;
    letter-spacing:.02em!important;
    line-height:1.6!important;
  }
  .qy7-primary-btn{
    font-weight:700!important;
    letter-spacing:.01em!important;
  }
  .qy7-primary-btn b{
    font-weight:600!important;
  }

  /* Right tool panel: visually align with the hero's top/bottom rhythm */
  .qy7-hero-tools{
    top:24px!important;
    bottom:24px!important;
    transform:none!important;
    min-height:0!important;
    height:auto!important;
    padding:14px 18px!important;
    justify-content:space-evenly!important;
  }
  .qy7-hero-tools a{
    flex:1 1 0!important;
    min-height:0!important;
    padding:7px 0!important;
  }
  .qy7-hero-tools i{
    font-weight:700!important;
  }
  .qy7-hero-tools b{
    font-weight:650!important;
    letter-spacing:.015em!important;
    line-height:1.25!important;
  }
  .qy7-hero-tools small{
    font-weight:400!important;
    letter-spacing:.01em!important;
    line-height:1.45!important;
  }
}

@media (min-width:768px) and (max-width:1180px){
  .qy7-hero-tools{
    top:20px!important;
    bottom:20px!important;
  }
}

@media (max-width:767px){
  .qy7-hero-copy h1{
    font-weight:700!important;
    letter-spacing:.01em!important;
  }
  .qy7-hero-copy p{
    font-weight:500!important;
    letter-spacing:.015em!important;
  }
  .qy7-primary-btn{
    font-weight:700!important;
  }
}


/* =========================================================
   QYWIN Portal V11.4 — homepage-wide lighter typography
   Reduce all excessively heavy text across every homepage block.
   ========================================================= */
.home-template .qy7-header,
.home-template .qy7-home{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}

/* Major headings */
.home-template .qy7-home h1{
  font-weight:700!important;
  letter-spacing:.01em!important;
}
.home-template .qy7-home h2,
.home-template .qy7-section-head h2,
.home-template .qy7-panel-head h2{
  font-weight:700!important;
  letter-spacing:.015em!important;
}
.home-template .qy7-home h3{
  font-weight:650!important;
  letter-spacing:.01em!important;
}

/* Navigation */
.home-template .qy7-nav .nav a,
.home-template .qy7-mobile-menu .nav a{
  font-weight:600!important;
  letter-spacing:.025em!important;
}

/* Hero */
.home-template .qy7-hero-copy h1{font-weight:700!important}
.home-template .qy7-hero-copy p{font-weight:500!important}
.home-template .qy7-primary-btn,
.home-template .qy7-primary-btn b{font-weight:600!important}
.home-template .qy7-hero-tools i{font-weight:600!important}
.home-template .qy7-hero-tools b{font-weight:600!important}
.home-template .qy7-hero-tools small{font-weight:400!important}

/* Breaking ticker */
.home-template .qy7-ticker strong{font-weight:700!important}
.home-template .qy7-ticker-items a{font-weight:600!important}
.home-template .qy7-ticker-items span{font-weight:650!important}
.home-template .qy7-more{font-weight:600!important}

/* Editor picks */
.home-template .qy7-rank{font-weight:700!important}
.home-template .qy7-image-chip{font-weight:650!important}
.home-template .qy7-editor-copy h3,
.home-template .qy7-editor-copy h3 a{font-weight:650!important}

/* Four category cards */
.home-template .qy7-category-copy h3{font-weight:650!important}
.home-template .qy7-category-copy p{font-weight:400!important}
.home-template .qy7-category-copy span{font-weight:650!important}
.home-template .qy7-live-badge{font-weight:700!important}

/* Latest articles */
.home-template .qy7-mini-chip{font-weight:650!important}
.home-template .qy7-latest-row h3,
.home-template .qy7-latest-row h3 a{font-weight:650!important}
.home-template .qy7-latest-row small{font-weight:400!important}

/* Schedule */
.home-template .qy7-schedule-list>div{font-weight:400!important}
.home-template .qy7-schedule-list em{font-weight:650!important}
.home-template .qy7-dark-btn{font-weight:600!important}

/* Rankings */
.home-template .qy7-ranking-tabs span{font-weight:600!important}
.home-template .qy7-ranking-list b{font-weight:600!important}
.home-template .qy7-ranking-list a{font-weight:550!important}

/* Popular sports */
.home-template .qy7-sport-grid b{font-weight:600!important}

/* Section links */
.home-template .qy7-section-head>a,
.home-template .qy7-panel-head>a{font-weight:600!important}

/* Footer homepage text if visible */
.home-template .qy4-footer,
.home-template .qy4-footer *{font-weight:400!important}
.home-template .qy4-footer strong,
.home-template .qy4-footer b{font-weight:600!important}

@media (max-width:767px){
  .home-template .qy7-home h1{font-weight:700!important}
  .home-template .qy7-home h2{font-weight:700!important}
  .home-template .qy7-home h3{font-weight:650!important}
  .home-template .qy7-nav .nav a,
  .home-template .qy7-mobile-menu .nav a{font-weight:600!important}
}


/* =========================================================
   QYWIN Portal V11.5 — continuous breaking-news marquee
   ========================================================= */
.home-template .qy7-ticker-marquee{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  position:relative!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);
}
.home-template .qy7-ticker-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  will-change:transform;
  animation:qy7TickerScroll 32s linear infinite;
}
.home-template .qy7-ticker-group{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  flex:0 0 auto!important;
  gap:46px!important;
  padding-right:46px!important;
  min-width:max-content!important;
}
.home-template .qy7-ticker-group a{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  overflow:visible!important;
  max-width:none!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
}
.home-template .qy7-ticker-marquee:hover .qy7-ticker-track{
  animation-play-state:paused;
}
@keyframes qy7TickerScroll{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media (max-width:767px){
  .home-template .qy7-ticker-track{animation-duration:24s!important}
  .home-template .qy7-ticker-group{gap:28px!important;padding-right:28px!important}
  .home-template .qy7-ticker-group a{display:inline-flex!important;font-size:11.5px!important}
}
@media (prefers-reduced-motion:reduce){
  .home-template .qy7-ticker-track{animation:none!important}
  .home-template .qy7-ticker-marquee{overflow-x:auto!important;-webkit-mask-image:none!important;mask-image:none!important}
}


/* =========================================================
   QYWIN Portal V11.6 — editable homepage hero carousel
   Slides are populated from posts tagged with #首頁輪播 / hash-home-slider.
   ========================================================= */
.qy7-hero-slider{position:absolute;inset:0;z-index:1;overflow:hidden}
.qy7-hero-slides{position:absolute;inset:0}
.qy7-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s ease}
.qy7-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.qy7-hero-slide-bg{position:absolute;inset:0;overflow:hidden;transform:scale(1.001)}
.qy7-hero-slide-bg picture,.qy7-hero-slide-bg img{position:absolute;inset:0;display:block;width:100%;height:100%}
.qy7-hero-slide-bg img{object-fit:cover;object-position:center 24%}
.qy7-hero-slide-bg:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(2,15,27,.96) 0%,rgba(2,15,27,.84) 24%,rgba(2,15,27,.20) 48%,rgba(2,15,27,.10) 74%,rgba(2,15,27,.58) 100%)}
.qy7-hero-slide .qy7-hero-copy{z-index:3}
.qy7-hero-tools{z-index:8!important}
.qy7-hero-controls{position:absolute;z-index:9;left:50%;bottom:14px;display:flex;align-items:center;gap:12px;transform:translateX(-50%)}
.qy7-hero-arrow{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(3,24,42,.72);color:#fff;font:400 26px/1 Arial,sans-serif;cursor:pointer;backdrop-filter:blur(4px);transition:.2s ease}
.qy7-hero-arrow:hover{border-color:#ffc13c;background:rgba(3,24,42,.92);color:#ffc13c}
.qy7-hero-pager{display:flex;align-items:center;gap:7px}
.qy7-hero-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s ease}
.qy7-hero-dot.is-active{width:24px;background:#ffc13c}

@media (min-width:768px){
  .qy7-hero-slide-bg img{object-position:center 24%}
}
@media (max-width:767px){
  .qy7-hero-slide-bg img{object-position:center 18%}
  .qy7-hero-slide-bg:after{background:linear-gradient(180deg,rgba(2,15,27,.08) 0%,rgba(2,15,27,.22) 43%,rgba(2,15,27,.92) 100%)}
  .qy7-hero-slide .qy7-hero-copy{bottom:48px!important}
  .qy7-hero-controls{bottom:9px;gap:9px}
  .qy7-hero-arrow{width:30px;height:30px;font-size:22px}
  .qy7-hero-dot{width:7px;height:7px}
  .qy7-hero-dot.is-active{width:19px}
}
@media (prefers-reduced-motion:reduce){
  .qy7-hero-slide{transition:none}
}


/* =========================================================
   QYWIN Portal V11.7 — mobile category cards enlargement
   ========================================================= */
@media (max-width:767px){
  .home-template .qy7-categories{
    padding-top:26px!important;
    padding-bottom:18px!important;
  }
  .home-template .qy7-categories .qy7-section-head{
    margin-bottom:16px!important;
  }
  .home-template .qy7-categories .qy7-section-head h2{
    font-size:20px!important;
    line-height:1.25!important;
    font-weight:650!important;
  }
  .home-template .qy7-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .home-template .qy7-category-card{
    grid-template-columns:1fr!important;
    grid-template-rows:92px minmax(0,1fr)!important;
    height:166px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .home-template .qy7-category-visual{
    min-height:92px!important;
    height:92px!important;
  }
  .home-template .qy7-category-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  .home-template .qy7-category-copy{
    min-height:74px!important;
    padding:11px 12px 12px!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  .home-template .qy7-category-copy h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.28!important;
    font-weight:650!important;
    letter-spacing:.005em!important;
  }
  .home-template .qy7-category-copy p{
    display:none!important;
  }
  .home-template .qy7-category-copy span{
    display:block!important;
    margin-top:auto!important;
    padding-top:7px!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:650!important;
  }
  .home-template .qy7-live-badge{
    left:9px!important;
    top:9px!important;
    min-width:46px!important;
    height:22px!important;
    padding:0 8px!important;
    font-size:10px!important;
    font-weight:700!important;
  }
}

@media (max-width:390px){
  .home-template .qy7-category-grid{gap:10px!important}
  .home-template .qy7-category-card{height:158px!important;grid-template-rows:86px minmax(0,1fr)!important}
  .home-template .qy7-category-visual{height:86px!important;min-height:86px!important}
  .home-template .qy7-category-copy h3{font-size:13px!important}
  .home-template .qy7-category-copy span{font-size:10.5px!important}
}


/* =========================================================
   QYWIN Portal V11.8
   - Mobile category cards: larger artwork and text, less empty navy space
   - Carousel fallback: controls remain visible even before #首頁輪播 is populated
   ========================================================= */
@media (max-width:767px){
  .home-template .qy7-categories{
    padding-top:24px!important;
    padding-bottom:14px!important;
  }
  .home-template .qy7-categories .qy7-section-head{
    margin-bottom:14px!important;
  }
  .home-template .qy7-categories .qy7-section-head h2{
    font-size:21px!important;
    line-height:1.2!important;
  }
  .home-template .qy7-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:11px!important;
  }
  .home-template .qy7-category-card{
    grid-template-columns:1fr!important;
    grid-template-rows:112px 58px!important;
    height:170px!important;
    border-radius:14px!important;
  }
  .home-template .qy7-category-visual{
    height:112px!important;
    min-height:112px!important;
  }
  .home-template .qy7-category-visual img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 48%!important;
  }
  .home-template .qy7-category-copy{
    min-height:58px!important;
    padding:8px 11px 8px!important;
    justify-content:flex-start!important;
    gap:4px!important;
  }
  .home-template .qy7-category-copy h3{
    margin:0!important;
    font-size:15.5px!important;
    line-height:1.18!important;
    font-weight:600!important;
    letter-spacing:.01em!important;
  }
  .home-template .qy7-category-copy p{
    display:none!important;
  }
  .home-template .qy7-category-copy span{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:12.5px!important;
    line-height:1.18!important;
    font-weight:600!important;
  }
  .home-template .qy7-live-badge{
    left:9px!important;
    top:9px!important;
    min-width:48px!important;
    height:24px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
  }
}

@media (max-width:390px){
  .home-template .qy7-category-grid{gap:9px!important}
  .home-template .qy7-category-card{
    grid-template-rows:102px 56px!important;
    height:158px!important;
  }
  .home-template .qy7-category-visual{
    height:102px!important;
    min-height:102px!important;
  }
  .home-template .qy7-category-copy{
    min-height:56px!important;
    padding:7px 9px!important;
  }
  .home-template .qy7-category-copy h3{
    font-size:14px!important;
  }
  .home-template .qy7-category-copy span{
    font-size:11.5px!important;
  }
}

/* Make arrows easier to see on the hero */
.home-template .qy7-hero-arrow{
  box-shadow:0 4px 14px rgba(0,0,0,.28)!important;
}

/* ==========================================================
   V11.11 — All articles / Featured articles archive pages
   ========================================================== */
.page-all-articles #gh-head,
.page-featured #gh-head{display:none!important}

.qy-archive-header{position:relative;z-index:20}
.qy-archive-page{background:#f7f9fb;min-height:70vh;padding:34px 20px 64px;color:#10273b}
.qy-archive-shell{width:min(1180px,100%);margin:0 auto}
.qy-archive-titlebar{margin:0 0 26px;padding:0 0 20px;border-bottom:1px solid #dfe5ea}
.qy-archive-kicker{display:inline-block;margin-bottom:7px;color:#ec9f15;font-size:12px;font-weight:900;letter-spacing:.08em}
.qy-archive-titlebar h1{margin:0!important;color:#10273b;font-size:34px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.02em}
.qy-archive-titlebar p{max-width:760px;margin:8px 0 0;color:#617181;font-size:14px;line-height:1.7}
.qy-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.qy-archive-card{overflow:hidden;border:1px solid #dde4e9;border-radius:9px;background:#fff;box-shadow:0 8px 22px rgba(22,48,68,.06);transition:transform .18s ease,box-shadow .18s ease}
.qy-archive-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(22,48,68,.1)}
.qy-archive-card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e9eef2}
.qy-archive-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.qy-archive-card:hover .qy-archive-card-image img{transform:scale(1.025)}
.qy-archive-card-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#80909d;font-size:13px;font-weight:900;letter-spacing:.12em}
.qy-archive-card-tag{position:absolute;right:10px;top:10px;display:inline-block;max-width:70%;padding:5px 9px;border-radius:5px;background:#f4b72d;color:#10273b;font-size:11px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qy-archive-card-body{padding:15px 16px 16px}
.qy-archive-card-body h2{margin:0 0 8px!important;font-size:18px!important;line-height:1.42!important;font-weight:850!important}
.qy-archive-card-body h2 a{color:#10273b!important;text-decoration:none!important}
.qy-archive-card-body p{display:-webkit-box;overflow:hidden;margin:0 0 12px;color:#657583;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.qy-archive-card-meta{display:flex;align-items:center;gap:6px;color:#8a98a4;font-size:11.5px}
.qy-archive-more-wrap{display:flex;justify-content:center;padding-top:32px}
.qy-archive-more{min-width:180px;height:44px;padding:0 20px;border:0;border-radius:7px;background:#10273b;color:#fff;font-size:13px;font-weight:850;cursor:pointer;transition:transform .15s ease,opacity .15s ease}
.qy-archive-more:hover{transform:translateY(-1px)}
.qy-archive-more:disabled{cursor:wait;opacity:.65;transform:none}
.qy-archive-empty{grid-column:1/-1;padding:44px 20px;border:1px dashed #cbd4da;border-radius:8px;background:#fff;color:#71808d;text-align:center;font-size:14px}

@media (max-width:900px){
  .qy-archive-page{padding:26px 16px 52px}
  .qy-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .qy-archive-titlebar h1{font-size:29px!important}
}
@media (max-width:620px){
  .qy-archive-page{padding:20px 12px 44px}
  .qy-archive-titlebar{margin-bottom:18px;padding-bottom:15px}
  .qy-archive-titlebar h1{font-size:25px!important}
  .qy-archive-titlebar p{font-size:12.5px}
  .qy-archive-grid{grid-template-columns:1fr;gap:13px}
  .qy-archive-card{display:grid;grid-template-columns:118px minmax(0,1fr);border-radius:7px}
  .qy-archive-card-image{aspect-ratio:auto;height:100%;min-height:112px}
  .qy-archive-card-tag{right:6px;top:6px;padding:3px 6px;font-size:8px}
  .qy-archive-card-body{display:flex;flex-direction:column;justify-content:center;padding:10px 11px}
  .qy-archive-card-body h2{font-size:14px!important;line-height:1.38!important;margin-bottom:5px!important}
  .qy-archive-card-body p{margin-bottom:7px;font-size:10.5px;line-height:1.5;-webkit-line-clamp:2}
  .qy-archive-card-meta{font-size:9.5px}
  .qy-archive-more-wrap{padding-top:22px}
  .qy-archive-more{width:100%;height:42px}
}

/* ==========================================================
   V11.12 — show Latest Articles + Popular Sports on mobile
   ========================================================== */
@media (max-width:767px){
  /* V11.11 intentionally hid these dashboard blocks on phones.
     V11.12 restores the two requested sections and keeps ranking hidden. */
  .home-template .qy7-latest-panel,
  .home-template .qy7-sports-panel{
    display:block!important;
  }
  .home-template .qy7-ranking-panel{
    display:none!important;
  }

  /* Mobile order: Latest Articles → Popular Sports → Today's Schedule */
  .home-template .qy7-latest-panel{order:1}
  .home-template .qy7-sports-panel{order:2}
  .home-template .qy7-schedule-panel{order:3}

  .home-template .qy7-dashboard-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  /* Match the approved mobile Latest Articles reference. */
  .home-template .qy7-latest-row{
    grid-template-columns:118px minmax(0,1fr)!important;
    gap:14px!important;
    padding:10px 0!important;
  }
  .home-template .qy7-latest-thumb{
    width:118px!important;
    height:74px!important;
    border-radius:6px!important;
  }
  .home-template .qy7-latest-row h3{
    margin:5px 0 3px!important;
    font-size:16px!important;
    line-height:1.34!important;
  }
  .home-template .qy7-latest-row small{
    font-size:12.5px!important;
  }
  .home-template .qy7-mini-chip{
    min-height:24px!important;
    padding:4px 9px!important;
    border-radius:6px!important;
    font-size:11.5px!important;
  }

  /* 4 x 2 sports buttons, large enough for touch and matching the reference. */
  .home-template .qy7-sport-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .home-template .qy7-sport-grid a{
    min-height:68px!important;
    padding:7px 3px!important;
    border-radius:7px!important;
  }
  .home-template .qy7-sport-grid span{
    font-size:27px!important;
  }
  .home-template .qy7-sport-grid b{
    margin-top:5px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
}

@media (max-width:390px){
  .home-template .qy7-latest-row{
    grid-template-columns:104px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .home-template .qy7-latest-thumb{
    width:104px!important;
    height:68px!important;
  }
  .home-template .qy7-latest-row h3{font-size:14px!important}
  .home-template .qy7-mini-chip{font-size:10.5px!important}
  .home-template .qy7-sport-grid{gap:6px!important}
  .home-template .qy7-sport-grid a{min-height:64px!important}
  .home-template .qy7-sport-grid span{font-size:25px!important}
  .home-template .qy7-sport-grid b{font-size:11px!important}
}


/* ==========================================================
   V11.14 — 9 Popular Sports buttons; Other Events replaces Golf
   ========================================================== */
@media (min-width:1181px){
  .home-template .qy7-sport-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:768px) and (max-width:1180px){
  .home-template .qy7-sport-grid{
    grid-template-columns:repeat(9,minmax(0,1fr))!important;
  }
}
@media (max-width:767px){
  .home-template .qy7-sport-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ==========================================================
   V11.15 — Sports tag landing pages
   Feature image + tag description are managed in Ghost Tags.
   ========================================================== */
.tag-template #gh-head{display:none!important}
.qy-tag-header{position:relative;z-index:30}
.qy-tag-page{min-height:70vh;background:#f6f8fa;padding:26px 20px 64px;color:#10273b}
.qy-tag-shell{width:min(1180px,100%);margin:0 auto}
.qy-tag-intro{overflow:hidden;margin-bottom:28px;border:1px solid #dfe5ea;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(16,39,59,.06)}
.qy-tag-banner{width:100%;aspect-ratio:3/1;overflow:hidden;background:#0b1b2a}
.qy-tag-banner img{display:block;width:100%;height:100%;object-fit:cover}
.qy-tag-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 24px 23px}
.qy-tag-summary>div{min-width:0}
.qy-tag-kicker{display:block;margin-bottom:5px;color:#e69a13;font-size:11px;font-weight:900;letter-spacing:.1em}
.qy-tag-summary h1{margin:0!important;color:#10273b;font-size:31px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:-.02em}
.qy-tag-summary p{max-width:760px;margin:8px 0 0;color:#60717f;font-size:14px;line-height:1.7}
.qy-tag-count{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#fff4d9;color:#a66b00;font-size:11px;font-weight:850;white-space:nowrap}
.qy-tag-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid #dfe5ea}
.qy-tag-section-head h2{margin:0!important;color:#10273b;font-size:25px!important;line-height:1.2!important;font-weight:900!important}
.qy-tag-section-head span{color:#84929e;font-size:11px}
.qy-tag-pagination{margin-top:34px}
.qy-tag-pagination .pagination{display:flex;align-items:center;justify-content:center;gap:14px;color:#647583;font-size:13px}
.qy-tag-pagination .pagination a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #d8e0e6;border-radius:7px;background:#fff;color:#10273b;text-decoration:none;font-weight:800}
.qy-tag-pagination .pagination a:hover{border-color:#f0b326;background:#fff9ea}
.qy-tag-pagination .page-number{color:#7d8b96}

@media (max-width:900px){
  .qy-tag-page{padding:20px 16px 52px}
  .qy-tag-summary{padding:18px 19px 20px}
  .qy-tag-summary h1{font-size:27px!important}
}
@media (max-width:620px){
  .qy-tag-page{padding:12px 10px 42px}
  .qy-tag-intro{margin-bottom:20px;border-radius:8px}
  .qy-tag-banner{aspect-ratio:3/1}
  .qy-tag-summary{display:block;padding:14px 14px 15px}
  .qy-tag-kicker{font-size:9px}
  .qy-tag-summary h1{font-size:22px!important}
  .qy-tag-summary p{margin-top:6px;font-size:12px;line-height:1.6}
  .qy-tag-count{display:inline-flex;margin-top:10px;padding:5px 8px;font-size:9.5px}
  .qy-tag-section-head{margin-bottom:12px;padding-bottom:9px}
  .qy-tag-section-head h2{font-size:20px!important}
  .qy-tag-section-head span{font-size:9.5px}
  .qy-tag-pagination{margin-top:24px}
  .qy-tag-pagination .pagination{gap:7px;font-size:10.5px}
  .qy-tag-pagination .pagination a{min-height:34px;padding:0 10px;font-size:10.5px}
}


/* ==========================================================
   V11.16 — Second-level category tabs
   Shown only for Football / Basketball / Baseball and their
   explicitly mapped sub-tags. Other sport tag pages stay intact.
   ========================================================== */
.qy-tag-subnavs{display:none;margin:-8px 0 28px}
.qy-tag-subnav{display:none;align-items:center;gap:9px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.qy-tag-subnav a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #dbe3e9;border-radius:999px;background:#fff;color:#334b5f!important;font-size:12px;font-weight:850;line-height:1;text-decoration:none!important;box-shadow:0 3px 10px rgba(16,39,59,.035);transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}
.qy-tag-subnav a:hover{border-color:#efb228;background:#fff9e8;color:#10273b!important;transform:translateY(-1px)}

body.tag-football .qy-tag-subnavs,
body.tag-world-cup .qy-tag-subnavs,
body.tag-europe-top-5-leagues .qy-tag-subnavs,
body.tag-european-cups .qy-tag-subnavs,
body.tag-mls .qy-tag-subnavs,
body.tag-football-guide .qy-tag-subnavs,
body.tag-basketball .qy-tag-subnavs,
body.tag-nba .qy-tag-subnavs,
body.tag-international-basketball .qy-tag-subnavs,
body.tag-basketball-guide .qy-tag-subnavs,
body.tag-baseball .qy-tag-subnavs,
body.tag-mlb .qy-tag-subnavs,
body.tag-wbc .qy-tag-subnavs,
body.tag-cpbl .qy-tag-subnavs,
body.tag-international-baseball .qy-tag-subnavs,
body.tag-baseball-guide .qy-tag-subnavs{display:block}

/* Football group */
body.tag-football .qy-tag-subnav-football,
body.tag-world-cup .qy-tag-subnav-football,
body.tag-europe-top-5-leagues .qy-tag-subnav-football,
body.tag-european-cups .qy-tag-subnav-football,
body.tag-mls .qy-tag-subnav-football,
body.tag-football-guide .qy-tag-subnav-football{display:flex}
body.tag-football .qy-tag-subnav-football a[data-tag="football"],
body.tag-world-cup .qy-tag-subnav-football a[data-tag="world-cup"],
body.tag-europe-top-5-leagues .qy-tag-subnav-football a[data-tag="europe-top-5-leagues"],
body.tag-european-cups .qy-tag-subnav-football a[data-tag="european-cups"],
body.tag-mls .qy-tag-subnav-football a[data-tag="mls"],
body.tag-football-guide .qy-tag-subnav-football a[data-tag="football-guide"]{border-color:#f0b326;background:#f4b72d;color:#10273b!important;box-shadow:0 5px 14px rgba(240,179,38,.18)}

/* Basketball group */
body.tag-basketball .qy-tag-subnav-basketball,
body.tag-nba .qy-tag-subnav-basketball,
body.tag-international-basketball .qy-tag-subnav-basketball,
body.tag-basketball-guide .qy-tag-subnav-basketball{display:flex}
body.tag-basketball .qy-tag-subnav-basketball a[data-tag="basketball"],
body.tag-nba .qy-tag-subnav-basketball a[data-tag="nba"],
body.tag-international-basketball .qy-tag-subnav-basketball a[data-tag="international-basketball"],
body.tag-basketball-guide .qy-tag-subnav-basketball a[data-tag="basketball-guide"]{border-color:#f0b326;background:#f4b72d;color:#10273b!important;box-shadow:0 5px 14px rgba(240,179,38,.18)}

/* Baseball group */
body.tag-baseball .qy-tag-subnav-baseball,
body.tag-mlb .qy-tag-subnav-baseball,
body.tag-wbc .qy-tag-subnav-baseball,
body.tag-cpbl .qy-tag-subnav-baseball,
body.tag-international-baseball .qy-tag-subnav-baseball,
body.tag-baseball-guide .qy-tag-subnav-baseball{display:flex}
body.tag-baseball .qy-tag-subnav-baseball a[data-tag="baseball"],
body.tag-mlb .qy-tag-subnav-baseball a[data-tag="mlb"],
body.tag-wbc .qy-tag-subnav-baseball a[data-tag="wbc"],
body.tag-cpbl .qy-tag-subnav-baseball a[data-tag="cpbl"],
body.tag-international-baseball .qy-tag-subnav-baseball a[data-tag="international-baseball"],
body.tag-baseball-guide .qy-tag-subnav-baseball a[data-tag="baseball-guide"]{border-color:#f0b326;background:#f4b72d;color:#10273b!important;box-shadow:0 5px 14px rgba(240,179,38,.18)}

@media (max-width:620px){
  .qy-tag-subnavs{margin:-5px 0 20px}
  .qy-tag-subnav{gap:7px;margin:0 -1px;padding-bottom:7px}
  .qy-tag-subnav a{min-height:34px;padding:0 11px;font-size:10.5px}
}

/* ==========================================================
   V11.17 — Larger second-level category tabs
   Keep the V11.16 layout/behavior; only improve tap target,
   typography and spacing on desktop and mobile.
   ========================================================== */
.qy-tag-subnav{gap:12px;padding:3px 1px 10px}
.qy-tag-subnav a{
  min-height:48px;
  padding:0 21px;
  border-radius:999px;
  font-size:14px;
  font-weight:650;
  letter-spacing:.01em;
  box-shadow:0 4px 12px rgba(16,39,59,.05)
}
@media (max-width:620px){
  .qy-tag-subnavs{margin:-4px 0 24px}
  .qy-tag-subnav{gap:9px;padding:2px 1px 9px}
  .qy-tag-subnav a{
    min-height:44px;
    padding:0 17px;
    font-size:13px;
  }
}

/* ==========================================================
   V11.19 — Make the tag-page "熱門運動" kicker easier to see
   ========================================================== */
.qy-tag-kicker{
  margin-bottom:7px;
  color:#d88400;
  font-size:13px;
  font-weight:750;
  letter-spacing:.06em;
  line-height:1.3;
}
@media (max-width:620px){
  .qy-tag-kicker{
    margin-bottom:6px;
    font-size:12px;
    font-weight:750;
    letter-spacing:.045em;
  }
}

/* ==========================================================
   V11.21 — Live homepage schedule (12 curated games)
   Worker data + 4-row vertical carousel, Taiwan time
   ========================================================== */
.home-template .qy7-schedule-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:-1px 0 7px;
  color:#71808d;
  font-size:9.5px;
  line-height:1.3;
}
.home-template .qy7-schedule-note span:first-child{
  padding:3px 6px;
  border-radius:999px;
  background:#f3f6f8;
  color:#516272;
  font-weight:650;
}
.home-template .qy7-schedule-note span:last-child{white-space:nowrap}
.home-template .qy7-schedule-viewport{
  position:relative;
  height:176px;
  overflow:hidden;
  touch-action:pan-x;
}
.home-template .qy7-schedule-track{
  will-change:transform;
  transition:transform .48s cubic-bezier(.22,.72,.2,1);
}
.home-template .qy7-schedule-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  height:44px;
  border-bottom:1px solid var(--qy7-line);
  color:#293d4f;
}
.home-template .qy7-schedule-main{min-width:0}
.home-template .qy7-schedule-topline{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  font-size:9px;
  line-height:1.1;
}
.home-template .qy7-schedule-topline time{
  flex:0 0 auto;
  color:#061d31;
  font-size:10px;
  font-weight:750;
  font-variant-numeric:tabular-nums;
}
.home-template .qy7-schedule-topline b{
  flex:0 0 auto;
  color:#d88400;
  font-size:8.5px;
  font-weight:700;
}
.home-template .qy7-schedule-topline span{
  min-width:0;
  overflow:hidden;
  color:#6b7a87;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-template .qy7-schedule-match{
  margin-top:4px;
  overflow:hidden;
  color:#24394c;
  font-size:10.5px;
  font-weight:550;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.home-template .qy7-schedule-row em{
  flex:0 0 auto;
  padding:3px 6px;
  border-radius:4px;
  background:#eef2f5;
  color:#60707e;
  font-size:8px;
  font-style:normal;
  font-weight:700!important;
  line-height:1.2;
  white-space:nowrap;
}
.home-template .qy7-schedule-row em.is-live{background:#ef3e38;color:#fff}
.home-template .qy7-schedule-row em.is-soon{background:#f3b733;color:#173047}
.home-template .qy7-schedule-row em.is-finished{background:#edf1f4;color:#6a7782}
.home-template .qy7-schedule-row em.is-postponed{background:#dfe7ef;color:#334c62}
.home-template .qy7-schedule-row em.is-cancelled{background:#eee8e8;color:#805959}
.home-template .qy7-schedule-state{
  display:flex;
  align-items:center;
  justify-content:center;
  height:176px;
  color:#72818d;
  font-size:11px;
  text-align:center;
}

@media (min-width:1180px){
  .home-template .qy7-schedule-note{font-size:11px}
  .home-template .qy7-schedule-viewport{height:192px}
  .home-template .qy7-schedule-row{height:48px}
  .home-template .qy7-schedule-topline{font-size:10.5px}
  .home-template .qy7-schedule-topline time{font-size:12px}
  .home-template .qy7-schedule-topline b{font-size:10px}
  .home-template .qy7-schedule-match{font-size:12px}
  .home-template .qy7-schedule-row em{font-size:9.5px}
  .home-template .qy7-schedule-state{height:192px;font-size:12px}
}

@media (max-width:760px){
  .home-template .qy7-schedule-note{margin-bottom:8px;font-size:10.5px}
  .home-template .qy7-schedule-viewport{height:192px}
  .home-template .qy7-schedule-row{height:48px;gap:10px}
  .home-template .qy7-schedule-topline{gap:6px;font-size:10px}
  .home-template .qy7-schedule-topline time{font-size:11.5px}
  .home-template .qy7-schedule-topline b{font-size:9.5px}
  .home-template .qy7-schedule-match{margin-top:4px;font-size:12px}
  .home-template .qy7-schedule-row em{padding:4px 7px;font-size:9.5px}
  .home-template .qy7-schedule-state{height:192px;font-size:12px}
}

@media (prefers-reduced-motion:reduce){
  .home-template .qy7-schedule-track{transition:none}
}


/* ==========================================================
   V11.22 — Today schedule readability boost
   Approx. 2x larger live schedule text while keeping 4 rows.
   ========================================================== */
.home-template .qy7-schedule-note{
  margin-bottom:12px;
  font-size:20px!important;
  line-height:1.25;
}
.home-template .qy7-schedule-note span:first-child{
  padding:5px 10px;
}
.home-template .qy7-schedule-viewport{
  height:376px!important;
}
.home-template .qy7-schedule-row{
  height:94px!important;
  gap:12px!important;
}
.home-template .qy7-schedule-topline{
  gap:8px!important;
  font-size:21px!important;
  line-height:1.15;
}
.home-template .qy7-schedule-topline time{
  font-size:24px!important;
}
.home-template .qy7-schedule-topline b{
  font-size:20px!important;
}
.home-template .qy7-schedule-match{
  margin-top:7px!important;
  font-size:24px!important;
  line-height:1.15;
}
.home-template .qy7-schedule-row em{
  padding:7px 10px!important;
  border-radius:6px;
  font-size:19px!important;
  line-height:1.15;
}
.home-template .qy7-schedule-state{
  height:376px!important;
  font-size:22px!important;
}

@media (max-width:760px){
  .home-template .qy7-schedule-note{
    font-size:21px!important;
  }
  .home-template .qy7-schedule-viewport{
    height:376px!important;
  }
  .home-template .qy7-schedule-row{
    height:94px!important;
    gap:10px!important;
  }
  .home-template .qy7-schedule-topline{
    gap:7px!important;
    font-size:20px!important;
  }
  .home-template .qy7-schedule-topline time{
    font-size:23px!important;
  }
  .home-template .qy7-schedule-topline b{
    font-size:19px!important;
  }
  .home-template .qy7-schedule-match{
    margin-top:7px!important;
    font-size:24px!important;
  }
  .home-template .qy7-schedule-row em{
    padding:7px 9px!important;
    font-size:19px!important;
  }
  .home-template .qy7-schedule-state{
    height:376px!important;
    font-size:22px!important;
  }
}


/* ==========================================================
   V11.23 — Chronological schedule + horizontal full-name scroll
   ========================================================== */
.home-template .qy7-schedule-note{
  margin-bottom:9px!important;
  font-size:14px!important;
}
.home-template .qy7-schedule-note span:first-child{
  padding:4px 8px!important;
}
.home-template .qy7-schedule-viewport{
  height:392px!important;
  overflow:hidden!important;
}
.home-template .qy7-schedule-row{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  height:98px!important;
  gap:10px!important;
}
.home-template .qy7-schedule-main{
  min-width:0!important;
  overflow:hidden!important;
}
.home-template .qy7-schedule-topline{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  font-size:14px!important;
  line-height:1.15!important;
}
.home-template .qy7-schedule-topline time{
  flex:0 0 auto!important;
  font-size:17px!important;
  font-weight:800!important;
}
.home-template .qy7-schedule-topline b{
  flex:0 0 auto!important;
  font-size:14px!important;
  font-weight:700!important;
}
.home-template .qy7-schedule-name-scroll{
  width:100%;
  max-width:100%;
  margin-top:5px;
  padding-bottom:3px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#aeb9c2 #edf1f4;
}
.home-template .qy7-schedule-name-scroll::-webkit-scrollbar{height:6px}
.home-template .qy7-schedule-name-scroll::-webkit-scrollbar-track{background:#edf1f4;border-radius:999px}
.home-template .qy7-schedule-name-scroll::-webkit-scrollbar-thumb{background:#aeb9c2;border-radius:999px}
.home-template .qy7-schedule-name-inner{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:max-content;
  padding-right:12px;
}
.home-template .qy7-schedule-competition{
  display:block;
  color:#6b7a87;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.15;
  white-space:nowrap;
}
.home-template .qy7-schedule-match{
  display:block!important;
  margin-top:3px!important;
  overflow:visible!important;
  color:#24394c!important;
  font-size:16px!important;
  font-weight:650!important;
  line-height:1.18!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.home-template .qy7-schedule-row em{
  position:relative;
  z-index:2;
  align-self:center;
  padding:6px 8px!important;
  border-radius:6px!important;
  font-size:13px!important;
  font-weight:750!important;
  white-space:nowrap!important;
}
.home-template .qy7-schedule-state{
  height:392px!important;
  font-size:15px!important;
}
@media (max-width:760px){
  .home-template .qy7-schedule-note{font-size:14px!important}
  .home-template .qy7-schedule-viewport{height:400px!important}
  .home-template .qy7-schedule-row{height:100px!important;gap:8px!important}
  .home-template .qy7-schedule-topline time{font-size:18px!important}
  .home-template .qy7-schedule-topline b{font-size:14px!important}
  .home-template .qy7-schedule-competition{font-size:13.5px!important}
  .home-template .qy7-schedule-match{font-size:16.5px!important}
  .home-template .qy7-schedule-row em{padding:6px 8px!important;font-size:13px!important}
  .home-template .qy7-schedule-state{height:400px!important;font-size:15px!important}
}

/* Full schedule page */
.qy-schedule-page{padding:34px 20px 70px;background:#f6f8fa;min-height:60vh}
.qy-schedule-shell{width:min(1040px,100%);margin:0 auto}
.qy-schedule-titlebar{margin-bottom:22px}
.qy-schedule-kicker{display:inline-block;margin-bottom:8px;color:#d88400;font-size:12px;font-weight:750;letter-spacing:.08em}
.qy-schedule-titlebar h1{margin:0;color:#061d31;font-size:clamp(28px,4vw,42px);line-height:1.1}
.qy-schedule-titlebar p{margin:10px 0 0;color:#687887;font-size:15px}
.qy-full-schedule-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.qy-full-schedule-date{color:#506274;font-size:14px;font-weight:650}
.qy-full-schedule-filters{display:flex;gap:7px;flex-wrap:wrap}
.qy-full-schedule-filter{appearance:none;border:1px solid #dce3e8;background:#fff;color:#385064;border-radius:999px;padding:7px 11px;font:inherit;font-size:13px;cursor:pointer}
.qy-full-schedule-filter.is-active{background:#061d31;color:#fff;border-color:#061d31}
.qy-full-schedule-list{overflow:hidden;border:1px solid #e1e6ea;border-radius:12px;background:#fff}
.qy-full-schedule-row{display:grid;grid-template-columns:76px 86px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid #e8ecef;color:#23394c}
.qy-full-schedule-row:last-child{border-bottom:0}
.qy-full-schedule-time{font-size:17px;font-weight:800;color:#061d31;font-variant-numeric:tabular-nums}
.qy-full-schedule-sport{font-size:14px;font-weight:700;color:#d88400;white-space:nowrap}
.qy-full-schedule-copy{min-width:0}
.qy-full-schedule-comp{color:#71808d;font-size:13px;line-height:1.25}
.qy-full-schedule-match{margin-top:3px;color:#20384d;font-size:16px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.qy-full-schedule-status{padding:6px 9px;border-radius:6px;background:#edf1f4;color:#61707d;font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}
.qy-full-schedule-status.is-live{background:#ef3e38;color:#fff}
.qy-full-schedule-status.is-soon{background:#f3b733;color:#173047}
.qy-full-schedule-status.is-postponed{background:#dfe7ef;color:#334c62}
.qy-full-schedule-status.is-cancelled{background:#eee8e8;color:#805959}
.qy-full-schedule-empty{padding:44px 18px;text-align:center;color:#71808d;font-size:15px}
@media (max-width:700px){
  .qy-schedule-page{padding:24px 12px 55px}
  .qy-full-schedule-row{grid-template-columns:64px minmax(0,1fr) auto;gap:8px;padding:13px 12px}
  .qy-full-schedule-sport{grid-column:2;grid-row:1;font-size:13px}
  .qy-full-schedule-copy{grid-column:1 / -1;grid-row:2}
  .qy-full-schedule-status{grid-column:3;grid-row:1}
  .qy-full-schedule-time{font-size:16px}
  .qy-full-schedule-match{font-size:15px}
}


/* ==========================================================
   V11.26 — Manual vertical schedule scrolling
   Remove bottom CTA; keep 12 curated games inside a fixed-height
   viewport with a visible right-side scrollbar.
   ========================================================== */
.home-template .qy7-schedule-viewport{
  height:392px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#aeb9c2 #edf1f4;
  padding-right:3px;
}
.home-template .qy7-schedule-viewport::-webkit-scrollbar{width:8px}
.home-template .qy7-schedule-viewport::-webkit-scrollbar-track{background:#edf1f4;border-radius:999px}
.home-template .qy7-schedule-viewport::-webkit-scrollbar-thumb{background:#aeb9c2;border-radius:999px}
.home-template .qy7-schedule-viewport::-webkit-scrollbar-thumb:hover{background:#8f9da8}
.home-template .qy7-schedule-track{
  transform:none!important;
  transition:none!important;
}
.home-template .qy7-schedule-row{
  height:98px!important;
}
.home-template .qy7-schedule-panel>.qy7-dark-btn{display:none!important}
@media (max-width:760px){
  .home-template .qy7-schedule-viewport{height:400px!important;padding-right:2px}
  .home-template .qy7-schedule-viewport::-webkit-scrollbar{width:7px}
  .home-template .qy7-schedule-row{height:100px!important}
}


/* =========================================================
   QYWIN Portal V11.27 — mobile performance pass
   Defer below-the-fold rendering while preserving layout space.
   ========================================================= */
@media (max-width:767px){
  .home-template .qy7-editor,
  .home-template .qy7-categories,
  .home-template .qy7-dashboard{
    content-visibility:auto;
  }
  .home-template .qy7-editor{contain-intrinsic-size:auto 650px}
  .home-template .qy7-categories{contain-intrinsic-size:auto 900px}
  .home-template .qy7-dashboard{contain-intrinsic-size:auto 1450px}
}