#footer-clean-office-thirty{padding:46px 0 24px;background:#fff;color:#172033;border-top:1px solid #e5e7eb}#footer-clean-office-thirty a{color:inherit;text-decoration:none}#footer-clean-office-thirty .dp-footer__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:center;padding-bottom:22px;border-bottom:1px solid #e5e7eb}#footer-clean-office-thirty .dp-footer__brand{display:inline-flex;align-items:center;gap:13px}#footer-clean-office-thirty .dp-footer__brand img{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:14px}#footer-clean-office-thirty .dp-footer__top p{margin:0;color:#64748b;font-size:14px;line-height:1.85}#footer-clean-office-thirty .dp-footer__line{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:22px 0;border-bottom:1px solid #e5e7eb}#footer-clean-office-thirty nav{display:flex;flex-wrap:wrap;gap:11px}#footer-clean-office-thirty nav a{color:#334155;font-size:14px;font-weight:850}#footer-clean-office-thirty nav a:hover{color:#2563eb}#footer-clean-office-thirty address{display:grid;gap:8px;margin:0;color:#64748b;font-size:14px;line-height:1.65}#footer-clean-office-thirty .dp-footer__friends{display:flex;flex-wrap:wrap;gap:9px;padding:18px 0;color:#64748b}#footer-clean-office-thirty .dp-footer__friends span{font-weight:900;color:#172033}#footer-clean-office-thirty .dp-footer__friends a{font-size:13px}#footer-clean-office-thirty .dp-footer__friends a:hover{color:#2563eb}#footer-clean-office-thirty .dp-footer__copy{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:#64748b;font-size:13px}@media(max-width:767.98px){#footer-clean-office-thirty .dp-footer__top,#footer-clean-office-thirty .dp-footer__line{grid-template-columns:1fr}}#header-quick-court-thirty-five{position:relative;z-index:20;background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.08)}#header-quick-court-thirty-five .dp-header__nav{min-height:72px;padding:0;background:#f8fafc}#header-quick-court-thirty-five .dp-header__inner{display:flex;align-items:center;gap:22px;min-height:72px}#header-quick-court-thirty-five .dp-header__brand{display:inline-flex;align-items:center;min-width:190px;color:#1e293b;text-decoration:none}#header-quick-court-thirty-five .dp-header__brand span{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:900}#header-quick-court-thirty-five .dp-header__collapse{align-items:center}#header-quick-court-thirty-five .dp-header__menu{display:flex;align-items:center;gap:8px;margin:0 auto}#header-quick-court-thirty-five .dp-header__link{display:flex;align-items:center;min-height:40px;padding:9px 13px;border-radius:4px;color:#475569;font-size:15px;font-weight:800;text-decoration:none;white-space:nowrap}#header-quick-court-thirty-five .dp-header__link:hover{background:#e2e8f0;color:#1e293b;text-decoration:none}#header-quick-court-thirty-five .dp-header__link.active{background:#1e293b;color:#fff}#header-quick-court-thirty-five .dp-header__actions{display:flex;align-items:center;gap:8px}#header-quick-court-thirty-five .dp-header__login{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;border-radius:4px;background:#1e293b;color:#fff;font-size:14px;font-weight:900;text-decoration:none}#header-quick-court-thirty-five .dp-header__login:hover{background:#475569;color:#fff;text-decoration:none}#header-quick-court-thirty-five .dp-header__toggle{display:none;width:42px;height:42px;margin-left:auto;border:1px solid rgba(15,23,42,.1);border-radius:4px;background:#fff;color:#1e293b}@media(max-width:991.98px){#header-quick-court-thirty-five .dp-header__inner{flex-wrap:wrap;gap:0;min-height:66px;padding-top:8px;padding-bottom:8px}#header-quick-court-thirty-five .dp-header__brand{min-width:0;max-width:70vw}#header-quick-court-thirty-five .dp-header__brand span{max-width:52vw;font-size:21px}#header-quick-court-thirty-five .dp-header__toggle{display:inline-flex;align-items:center;justify-content:center}#header-quick-court-thirty-five .dp-header__collapse{flex-basis:100%;width:100%;max-height:calc(100vh - 84px);overflow:auto;margin-top:10px;padding:12px;background:#fff;border-radius:8px}#header-quick-court-thirty-five .dp-header__menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}#header-quick-court-thirty-five .dp-header__link{justify-content:center;background:#f8fafc}#header-quick-court-thirty-five .dp-header__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}}@media(max-width:575.98px){#header-quick-court-thirty-five .container{padding-left:12px;padding-right:12px}#header-quick-court-thirty-five .dp-header__menu{grid-template-columns:1fr}}#header-quick-court-thirty-five .dp-header__brand{gap:10px}#header-quick-court-thirty-five .dp-header__logo{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:10px}@media(max-width:991.98px){#header-quick-court-thirty-five .dp-header__logo{height:38px}}@media(max-width:575.98px){#header-quick-court-thirty-five .dp-header__logo{height:34px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f4f6fa;color:#1a2233;line-height:1.7;font-size:15px}img{max-width:100%;display:block}.page-main{width:100%;overflow:hidden}.section-inner{width:min(1200px,92%);margin:0 auto;padding:0 4px}.flash-bar{background:#0f2547;color:#cfe1ff;font-size:13px;padding:8px 0}.flash-bar .section-inner{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.flash-bar .tag{background:#ff5b3c;color:#fff;padding:3px 9px;border-radius:4px;font-weight:600;font-size:12px}.flash-bar p{margin:0;flex:1;min-width:200px}.flash-bar .meta{color:#7c97c2;font-size:12px}.hero-bet{background:linear-gradient(135deg,#0a1f3d 0%,#163363 60%,#1f4c8a 100%);color:#fff;padding:46px 0 38px;position:relative;overflow:hidden}.hero-bet::before{content:"";position:absolute;right:-80px;top:-60px;width:320px;height:320px;background:radial-gradient(circle,#ff7a3c 0%,transparent 70%);opacity:.35}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:stretch;position:relative;z-index:2}.hero-left h1{font-size:30px;line-height:1.35;margin-bottom:14px;font-weight:700}.hero-left h1 em{font-style:normal;color:#ffd166}.hero-left .lead{color:#cfe1ff;font-size:15px;margin-bottom:18px}.hero-feat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.hero-feat div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:12px 10px}.hero-feat strong{display:block;color:#ffd166;font-size:14px;margin-bottom:4px}.hero-feat span{font-size:12.5px;color:#bcd0ee}.hero-right{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:18px;display:flex;flex-direction:column}.hero-right h3{font-size:16px;color:#ffd166;margin-bottom:12px;display:flex;align-items:center;gap:8px}.hero-right h3::before{content:"";width:6px;height:18px;background:#ff7a3c;border-radius:2px}.hero-pic{flex:1;border-radius:6px;overflow:hidden;margin-bottom:12px;min-height:160px;background:#0a1a30}.hero-pic img{width:100%;height:100%;object-fit:cover;min-height:160px}.hero-note{font-size:12.5px;color:#a8c0e3;line-height:1.65}.match-board{padding:42px 0;background:#fff}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:10px;border-bottom:2px solid #eef2f9;padding-bottom:14px}.sec-head h2{font-size:22px;color:#0f2547;font-weight:700}.sec-head .sub{color:#67809f;font-size:13.5px}.board-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.focus-match{background:linear-gradient(160deg,#fff5ec 0%,#ffe6d0 100%);border-radius:8px;padding:22px;border:1px solid #ffd9b8}.focus-match .league{font-size:13px;color:#c2410c;font-weight:600;margin-bottom:14px;letter-spacing:.5px}.focus-vs{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:14px}.focus-team{text-align:center}.focus-team img,.focus-team .abbr{width:64px;height:64px;border-radius:50%;background:#fff;margin:0 auto 8px;object-fit:contain;display:flex;align-items:center;justify-content:center;font-weight:700;color:#c2410c;border:2px solid #fff}.focus-team span{font-size:14.5px;font-weight:600;color:#7c2d12;display:block}.focus-mid{text-align:center;color:#7c2d12}.focus-mid .score{font-size:26px;font-weight:700;display:block;margin-bottom:4px}.focus-mid .stat{font-size:12px;background:#7c2d12;color:#fff;padding:3px 9px;border-radius:3px;display:inline-block}.focus-foot{font-size:12.5px;color:#7c2d12;display:flex;justify-content:space-between;border-top:1px dashed #ffb380;padding-top:12px}.match-list{display:flex;flex-direction:column;gap:8px}.match-row{background:#f9fbfe;border-left:3px solid #1f4c8a;border-radius:4px;padding:11px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:13px}.match-row .lg{color:#67809f;font-size:12px;background:#eef2f9;padding:2px 7px;border-radius:3px}.match-row .vs{color:#1a2233;font-weight:500}.match-row .vs em{font-style:normal;color:#c2410c;font-weight:700;margin:0 6px}.match-row .st{color:#7c2d12;font-size:12px}.board-foot{margin-top:16px;background:#f4f6fa;border-radius:6px;padding:12px 16px;font-size:13px;color:#67809f}.board-foot strong{color:#0f2547}.guide-panel{padding:42px 0;background:#f4f6fa}.guide-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.guide-card{background:#fff;border-radius:8px;padding:22px 20px;border-top:3px solid #1f4c8a}.guide-card .num{font-size:13px;color:#ff7a3c;font-weight:700;letter-spacing:1px;margin-bottom:8px}.guide-card h3{font-size:17px;color:#0f2547;margin-bottom:10px}.guide-card p{color:#475569;font-size:13.5px;margin-bottom:10px}.guide-card ul{list-style:none;font-size:13px;color:#475569}.guide-card ul li{padding:5px 0 5px 16px;position:relative;border-bottom:1px dashed #eef2f9}.guide-card ul li:last-child{border-bottom:0}.guide-card ul li::before{content:"";position:absolute;left:0;top:13px;width:6px;height:6px;background:#1f4c8a;border-radius:50%}.worldcup-zone{padding:42px 0;background:#fff}.wc-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:24px;align-items:start}.wc-cover{border-radius:8px;overflow:hidden;position:relative}.wc-cover img{width:100%;height:100%;object-fit:cover;min-height:280px}.wc-cover .badge{position:absolute;left:14px;top:14px;background:#ff7a3c;color:#fff;font-size:12px;padding:4px 10px;border-radius:3px;font-weight:600}.wc-content h2{font-size:22px;color:#0f2547;margin-bottom:8px}.wc-content .deck{color:#67809f;margin-bottom:14px;font-size:14px}.wc-content p{color:#334155;margin-bottom:12px;font-size:14px}.wc-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.wc-list div{background:#f4f6fa;border-radius:5px;padding:11px 14px;font-size:13px}.wc-list div strong{color:#0f2547;display:block;margin-bottom:3px;font-size:13.5px}.wc-list div span{color:#67809f;font-size:12.5px}.about-section{padding:46px 0;background:linear-gradient(180deg,#0f2547 0%,#1a3a6b 100%);color:#cfe1ff}.about-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:30px;align-items:center}.about-pic{border-radius:8px;overflow:hidden;border:3px solid rgba(255,255,255,.08)}.about-pic img{width:100%;height:100%;object-fit:cover;min-height:260px}.about-text h2{color:#fff;font-size:22px;margin-bottom:10px}.about-text .meta{color:#ffd166;font-size:13px;margin-bottom:14px;letter-spacing:.5px}.about-text p{margin-bottom:12px;font-size:14px;line-height:1.85;color:#cfe1ff}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.about-tags span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:5px 12px;border-radius:3px;font-size:12.5px;color:#cfe1ff}.about-link{display:inline-block;margin-top:8px;background:#ff7a3c;color:#fff;padding:9px 22px;border-radius:5px;font-size:14px;text-decoration:none;font-weight:600}.about-link:hover{background:#e8612a}.app-entry{padding:42px 0;background:#f4f6fa}.app-wrap{background:#fff;border-radius:8px;padding:28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center;border:1px solid #e3eaf5}.app-img{border-radius:6px;overflow:hidden;background:#f4f6fa}.app-img img{width:100%;height:100%;object-fit:cover;min-height:200px}.app-info h2{font-size:21px;color:#0f2547;margin-bottom:8px}.app-info p{color:#475569;font-size:14px;margin-bottom:14px}.app-points{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.app-points div{font-size:13px;color:#334155;padding-left:18px;position:relative}.app-points div::before{content:"✓";position:absolute;left:0;top:0;color:#1f4c8a;font-weight:700}.app-btns{display:flex;gap:12px;flex-wrap:wrap}.app-btns a{flex:1;min-width:160px;text-align:center;padding:12px 18px;border-radius:5px;text-decoration:none;font-size:14px;font-weight:600}.app-btns .b1{background:#0f2547;color:#fff}.app-btns .b1:hover{background:#1a3a6b}.app-btns .b2{background:#fff;color:#0f2547;border:2px solid #0f2547}.app-btns .b2:hover{background:#f4f6fa}.article-flow{padding:42px 0;background:#fff}.art-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.art-feature{display:flex;flex-direction:column;gap:14px}.art-big{background:#f9fbfe;border-radius:8px;overflow:hidden;border:1px solid #eef2f9}.art-big .pic{height:220px;overflow:hidden}.art-big .pic img{width:100%;height:100%;object-fit:cover}.art-big .body{padding:18px 20px}.art-big .date{color:#ff7a3c;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.art-big h3{margin-bottom:8px;font-size:17px}.art-big h3 a{color:#0f2547;text-decoration:none}.art-big h3 a:hover{color:#ff7a3c}.art-big p{color:#475569;font-size:13.5px}.art-mini{background:#f9fbfe;border-radius:6px;padding:14px 16px;display:grid;grid-template-columns:80px 1fr;gap:14px}.art-mini .pic{width:80px;height:80px;border-radius:5px;overflow:hidden}.art-mini .pic img{width:100%;height:100%;object-fit:cover}.art-mini .body .date{color:#67809f;font-size:12px;margin-bottom:4px}.art-mini .body h4{font-size:14.5px;margin-bottom:5px}.art-mini .body h4 a{color:#0f2547;text-decoration:none}.art-mini .body h4 a:hover{color:#1f4c8a}.art-mini .body p{font-size:12.5px;color:#67809f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trust-note{padding:38px 0;background:#fff8f1;border-top:1px solid #ffe1c8;border-bottom:1px solid #ffe1c8}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-grid div{background:#fff;border-radius:6px;padding:16px;border:1px solid #ffe1c8}.trust-grid h4{color:#c2410c;font-size:14.5px;margin-bottom:6px}.trust-grid p{color:#7c2d12;font-size:12.5px;line-height:1.65}.help-list{padding:42px 0;background:#f4f6fa}.help-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.help-side{background:#0f2547;border-radius:8px;padding:24px;color:#cfe1ff}.help-side h2{color:#fff;font-size:20px;margin-bottom:10px}.help-side p{font-size:13.5px;line-height:1.85;margin-bottom:10px}.help-side .qline{font-size:13px;background:rgba(255,255,255,.06);border-radius:4px;padding:10px 12px;margin-top:14px;color:#ffd166}.help-faq{display:flex;flex-direction:column;gap:10px}.faq-item{background:#fff;border-radius:6px;padding:16px 18px;border-left:3px solid #1f4c8a}.faq-item h4{font-size:15px;color:#0f2547;margin-bottom:6px;display:flex;gap:10px;align-items:flex-start}.faq-item h4::before{content:"Q";background:#ff7a3c;color:#fff;width:22px;height:22px;border-radius:3px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}.faq-item p{font-size:13.5px;color:#475569;line-height:1.75;padding-left:32px}@media(max-width:880px){.hero-grid,.board-grid,.guide-grid,.wc-wrap,.about-grid,.app-wrap,.art-wrap,.trust-grid,.help-wrap{grid-template-columns:1fr}.hero-left h1{font-size:23px}.hero-feat{grid-template-columns:1fr 1fr}.match-row{grid-template-columns:1fr;gap:6px}.app-points{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.wc-list{grid-template-columns:1fr}.sec-head h2{font-size:19px}}