:root{--r-primary:#7c3aed;--r-primary-dark:#6d28d9;--r-primary-light:#a78bfa;--r-secondary:#8b5cf6;--r-accent:#c084fc;--r-bg:#f8f7ff;--r-bg-card:#ffffff;--r-bg-light:#faf5ff;--r-text:#1e1b4b;--r-text-light:#6b7280;--r-text-muted:#9ca3af;--r-border:#e9d5ff;--r-shadow:0 2px 8px rgba(124,58,237,0.08);--r-shadow-hover:0 8px 24px rgba(124,58,237,0.15)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--r-bg);color:var(--r-text);line-height:1.6}
a{text-decoration:none;color:inherit;transition:all 0.2s}
img{max-width:100%;height:auto;display:block}
.r-container{max-width:1280px;margin:0 auto;padding:0 20px}
.r-header{background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 50%,#a78bfa 100%);box-shadow:0 2px 12px rgba(124,58,237,0.2);position:sticky;top:0;z-index:100;height:70px;display:flex;align-items:center}
.r-header .r-container{display:flex;align-items:center;justify-content:space-between;width:100%}
.r-logo{display:flex;align-items:center}
.r-logo-link{display:flex;align-items:center}
.r-logo-img{height:40px;width:auto}
.r-logo-text{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:700}
.r-logo-icon{font-size:24px}
.r-nav{display:flex;gap:8px}
.r-nav-link{color:rgba(255,255,255,0.9);padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;transition:all 0.2s}
.r-nav-link:hover{background:rgba(255,255,255,0.15);color:#fff}
.r-header-actions{display:flex;align-items:center;gap:12px}
.r-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;gap:5px}
.r-menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all 0.3s}
.r-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.r-menu-toggle.active span:nth-child(2){opacity:0}
.r-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.r-signal-bar{display:flex;flex-wrap:wrap;gap:10px;padding:15px 0;margin-bottom:20px}
.r-signal-bar .r-signal-btn{flex:1;min-width:calc(25% - 8px)}
.r-signal-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;color:#fff;font-size:13px;font-weight:600;transition:all 0.2s;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.r-signal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);color:#fff}
.r-signal-icon{font-size:14px}
.r-signal-purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}
.r-signal-violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}
.r-signal-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}
.r-signal-fuchsia{background:linear-gradient(135deg,#d946ef,#a855f7)}
.r-main{padding:20px 0}
.r-content-wrapper{display:flex;gap:25px}
.r-content{flex:1;min-width:0}
.r-home-top{display:flex;gap:20px;margin-bottom:25px}
.r-home-top > *{flex:1;min-width:0}
.r-home-featured{background:var(--r-bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--r-shadow);border:1px solid var(--r-border)}
.r-featured-link{display:block;color:inherit}
.r-featured-img{aspect-ratio:16/10;overflow:hidden;background:var(--r-bg-light)}
.r-featured-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.r-featured-link:hover .r-featured-img img{transform:scale(1.03)}
.r-featured-info{padding:15px}
.r-featured-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.r-featured-tag{padding:3px 10px;border-radius:4px;color:#fff;font-size:11px;font-weight:600}
.r-featured-title{font-size:18px;line-height:1.4;margin-bottom:8px;color:var(--r-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r-featured-meta{display:flex;gap:12px;font-size:12px;color:var(--r-text-light);margin-bottom:8px}
.r-featured-desc{font-size:13px;line-height:1.6;color:var(--r-text-light);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r-home-news{background:var(--r-bg-card);border-radius:12px;padding:15px;box-shadow:var(--r-shadow);border:1px solid var(--r-border)}
.r-home-news-title{font-size:16px;font-weight:700;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid var(--r-primary)}
.r-home-news-list{display:flex;flex-direction:column;gap:10px}
.r-home-news-item{display:flex;gap:10px;padding:8px;border-radius:8px;transition:all 0.2s}
.r-home-news-item:hover{background:var(--r-bg-light)}
.r-home-news-thumb{width:80px;height:60px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--r-bg-light)}
.r-home-news-thumb img{width:100%;height:100%;object-fit:cover}
.r-home-news-info{flex:1;min-width:0}
.r-home-news-info h4{font-size:13px;font-weight:600;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--r-text)}
.r-home-news-info time{font-size:11px;color:var(--r-text-muted)}
.r-home-schedule{background:var(--r-bg-card);border-radius:12px;padding:20px;box-shadow:var(--r-shadow);border:1px solid var(--r-border);margin-bottom:25px}
.r-home-schedule .r-section-title{margin-bottom:15px}
.r-schedule-content{margin-top:15px}
.r-no-match{text-align:center;padding:30px;color:var(--r-text-muted);font-size:14px}
.r-schedule-day{margin-bottom:20px}
.r-schedule-day:last-child{margin-bottom:0}
.r-schedule-date{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--r-text);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--r-primary)}
.r-schedule-dot{width:8px;height:8px;background:var(--r-primary);border-radius:50%}
.r-schedule-item{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--r-bg-light);border-radius:8px;margin-bottom:8px;border:1px solid var(--r-border);transition:all 0.2s}
.r-schedule-item:hover{background:#fff;border-color:var(--r-primary);box-shadow:0 2px 8px rgba(124,58,237,0.1)}
.r-schedule-item:last-child{margin-bottom:0}
.r-schedule-time{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px}
.r-schedule-time > span:first-child{font-size:14px;font-weight:700;color:var(--r-primary)}
.r-status{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:600}
.r-status-live{background:#fee2e2;color:#dc2626}
.r-status-finished{background:#f3f4f6;color:#6b7280}
.r-status-scheduled{background:#ede9fe;color:#7c3aed}
.r-schedule-center{flex:1;min-width:0}
.r-schedule-comp{margin-bottom:6px}
.r-schedule-tag{font-size:11px;color:var(--r-text-muted);padding:2px 8px;background:#f3f4f6;border-radius:3px}
.r-schedule-teams{display:flex;align-items:center;gap:8px}
.r-schedule-team{font-size:13px;font-weight:600;color:var(--r-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r-schedule-vs{font-size:11px;color:var(--r-text-muted);font-weight:500}
.r-schedule-signals{display:flex;gap:6px;flex-shrink:0}
.r-schedule-btn{padding:6px 14px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-radius:6px;font-size:12px;font-weight:600;transition:all 0.2s;white-space:nowrap}
.r-schedule-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,0.3);color:#fff}
.r-featured{background:var(--r-bg-card);border-radius:16px;padding:25px;box-shadow:var(--r-shadow);margin-bottom:25px;border:1px solid var(--r-border)}
.r-featured-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.r-featured-tag{padding:4px 12px;border-radius:4px;color:#fff;font-size:12px;font-weight:600}
.r-featured-title{font-size:24px;line-height:1.4;margin-bottom:12px;color:var(--r-text)}
.r-featured-meta{display:flex;gap:15px;font-size:13px;color:var(--r-text-light);margin-bottom:15px}
.r-featured-cover{border-radius:12px;overflow:hidden;margin-bottom:15px;background:var(--r-bg-light)}
.r-featured-cover img{width:100%;max-height:400px;object-fit:cover}
.r-featured-excerpt{font-size:15px;line-height:1.8;color:var(--r-text-light);margin-bottom:15px}
.r-read-more{display:inline-block;padding:10px 20px;background:var(--r-primary);color:#fff;border-radius:8px;font-size:14px;font-weight:600}
.r-read-more:hover{background:var(--r-primary-dark);transform:translateY(-2px);box-shadow:var(--r-shadow-hover)}
.r-section-title{font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--r-primary);display:flex;align-items:center}
.r-section-title::before{content:"";width:8px;height:8px;background:var(--r-primary);border-radius:50%;margin-right:10px;animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}
50%{opacity:0.5}}
.r-news-grid{display:flex;flex-wrap:wrap;gap:15px}
.r-news-grid .r-news-card{flex:1;min-width:calc(25% - 12px)}
.r-news-card{background:var(--r-bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--r-shadow);transition:all 0.3s;border:1px solid var(--r-border)}
.r-news-card:hover{transform:translateY(-4px);box-shadow:var(--r-shadow-hover)}
.r-news-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--r-bg-light)}
.r-news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.r-news-card:hover .r-news-thumb img{transform:scale(1.05)}
.r-news-info{padding:12px}
.r-news-info h3{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r-news-info time{font-size:12px;color:var(--r-text-muted)}
.r-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}
.r-sidebar-card{background:var(--r-bg-card);border-radius:12px;padding:20px;box-shadow:var(--r-shadow);border:1px solid var(--r-border);margin-bottom:20px}
.r-sidebar-card:last-child{margin-bottom:0}
.r-sidebar-title{font-size:16px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--r-primary);display:flex;align-items:center}
.r-sidebar-title::before{content:"🔮";margin-right:8px;font-size:14px}
.r-match-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}
.r-match-list .live-schedule-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border-radius:8px;background:var(--r-bg-light);transition:all 0.2s;border:1px solid transparent}
.r-match-list .live-schedule-item:hover{background:#fff;border-color:var(--r-primary);box-shadow:0 2px 8px rgba(124,58,237,0.1)}
.r-match-list .live-schedule-info{display:flex;align-items:center;gap:8px;width:100%}
.r-match-list .live-schedule-date-short{font-size:11px;color:var(--r-text-muted);font-weight:500;padding:3px 8px;border-radius:4px;background:#ede9fe}
.r-match-list .live-schedule-time{font-size:13px;color:var(--r-primary);font-weight:700}
.r-match-list .live-schedule-vs{font-size:13px;font-weight:600;color:var(--r-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r-match-list .vs-text{color:var(--r-text-muted);margin:0 4px;font-size:11px}
.r-match-list .live-schedule-buttons{display:flex;gap:6px;width:100%;flex-wrap:wrap}
.r-match-list .live-schedule-btn{padding:6px 12px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-radius:5px;font-size:11px;font-weight:600;transition:all 0.2s;flex:1;min-width:60px;text-align:center}
.r-match-list .live-schedule-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(124,58,237,0.3);color:#fff}
.r-tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.r-tag{padding:6px 14px;border-radius:20px;color:#fff;font-size:12px;transition:all 0.2s}
.r-tag:hover{opacity:0.8;transform:translateY(-2px)}
.r-hot-list{display:flex;flex-direction:column;gap:10px}
.r-hot-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;transition:all 0.2s}
.r-hot-item:hover{background:var(--r-bg-light)}
.r-hot-rank{width:24px;height:24px;background:var(--r-border);color:var(--r-text-light);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}
.r-hot-item:nth-child(1) .r-hot-rank{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff}
.r-hot-item:nth-child(2) .r-hot-rank{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}
.r-hot-item:nth-child(3) .r-hot-rank{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff}
.r-hot-title{font-size:13px;color:var(--r-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r-article{background:var(--r-bg-card);border-radius:16px;padding:30px;box-shadow:var(--r-shadow);margin-bottom:25px;border:1px solid var(--r-border)}
.r-article-header{margin-bottom:20px}
.r-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.r-article-tag{padding:4px 12px;border-radius:4px;color:#fff;font-size:12px;font-weight:600}
.r-article-title{font-size:28px;line-height:1.4;margin-bottom:15px;color:var(--r-text)}
.r-article-meta{display:flex;gap:20px;font-size:14px;color:var(--r-text-light)}
.r-article-cover{border-radius:12px;overflow:hidden;margin-bottom:20px;background:var(--r-bg-light)}
.r-article-cover img{width:100%;object-fit:cover}
.r-article-signal-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px}
.r-article-signal-bar .r-signal-btn{flex:1;min-width:calc(25% - 9px)}
.r-article-signal-bar .r-signal-btn{padding:12px 10px;border-radius:10px;font-size:13px;text-align:center;box-shadow:0 3px 10px rgba(124,58,237,0.15);border:1px solid rgba(255,255,255,0.2)}
.r-article-signal-bar .r-signal-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(124,58,237,0.25)}
.r-article-body{font-size:16px;line-height:1.8;color:var(--r-text)}
.r-article-body p{margin-bottom:16px}
.r-article-body img{border-radius:8px;margin:16px 0}
.r-related-section{margin-bottom:25px}
.r-related-grid{display:flex;flex-wrap:wrap;gap:15px}
.r-related-grid .r-related-card{flex:1;min-width:calc(33.333% - 10px)}
.r-related-card{background:var(--r-bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--r-shadow);transition:all 0.3s;border:1px solid var(--r-border)}
.r-related-card:hover{transform:translateY(-4px);box-shadow:var(--r-shadow-hover)}
.r-related-thumb{aspect-ratio:16/10;overflow:hidden;background:var(--r-bg-light)}
.r-related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.r-related-card:hover .r-related-thumb img{transform:scale(1.05)}
.r-related-info{padding:12px}
.r-related-info h3{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.r-related-info time{font-size:12px;color:var(--r-text-muted)}
.r-footer{background:linear-gradient(135deg,#4c1d95 0%,#5b21b6 100%);color:rgba(255,255,255,0.8);padding:30px 0 20px;margin-top:40px}
.r-footer-desc{text-align:center;margin-bottom:20px}
.r-footer-desc p{font-size:14px;line-height:1.6}
.r-footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);font-size:12px}
.r-footer-copyright{margin-bottom:8px}
.r-footer-icp a{color:rgba(255,255,255,0.7)}
.r-footer-icp a:hover{color:#fff}
@media (max-width:1024px){.r-content-wrapper{flex-direction:column}
.r-sidebar{width:100%}
.r-news-grid .r-news-card{min-width:calc(33.333% - 10px)}
.r-related-grid .r-related-card{min-width:calc(50% - 8px)}
.r-home-top{flex-direction:column}}
@media (max-width:768px){.r-menu-toggle{display:flex}
.r-nav{display:none;position:absolute;top:70px;left:0;right:0;background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 100%);flex-direction:column;padding:10px 0;box-shadow:0 4px 12px rgba(0,0,0,0.2)}
.r-nav.active{display:flex}
.r-nav-link{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,0.1)}
.r-news-grid .r-news-card{min-width:calc(50% - 8px)}
.r-related-grid .r-related-card{min-width:100%}
.r-featured-title{font-size:20px}
.r-article-title{font-size:22px}
.r-article-signal-bar .r-signal-btn{min-width:calc(50% - 6px)}}
@media (max-width:480px){.r-news-grid .r-news-card{min-width:100%}
.r-signal-bar .r-signal-btn{min-width:100%}}