#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-page-axis-thirty-three{position:relative;z-index:20;background:#713f12;border-top:4px solid #facc15}#header-page-axis-thirty-three .dp-header__nav{min-height:72px;padding:0;background:#713f12}#header-page-axis-thirty-three .dp-header__inner{display:flex;align-items:center;gap:22px;min-height:72px}#header-page-axis-thirty-three .dp-header__brand{display:inline-flex;align-items:center;min-width:190px;color:#fefce8;text-decoration:none}#header-page-axis-thirty-three .dp-header__brand span{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:24px;font-weight:900}#header-page-axis-thirty-three .dp-header__collapse{align-items:center;min-width:0}#header-page-axis-thirty-three .dp-header__menu{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 auto;min-width:0}#header-page-axis-thirty-three .dp-header__link{display:flex;align-items:center;min-height:40px;padding:9px 13px;color:#fef3c7;font-size:15px;font-weight:800;white-space:nowrap;text-decoration:none}#header-page-axis-thirty-three .dp-header__link:hover{background:rgba(250,204,21,.16);color:#fff;text-decoration:none}#header-page-axis-thirty-three .dp-header__link.active{background:#facc15;color:#422006}#header-page-axis-thirty-three .dp-header__actions{display:flex;flex-direction:row;align-items:center;gap:8px;margin-left:16px}#header-page-axis-thirty-three .dp-header__login{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;background:#facc15;color:#422006;font-size:14px;font-weight:900;text-decoration:none;white-space:nowrap}#header-page-axis-thirty-three .dp-header__login:hover{background:#fff;color:#422006;text-decoration:none}#header-page-axis-thirty-three .dp-header__toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;margin-left:auto;border:1px solid rgba(250,204,21,.4);background:rgba(250,204,21,.12);color:#fef3c7}@media(max-width:991.98px){#header-page-axis-thirty-three .dp-header__inner{flex-wrap:wrap;gap:0;min-height:66px;padding-top:8px;padding-bottom:8px}#header-page-axis-thirty-three .dp-header__brand{min-width:0;max-width:70vw}#header-page-axis-thirty-three .dp-header__brand span{max-width:52vw;font-size:21px}#header-page-axis-thirty-three .dp-header__toggle{display:inline-flex}#header-page-axis-thirty-three .dp-header__collapse{flex-basis:100%;width:100%;margin-top:10px;padding:10px;background:#854d0e}#header-page-axis-thirty-three .dp-header__menu{overflow-x:auto;justify-content:flex-start;padding-bottom:4px}#header-page-axis-thirty-three .dp-header__link{background:rgba(250,204,21,.1)}#header-page-axis-thirty-three .dp-header__actions{margin:10px 0 0;overflow-x:auto}}#header-page-axis-thirty-three .dp-header__brand{gap:10px}#header-page-axis-thirty-three .dp-header__logo{height:42px;width:auto;max-width:none;object-fit:contain;border-radius:10px}@media(max-width:991.98px){#header-page-axis-thirty-three .dp-header__logo{height:38px}}@media(max-width:575.98px){#header-page-axis-thirty-three .dp-header__logo{height:34px}}body{font-family:system-ui,-apple-system,sans-serif;margin:0;padding:0;color:#333;line-height:1.6;background:#f8f9fa}h1,h2,h3,h4{margin-top:0;color:#111}p{margin:0 0 15px 0}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block;border-radius:4px}.section-inner{max-width:1200px;margin:0 auto;padding:0 15px}section{padding:40px 0}.hero-section{background:#fff;padding-top:50px}.hero-inner{display:flex;gap:40px;align-items:center}.hero-content{flex:1}.hero-content h1{font-size:32px;margin-bottom:20px;line-height:1.3;color:#0056b3}.hero-desc{font-size:16px;color:#555;margin-bottom:30px;text-align:justify}.hero-today-match{background:#f0f7ff;padding:20px;border-radius:6px;border-left:4px solid #0056b3}.ht-title{display:block;font-weight:bold;margin-bottom:12px;color:#0056b3}.ht-list{list-style:none;padding:0;margin:0}.ht-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #cce3ff}.ht-list li:last-child{border-bottom:none}.ht-time{font-weight:bold;color:#d93800}.ht-teams{color:#333;font-weight:500}.hero-image{flex:1}.honor-section{background:#fff}.honor-section h2{text-align:center;margin-bottom:30px;font-size:26px}.honor-grid{display:flex;gap:20px}.honor-card{flex:1;background:#f8f9fa;padding:25px;border-radius:6px;text-align:center;border:1px solid #eaeaea}.honor-card h3{color:#0056b3;margin-bottom:15px;font-size:18px}.honor-card p{font-size:14px;color:#666;margin:0}.match-section{background:#f1f5f9}.match-section h2{text-align:center;margin-bottom:30px;font-size:26px}.match-layout{display:flex;gap:30px}.match-sidebar{width:300px}.hot-board{background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.hot-board h3{font-size:18px;border-bottom:2px solid #0056b3;padding-bottom:10px;margin-bottom:15px;color:#333}.hot-teams{list-style:none;padding:0;margin:0}.hot-teams li{padding:12px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;font-size:15px;color:#444}.hot-teams li:last-child{border-bottom:none}.hot-teams li .rank{width:24px;height:24px;background:#ccc;color:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;margin-right:10px;font-size:12px;font-weight:bold}.hot-teams li:nth-child(1) .rank{background:#e74c3c}.hot-teams li:nth-child(2) .rank{background:#e67e22}.hot-teams li:nth-child(3) .rank{background:#f1c40f}.match-timeline{flex:1;background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.timeline-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #eee;gap:20px}.timeline-item:last-child{border-bottom:none}.time-col{min-width:80px;text-align:center}.m-date{display:block;font-size:12px;color:#888;margin-bottom:2px}.m-time{display:block;font-size:18px;font-weight:bold;color:#333}.status-col{min-width:90px;text-align:center}.m-sport{display:block;font-size:13px;background:#eef2f5;padding:3px 6px;border-radius:4px;color:#555;margin-bottom:6px}.m-status{display:block;font-size:13px;color:#27ae60;font-weight:bold}.team-col{flex:1;display:flex;align-items:center;justify-content:space-between;background:#fdfdfd;padding:12px 20px;border-radius:6px;border:1px solid #f0f0f0}.team{display:flex;align-items:center;gap:10px;flex:1}.team:last-child{flex-direction:row-reverse}.team img{width:32px;height:32px;object-fit:contain}.t-abbr{width:32px;height:32px;background:#ddd;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;color:#555;font-weight:bold;text-transform:uppercase}.t-name{font-weight:bold;font-size:15px;color:#222}.score{font-size:22px;font-weight:bold;color:#d32f2f;padding:0 20px;min-width:60px;text-align:center}.about-section{background:#fff}.about-inner{display:flex;gap:40px;align-items:center}.about-text{flex:1}.about-text h2{font-size:26px;margin-bottom:20px;color:#111}.about-text p{color:#555;text-align:justify;font-size:15px}.about-link{display:inline-block;margin-top:15px;color:#0056b3;font-weight:bold;border-bottom:1px solid #0056b3;padding-bottom:2px}.about-image{flex:1}.app-section{background:#1a2a3a;color:#fff;padding:50px 0}.app-panel{display:flex;align-items:center;gap:30px;background:rgba(255,255,255,0.05);padding:35px;border-radius:8px;border:1px solid rgba(255,255,255,0.1)}.app-desc-left,.app-desc-right{flex:1}.app-panel h3{color:#4da8da;margin-bottom:15px;font-size:20px}.app-panel p{font-size:14px;color:#cfcfcf;line-height:1.7;margin:0}.app-actions{display:flex;flex-direction:column;align-items:center;gap:15px;background:rgba(0,0,0,0.25);padding:25px;border-radius:6px;width:220px;flex-shrink:0}.app-qr img{width:120px;height:120px;border-radius:6px;border:3px solid #fff}.app-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.btn{display:block;text-align:center;padding:10px 20px;border-radius:4px;font-weight:bold;font-size:14px;transition:background 0.3s}.btn-app{background:#4da8da;color:#fff}.btn-app:hover{background:#3b8bb5}.btn-web{background:#fff;color:#1a2a3a}.btn-web:hover{background:#f0f0f0}.transition-banner{background:#0056b3;color:#fff;padding:25px 0;text-align:center}.transition-text{font-size:20px;font-weight:bold;letter-spacing:1px;display:block}.news-section{background:#fff}.news-section h2{text-align:center;margin-bottom:30px;font-size:26px}.news-layout{display:flex;gap:30px;margin-bottom:25px}.news-focus{width:420px;position:relative;border-radius:6px;overflow:hidden}.news-focus img{width:100%;height:100%;object-fit:cover;min-height:320px}.news-focus-text{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.85));color:#fff;padding:25px 20px 20px;font-size:20px;font-weight:bold}.news-index{flex:1}.news-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.news-item{display:flex;gap:15px;align-items:flex-start;padding:10px;border-radius:6px;transition:background 0.2s;border:1px solid transparent}.news-item:hover{background:#f8f9fa;border-color:#eee}.n-pic{width:130px;flex-shrink:0;border-radius:4px;overflow:hidden}.n-pic img{width:100%;aspect-ratio:4/3;object-fit:cover}.n-info{flex:1}.n-info h4{font-size:16px;margin-bottom:6px;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.n-info p{font-size:13px;color:#666;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.n-time{font-size:12px;color:#999}.news-audit-proof{background:#fef8e5;padding:18px;border-radius:6px;font-size:14px;color:#856404;border:1px solid #ffeeba}.guide-section{background:#f8f9fa}.guide-section h2{text-align:center;margin-bottom:30px;font-size:26px}.guide-grid{display:flex;gap:20px}.guide-step{flex:1;background:#fff;padding:30px 25px;border-radius:6px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.03);position:relative;overflow:hidden;border:1px solid #eee}.step-num{position:absolute;top:-15px;right:-15px;font-size:90px;font-weight:900;color:#f4f6f8;line-height:1;z-index:0}.guide-step h3,.guide-step p{position:relative;z-index:1}.guide-step h3{font-size:18px;margin-bottom:15px;color:#222}.guide-step p{font-size:14px;color:#666;margin:0;line-height:1.6}.reminder-section{padding-bottom:60px;background:#f8f9fa}.reminder-box{background:#fff;border:2px solid #e2e8f0;padding:40px;border-radius:6px;text-align:center}.reminder-box h2{color:#2c3e50;font-size:24px;margin-bottom:15px}.reminder-box p{color:#555;max-width:800px;margin:0 auto;font-size:15px}@media (max-width:768px){.hero-inner,.about-inner,.app-panel,.news-layout,.match-layout,.honor-grid,.guide-grid{flex-direction:column}.hero-section{padding-top:30px}.news-focus{width:100%}.match-sidebar{width:100%}.timeline-item{flex-wrap:wrap;text-align:center;justify-content:center;padding:20px 10px}.time-col,.status-col{min-width:auto;width:45%}.team-col{flex-direction:column;width:100%;gap:12px;background:transparent;border:none;padding:0}.team{width:100%;justify-content:center}.team:last-child{flex-direction:row}.app-panel{gap:25px;text-align:center;padding:25px 15px}.app-actions{width:100%;box-sizing:border-box}.honor-card,.guide-step{width:100%;box-sizing:border-box}.news-item{flex-direction:column;align-items:center;text-align:center}.n-pic{width:100%}.n-info h4,.n-info p{-webkit-box-align:center}}