/*
Theme Name: HTY News - 好体育新闻
Theme URI: https://hty.news/
Author: HaoTiYu
Author URI: https://hty.news/
Description: 好体育官网WordPress主题 - 好体育新闻频道。权威体育新闻报道转会市场深度调查独家访谈。好体育直播赛事速报，好体育app随时阅读。针对Google March 2026 Core Update和Bing搜索引擎优化。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hty-news
Tags: sports, news, editorial, light, one-column, two-columns, custom-menu, featured-images, translation-ready
*/

:root {
    --bg: #fafaf8; --surface: #fff; --primary: #c0272d; --primary2: #e53e3e;
    --dark: #1a1a1a; --text: #333; --text2: #777; --border: #e0ddd8;
    --accent: #1a56db; --cream: #f5f0e8; --max-width: 1100px; --glow-rgb: 192,39,45;--glow-rgb:192,39,45;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Noto Serif SC','Source Serif 4',Georgia,serif;background:var(--bg);color:var(--text);line-height:1.9;-webkit-font-smoothing:antialiased}
a{color:var(--dark);text-decoration:none;transition:color .2s}
a:hover{color:var(--primary)}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}

/* Header */
.site-header{background:var(--surface);border-bottom:3px solid var(--primary)}
.header-top{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-width:var(--max-width);margin:0 auto}
.site-logo{font-family:'Source Serif 4',serif;font-size:32px;font-weight:800;color:var(--dark)}
.site-logo span{color:var(--primary)}
.site-logo a{color:inherit}.site-logo a:hover{color:inherit}
.header-date{font-family:'Noto Sans SC',sans-serif;font-size:12px;color:var(--text2)}
.btn-register{background:var(--primary);color:#fff!important;padding:8px 20px;border-radius:2px;font-family:'Noto Sans SC',sans-serif;font-weight:600;font-size:13px;letter-spacing:1px;transition:all .3s;display:inline-block}
.btn-register:hover{background:var(--primary2);color:#fff!important}

.nav-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow-x:auto}
.nav-bar-inner,.main-nav{display:flex;gap:0;max-width:var(--max-width);margin:0 auto;padding:0 20px}
.main-nav ul{display:flex;gap:0;list-style:none}
.nav-bar a,.main-nav a{font-family:'Noto Sans SC',sans-serif;color:var(--text2);font-size:13px;font-weight:500;padding:10px 16px;white-space:nowrap;transition:all .2s;border-bottom:2px solid transparent}
.nav-bar a:hover,.nav-bar a.active,.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--primary);border-bottom-color:var(--primary)}

/* Headline */
.headline-section{padding:36px 0;border-bottom:1px solid var(--border)}
.headline h1{font-family:'Source Serif 4',serif;font-size:36px;font-weight:800;color:var(--dark);line-height:1.3;margin-bottom:14px;max-width:800px}
.headline .lead{font-size:17px;color:var(--text2);max-width:700px;line-height:1.9}

/* Content */
.content-grid{display:grid;grid-template-columns:1fr 300px;gap:40px;padding:30px 0}

/* Articles */
.article-card{padding:24px 0;border-bottom:1px solid var(--border)}
.article-card:last-child{border:none}
.article-card .tag,.section-label{font-family:'Noto Sans SC',sans-serif;font-size:11px;color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:6px;display:inline-block}
.article-card h2,.article-card h3{font-family:'Source Serif 4',serif;font-size:22px;color:var(--dark);margin-bottom:8px;line-height:1.35;font-weight:700}
.article-card h2 a,.article-card h3 a{color:var(--dark)}
.article-card h2 a:hover,.article-card h3 a:hover{color:var(--primary)}
.article-card .entry-meta,.byline{font-family:'Noto Sans SC',sans-serif;font-size:12px;color:var(--text2);margin-bottom:12px}
.article-card .entry-summary,.article-card p{font-size:15px;color:var(--text);line-height:1.9}
.read-more{font-family:'Noto Sans SC',sans-serif;font-size:13px;color:var(--primary);font-weight:500;display:inline-block;margin-top:10px}
.post-thumbnail{margin-bottom:14px;overflow:hidden}
.post-thumbnail img{width:100%;transition:transform .3s}
.article-card:hover .post-thumbnail img{transform:scale(1.01)}

/* Single Post */
.single-post-content{background:var(--surface);border:1px solid var(--border);padding:36px;margin-bottom:30px}
.single-post-content h1{font-family:'Source Serif 4',serif;font-size:32px;color:var(--dark);margin-bottom:14px;line-height:1.3}
.single-post-content .entry-content{font-size:16px;line-height:2;color:var(--text)}
.single-post-content .entry-content p{margin-bottom:18px}
.single-post-content .entry-content h2,.single-post-content .entry-content h3{color:var(--dark);margin:24px 0 12px;font-family:'Source Serif 4',serif}

/* Sidebar */
.sidebar .widget{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.sidebar .widget:last-child{border:none}
.sidebar .widget-title{font-family:'Source Serif 4',serif;font-size:18px;color:var(--dark);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--primary);display:inline-block}
.sidebar .widget ul{list-style:none}
.sidebar .widget li{padding:8px 0;font-family:'Noto Sans SC',sans-serif;font-size:13px;border-bottom:1px solid rgba(0,0,0,.05)}
.sidebar .widget li:last-child{border:none}
.sidebar .widget li a{color:var(--text)}
.sidebar .widget li a:hover{color:var(--primary)}
.sidebar .widget li .date{font-size:11px;color:var(--text2);display:block}

/* Opinion Section */
.opinion-section{background:var(--cream);padding:40px 0;margin-top:20px}
.opinion-section h2{font-family:'Source Serif 4',serif;font-size:26px;color:var(--dark);text-align:center;margin-bottom:24px}
.opinion-grid,.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.opinion-card,.featured-card{background:var(--surface);border:1px solid var(--border);padding:24px;position:relative}
.opinion-card::before{content:'"';font-family:'Source Serif 4',serif;font-size:48px;color:var(--primary);opacity:.3;position:absolute;top:8px;left:16px;line-height:1}
.opinion-card h4,.featured-card h4{font-size:16px;color:var(--dark);margin-bottom:8px;padding-top:20px;font-weight:700}
.opinion-card p,.featured-card p{font-size:13px;color:var(--text);line-height:1.8}
.opinion-card .author{font-family:'Noto Sans SC',sans-serif;font-size:12px;color:var(--text2);margin-top:12px;font-style:italic}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:8px;padding:30px 0}
.pagination a,.pagination span{display:inline-block;padding:8px 16px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:14px;transition:all .2s}
.pagination a:hover,.pagination .current{background:var(--primary);color:#fff;border-color:var(--primary)}

/* Comments */
.comments-area{background:var(--surface);border:1px solid var(--border);padding:30px;margin-top:20px}
.comments-area h2{font-family:'Source Serif 4',serif;color:var(--dark);margin-bottom:20px}
.comment-form input,.comment-form textarea{width:100%;padding:10px;border:1px solid var(--border);font-size:14px;margin-bottom:12px;border-radius:4px}
.comment-form input[type="submit"]{width:auto;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;border:none;padding:10px 24px}

/* Footer */
.site-footer{background:var(--dark);color:#aaa;padding:36px 0 16px;margin-top:0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:24px}
.footer-col h4{color:#fff;font-family:'Noto Sans SC',sans-serif;font-size:14px;margin-bottom:10px}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:6px}
.footer-col a{color:#888;font-family:'Noto Sans SC',sans-serif;font-size:12px}
.footer-col a:hover{color:#fff}
.footer-bottom{text-align:center;padding-top:16px;border-top:1px solid #333;font-family:'Noto Sans SC',sans-serif;font-size:11px}

/* Page Header */
.page-header{background:var(--surface);padding:40px 0;border-bottom:1px solid var(--border)}
.page-header h1{font-family:'Source Serif 4',serif;font-size:36px;color:var(--dark)}
.error-404{text-align:center;padding:80px 20px}
.error-404 h1{font-family:'Source Serif 4',serif;font-size:72px;color:var(--primary)}

/* Ad */
#hty-bottom-ad{position:fixed;bottom:0;left:0;width:100%;z-index:9998;text-align:center;pointer-events:none}
#hty-bottom-ad a{pointer-events:auto;display:inline-block}
#hty-bottom-ad img{max-width:728px;width:100%;height:auto;display:block;margin:0 auto}
#hty-ad-toggle{position:fixed;z-index:9999;left:50%;transform:translateX(-50%);cursor:pointer;font-family:'Noto Sans SC',sans-serif;font-size:11px;color:#666;background:rgba(255,255,255,.9);padding:2px 12px;border-radius:3px 3px 0 0;border:1px solid #ddd;border-bottom:none}

@media(max-width:992px){.content-grid{grid-template-columns:1fr}.opinion-grid,.featured-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.header-top{flex-wrap:wrap;gap:10px}.headline h1{font-size:26px}.footer-grid{grid-template-columns:1fr}.single-post-content{padding:20px}}

/* Header Actions */
.header-actions { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.menu-toggle { display: none; background: none; border: none; cursor: pointer; padding: 6px; flex-direction: column; gap: 5px; align-items: center; justify-content: center; width: 36px; height: 36px; }
.menu-toggle span { display: block; width: 22px; height: 2px; background: var(--primary,#c0272d); border-radius: 2px; transition: all .3s; }
.menu-toggle.active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-toggle.active span:nth-child(2) { opacity: 0; }
.menu-toggle.active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Glow animation */
.btn-glow { animation: glowPulse 2s ease-in-out infinite; position: relative; overflow: hidden; }
.btn-glow::after { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent); animation: textShimmer 2.5s ease-in-out infinite; }
@keyframes glowPulse {
    0%,100% { box-shadow: 0 0 8px rgba(var(--glow-rgb,0,230,118),.3); }
    50% { box-shadow: 0 0 20px rgba(var(--glow-rgb,0,230,118),.6), 0 0 40px rgba(var(--glow-rgb,0,230,118),.2); }
}
@keyframes textShimmer { 0% { left: -100%; } 50% { left: 100%; } 100% { left: 100%; } }
}
.btn-glow:hover { animation: none; box-shadow: 0 0 24px rgba(var(--glow-rgb,0,230,118),.5); }
.btn-glow:hover::after { animation: none; opacity: 0; }

/* Mobile Drawer (JS-created) */
.mobile-drawer { position: fixed; top: 0; right: 0; width: 280px; height: 100vh; background: var(--surface,#161210); border-left: 1px solid var(--border,#2e261e); z-index: 1000; overflow-y: auto; padding: 24px; box-shadow: -4px 0 24px rgba(0,0,0,.5); transform: translateX(100%); transition: transform .3s ease; }
.mobile-drawer.open { transform: translateX(0); }
.drawer-close { position: absolute; top: 16px; right: 16px; background: none; border: none; color: var(--text2,#999); font-size: 22px; cursor: pointer; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all .2s; }
.drawer-close:hover { background: rgba(255,255,255,.06); }
.drawer-nav { padding-top: 40px; }
.drawer-nav ul, .drawer-nav .menu { list-style: none; margin: 0; padding: 0; }
.drawer-nav li { border-bottom: 1px solid var(--border,#2e261e); }
.drawer-nav a { display: block; padding: 14px 8px; color: var(--text,#e0e0e0); font-size: 15px; font-weight: 500; transition: all .2s; }
.drawer-nav a:hover { padding-left: 16px; }
.drawer-reg { display: block; margin-top: 24px; text-align: center; padding: 14px 24px; border-radius: 8px; font-size: 15px; width: 100%; }
.drawer-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 999; opacity: 0; visibility: hidden; transition: all .3s; }
.drawer-overlay.open { opacity: 1; visibility: visible; }

@media (max-width: 768px) {
    .menu-toggle { display: flex; }
    .main-nav { display: none !important; }
    .header-actions .btn-register { padding: 8px 18px; font-size: 13px; border-radius: 4px; }
}