#footer-directory-square-twenty-one{padding:54px 0 24px;background:#f6f8fb;color:#172033}#footer-directory-square-twenty-one a{color:inherit;text-decoration:none}#footer-directory-square-twenty-one .dp-footer__directory{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}#footer-directory-square-twenty-one .dp-footer__brand{padding:28px;border-radius:6px;background:#fff;border:1px solid #e5e7eb}#footer-directory-square-twenty-one .dp-footer__brand img{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:14px;margin-bottom:16px}#footer-directory-square-twenty-one h2{margin:0 0 12px;font-size:30px;font-weight:900}#footer-directory-square-twenty-one p{margin:0;color:#64748b;font-size:14px;line-height:1.9}#footer-directory-square-twenty-one .dp-footer__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#footer-directory-square-twenty-one .dp-footer__nav a{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#334155;font-size:14px;font-weight:850}#footer-directory-square-twenty-one .dp-footer__nav em{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#eff6ff;color:#2563eb;font-style:normal;font-size:11px;font-weight:900}#footer-directory-square-twenty-one .dp-footer__nav a:hover{border-color:#2563eb;color:#2563eb}#footer-directory-square-twenty-one .dp-footer__info{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}#footer-directory-square-twenty-one .dp-footer__info span,#footer-directory-square-twenty-one .dp-footer__info a{padding:10px 13px;border-radius:6px;background:#fff;color:#64748b;font-size:13px}#footer-directory-square-twenty-one .dp-footer__info i{margin-right:8px;color:#2563eb}#footer-directory-square-twenty-one .dp-footer__friends{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;padding:18px;border-radius:6px;background:#172033;color:#dbeafe}#footer-directory-square-twenty-one .dp-footer__friends strong{color:#fff}#footer-directory-square-twenty-one .dp-footer__friends a{font-size:13px;color:#cbd5e1}#footer-directory-square-twenty-one .dp-footer__copy{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:18px;color:#64748b;font-size:13px}@media(max-width:767.98px){#footer-directory-square-twenty-one .dp-footer__directory,#footer-directory-square-twenty-one .dp-footer__nav{grid-template-columns:1fr}}#header-action-line-twenty-nine{position:relative;z-index:20;background:#020617;box-shadow:0 16px 36px rgba(2,6,23,.25)}#header-action-line-twenty-nine .dp-header__nav{min-height:78px;padding:0;background:#020617}#header-action-line-twenty-nine .dp-header__inner{display:flex;align-items:center;gap:22px;min-height:78px}#header-action-line-twenty-nine .dp-header__brand{display:inline-flex;align-items:center;min-width:190px;color:#e0f2fe;text-decoration:none}#header-action-line-twenty-nine .dp-header__brand span{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:900}#header-action-line-twenty-nine .dp-header__collapse{align-items:center}#header-action-line-twenty-nine .dp-header__menu{display:flex;align-items:center;gap:8px;margin:0 auto}#header-action-line-twenty-nine .dp-header__link{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid rgba(125,211,252,.14);border-radius:12px;color:#bae6fd;font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap}#header-action-line-twenty-nine .dp-header__link em{font-size:10px;font-style:normal;color:#38bdf8}#header-action-line-twenty-nine .dp-header__link:hover{background:rgba(14,165,233,.14);color:#fff;text-decoration:none}#header-action-line-twenty-nine .dp-header__link.active{background:#38bdf8;color:#082f49}#header-action-line-twenty-nine .dp-header__link.active em{color:#082f49}#header-action-line-twenty-nine .dp-header__actions{display:flex;align-items:center;gap:8px}#header-action-line-twenty-nine .dp-header__login{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;border-radius:12px;background:#38bdf8;color:#082f49;font-size:14px;font-weight:900;text-decoration:none}#header-action-line-twenty-nine .dp-header__login:hover{background:#e0f2fe;color:#020617;text-decoration:none}#header-action-line-twenty-nine .dp-header__toggle{display:none;width:42px;height:42px;margin-left:auto;border:1px solid rgba(125,211,252,.16);border-radius:12px;background:rgba(125,211,252,.08);color:#bae6fd}@media(max-width:991.98px){#header-action-line-twenty-nine .dp-header__inner{flex-wrap:wrap;gap:0;min-height:66px;padding-top:8px;padding-bottom:8px}#header-action-line-twenty-nine .dp-header__brand{min-width:0;max-width:70vw}#header-action-line-twenty-nine .dp-header__brand span{max-width:52vw;font-size:21px}#header-action-line-twenty-nine .dp-header__toggle{display:inline-flex;align-items:center;justify-content:center}#header-action-line-twenty-nine .dp-header__collapse{flex-basis:100%;width:100%;max-height:calc(100vh - 84px);overflow:auto;margin-top:10px;padding:12px;border:1px solid rgba(125,211,252,.14);border-radius:16px;background:#0f172a}#header-action-line-twenty-nine .dp-header__menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}#header-action-line-twenty-nine .dp-header__link{justify-content:space-between;background:#020617}#header-action-line-twenty-nine .dp-header__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}}@media(max-width:575.98px){#header-action-line-twenty-nine .container{padding-left:12px;padding-right:12px}#header-action-line-twenty-nine .dp-header__menu{grid-template-columns:1fr}}#header-action-line-twenty-nine .dp-header__brand{gap:10px}#header-action-line-twenty-nine .dp-header__logo{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:10px}@media(max-width:991.98px){#header-action-line-twenty-nine .dp-header__logo{height:38px}}@media(max-width:575.98px){#header-action-line-twenty-nine .dp-header__logo{height:34px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f6f8;color:#1c1f26;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}.page-main{width:100%}.section-inner{width:min(1180px,92%);margin:0 auto;padding:48px 0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:700;color:#10131a}h2{font-size:22px;margin-bottom:18px;display:flex;align-items:center;gap:10px}h2::before{content:"";width:4px;height:20px;background:#ff4b2b;border-radius:2px}h3{font-size:16px}.flash-bar{background:#10131a;color:#e8ecf2;font-size:13px;padding:9px 0}.flash-bar .section-inner{padding:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.flash-tag{background:#ff4b2b;color:#fff;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:600}.flash-text{opacity:.85}.hero-live{background:linear-gradient(135deg,#1a2342 0%,#0e1530 60%,#091029 100%);color:#fff;position:relative;overflow:hidden}.hero-live .section-inner{padding:60px 0 56px;display:grid;grid-template-columns:1.2fr .9fr;gap:36px;align-items:center}.hero-tag{display:inline-block;background:rgba(255,75,43,.15);color:#ff8466;padding:5px 12px;border-radius:4px;font-size:13px;margin-bottom:18px;border:1px solid rgba(255,75,43,.3)}.hero-live h1{font-size:34px;line-height:1.35;color:#fff;margin-bottom:18px}.hero-live h1 span{color:#ff8466}.hero-desc{font-size:15px;color:#c7cee0;margin-bottom:24px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}.hero-stats div{background:rgba(255,255,255,.06);padding:14px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.hero-stats strong{font-size:22px;color:#ff8466;display:block}.hero-stats em{font-style:normal;font-size:12px;color:#a5adc4}.hero-cover{border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.hero-cover img{width:100%;height:280px;object-fit:cover}.live-board{background:#fff}.board-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.board-card{border:1px solid #e6e9ef;border-radius:8px;padding:18px;background:#fff;position:relative}.board-card .league{font-size:12px;color:#6a7286;display:flex;justify-content:space-between;margin-bottom:14px}.sport-pill{background:#eef1f7;color:#3a4258;padding:2px 8px;border-radius:3px;font-size:11px}.status-dot{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#ff4b2b}.status-dot::before{content:"";width:7px;height:7px;background:#ff4b2b;border-radius:50%;animation:blink 1.4s infinite}.status-end{color:#6a7286}.status-up{color:#1d6bff}@keyframes blink{50%{opacity:.3}}.match-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:10px 0}.team{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.team.right{justify-content:flex-end}.team-logo{width:30px;height:30px;border-radius:50%;background:#f0f2f7;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#3a4258;overflow:hidden}.team-logo img{width:100%;height:100%;object-fit:cover}.score-box{font-size:20px;font-weight:700;color:#10131a;padding:4px 12px;background:#f5f6f8;border-radius:5px;min-width:60px;text-align:center}.match-time{font-size:12px;color:#6a7286;text-align:center;margin-top:10px;padding-top:10px;border-top:1px dashed #e6e9ef}.sport-cat{background:#f5f6f8}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat-card{background:#fff;border-radius:8px;padding:20px;border-top:3px solid #1d6bff;transition:.2s}.cat-card:nth-child(2){border-top-color:#ff4b2b}.cat-card:nth-child(3){border-top-color:#22a06b}.cat-card:nth-child(4){border-top-color:#a04dde}.cat-card:nth-child(5){border-top-color:#f0a020}.cat-card:nth-child(6){border-top-color:#0bb1d3}.cat-card h3{margin-bottom:8px;font-size:17px}.cat-card p{font-size:13px;color:#6a7286;line-height:1.7}.cat-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.cat-tags span{font-size:11px;background:#f0f2f7;color:#3a4258;padding:3px 7px;border-radius:3px}.app-entry{background:linear-gradient(120deg,#fff 0%,#fff 50%,#f0f4ff 100%)}.app-entry .section-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}.app-img{border-radius:8px;overflow:hidden;border:1px solid #e6e9ef}.app-img img{width:100%;height:auto}.app-text h2{margin-bottom:14px}.app-text p{font-size:14px;color:#3a4258;margin-bottom:18px}.app-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn-primary,.btn-outline{padding:13px 26px;border-radius:6px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer}.btn-primary{background:#ff4b2b;color:#fff}.btn-outline{background:#fff;color:#1d6bff;border:1.5px solid #1d6bff}.about-section{background:#fff}.about-section .section-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.about-img{border-radius:8px;overflow:hidden}.about-img img{width:100%;height:340px;object-fit:cover}.about-text h2{margin-bottom:16px}.about-text p{font-size:14.5px;color:#2a3142;margin-bottom:12px;line-height:1.85}.about-link{display:inline-block;margin-top:10px;padding:10px 22px;border:1.5px solid #10131a;color:#10131a;border-radius:5px;font-weight:600;font-size:13px}.timeline-area{background:#0e1530;color:#e8ecf2}.timeline-area h2{color:#fff}.timeline-area h2::before{background:#ff8466}.tl-list{display:flex;flex-direction:column;gap:0}.tl-item{display:grid;grid-template-columns:130px 1fr auto;gap:18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:center}.tl-time{color:#ff8466;font-weight:600;font-size:14px}.tl-time em{display:block;font-size:11px;color:#a5adc4;font-style:normal;margin-top:2px}.tl-match{font-size:14px}.tl-match .lg{font-size:11px;color:#a5adc4;margin-bottom:4px}.tl-status{font-size:12px;padding:4px 10px;border-radius:3px;background:rgba(255,255,255,.08)}.article-flow{background:#f5f6f8}.article-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.art-main,.art-card{background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.art-main img{width:100%;height:260px;object-fit:cover}.art-card img{width:100%;height:140px;object-fit:cover}.art-body{padding:16px}.art-main .art-body h3{font-size:19px;margin-bottom:10px;line-height:1.4}.art-card .art-body h3{font-size:14.5px;margin-bottom:8px;line-height:1.5}.art-meta{font-size:12px;color:#6a7286;margin-bottom:8px}.art-sum{font-size:13px;color:#3a4258;line-height:1.7}.art-side{display:flex;flex-direction:column;gap:18px}.help-faq{background:#fff}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid #e6e9ef;border-radius:6px;padding:18px 20px}.faq-q{font-weight:600;color:#10131a;margin-bottom:8px;font-size:15px}.faq-q::before{content:"Q";display:inline-block;width:22px;height:22px;background:#1d6bff;color:#fff;border-radius:50%;text-align:center;line-height:22px;font-size:12px;margin-right:10px}.faq-a{font-size:13.5px;color:#3a4258;line-height:1.75;padding-left:32px}.service-note{background:#10131a;color:#c7cee0}.note-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.note-cell{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:rgba(255,255,255,.03)}.note-cell h3{color:#fff;font-size:15px;margin-bottom:8px}.note-cell p{font-size:12.5px;line-height:1.7}.voice-area{background:#fff}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.voice-card{border:1px solid #e6e9ef;border-radius:8px;padding:18px}.voice-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.voice-head img{width:42px;height:42px;border-radius:50%;object-fit:cover}.voice-head strong{font-size:14px;display:block}.voice-head span{font-size:11px;color:#6a7286}.voice-text{font-size:13px;color:#3a4258;line-height:1.7}@media(max-width:860px){.hero-live .section-inner,.app-entry .section-inner,.about-section .section-inner{grid-template-columns:1fr;gap:24px}.hero-live h1{font-size:26px}.board-grid,.cat-grid,.article-grid,.note-grid,.voice-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.note-grid{grid-template-columns:repeat(2,1fr)}.tl-item{grid-template-columns:90px 1fr;gap:10px}.tl-status{grid-column:2;justify-self:start;margin-top:4px}.section-inner{padding:36px 0}.hero-cover img{height:200px}}