:root{--bg:#ffffff;--fg:#0a0a0a;--muted:#5b6472;--line:#d8dee7;--accent:#f97316;--accent-2:#94a3b8;--gap:16px;--radius:16px;--shadow:6px 6px 0 rgba(15,23,42,.14);--font:"Segoe UI","Microsoft YaHei",sans-serif;}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
h1,h2,h3{margin:0 0 12px;font-weight:700;line-height:1.35;font-family:var(--font);}
h1{font-size:34px;}
h2{font-size:24px;}
h3{font-size:18px;}
p{margin:0 0 12px;}
ul{margin:0;padding:0;list-style:none;}
.abouththspor-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;}
.abouththspor-header-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;}
.abouththspor-brand{font-size:18px;font-weight:700;letter-spacing:.5px;}
.abouththspor-brand span{color:var(--accent);}
.nav-links{display:flex;flex-wrap:wrap;gap:8px;}
.nav-links a{padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease;}
.nav-links a:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);}
.nav-links a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}
.nav-links a:first-child{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;border-color:transparent;}
.abouththspor-main{max-width:1180px;margin:0 auto;padding:24px 20px 40px;}
.abouththspor-section{margin-bottom:32px;}
.abouththspor-section > h2{padding-bottom:8px;border-bottom:2px solid var(--fg);display:inline-block;}
.abouththspor-section-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;}
.abouththspor-note{color:var(--muted);font-size:15px;margin-bottom:14px;}
.abouththspor-hero{padding:24px 0 8px;margin-bottom:32px;border-bottom:1px solid var(--line);}
.abouththspor-hero h1{font-size:34px;margin-bottom:18px;}
.abouththspor-hero-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.abouththspor-hero-body p{font-size:15px;color:#1f2937;}
.abouththspor-hero-thumb{width:128px;height:128px;object-fit:cover;border-radius:var(--radius);margin:12px 0 0 auto;box-shadow:var(--shadow);border:2px solid var(--fg);}
.abouththspor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);}
.abouththspor-tile{padding:18px;border:1px solid var(--line);border-radius:0;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.abouththspor-tile:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow);border-color:var(--accent);}
.abouththspor-tile:first-child{grid-column:span 2;}
.abouththspor-tile img{width:100%;height:132px;object-fit:cover;border-radius:var(--radius);margin-bottom:12px;border:1px solid var(--line);}
.abouththspor-tile h3{font-size:18px;margin-bottom:6px;}
.abouththspor-tile p{font-size:15px;color:var(--muted);margin:0;}
.abouththspor-tile:nth-child(even){background:#fbfbfc;}
.abouththspor-table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 16px;}
.abouththspor-table th,.abouththspor-table td{border:1px solid var(--line);padding:8px 12px;text-align:left;}
.abouththspor-table th{background:#f1f5f9;font-weight:700;}
.abouththspor-table tbody tr:nth-child(even){background:#fafafa;}
.abouththspor-table tbody tr:hover{background:#fff4e8;}
.abouththspor-news{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);}
.abouththspor-news-card{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);background:#fff;transition:transform .2s ease,box-shadow .2s ease;}
.abouththspor-news-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow);}
.abouththspor-news-card:nth-child(even){background:#fbfbfc;}
.abouththspor-news-card h3{font-size:18px;margin-bottom:8px;}
.abouththspor-news-card p{font-size:15px;color:var(--muted);margin:0 0 8px;}
.abouththspor-news-date{display:inline-block;font-size:15px;font-weight:700;color:var(--accent);margin-bottom:6px;}
.abouththspor-news-thumb{width:88px;height:88px;object-fit:cover;border-radius:var(--radius);margin-left:auto;margin-top:8px;border:1px solid var(--line);}
.abouththspor-faq{display:grid;gap:10px;}
.abouththspor-faq-item{background:#f6f7f9;border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;}
.abouththspor-faq-item:hover{border-color:var(--accent);box-shadow:3px 3px 0 rgba(249,115,22,.18);}
.abouththspor-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;font-weight:700;font-size:18px;list-style:none;}
.abouththspor-faq-item summary::-webkit-details-marker{display:none;}
.abouththspor-faq-item summary::after{content:"+";color:var(--accent);font-weight:700;font-size:24px;line-height:1;}
.abouththspor-faq-item[open] summary::after{content:"−";}
.abouththspor-faq-item[open] summary{background:#fff;border-bottom:1px solid var(--line);}
.abouththspor-faq-item p{margin:0;padding:14px 18px;color:#374151;font-size:15px;}
.abouththspor-cta{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;padding:28px;box-shadow:var(--shadow);border:2px solid var(--fg);}
.abouththspor-cta h2{color:#fff;border:0;}
.abouththspor-cta p{color:#fff;}
.abouththspor-btn{display:inline-block;padding:10px 24px;border-radius:999px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-weight:700;border:2px solid var(--fg);transition:transform .16s ease,box-shadow .16s ease;}
.abouththspor-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow);}
.abouththspor-btn:active{transform:translate(0,0);box-shadow:none;}
.abouththspor-cta .abouththspor-btn{background:#fff;color:#0a0a0a;}
.abouththspor-badge{display:inline-block;padding:2px 12px;border-radius:999px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-size:15px;font-weight:700;margin-bottom:8px;}
.abouththspor-lead{font-size:18px;color:#1f2937;}
.abouththspor-footer{background:#0a0a0a;color:#e5e7eb;margin-top:32px;}
.abouththspor-footer-inner{max-width:1180px;margin:0 auto;padding:28px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.abouththspor-footer-col h3{font-size:18px;color:#fff;margin-bottom:8px;}
.abouththspor-footer-col p{color:#cbd5e1;font-size:15px;margin:0 0 8px;}
.abouththspor-footer-col a{color:#cbd5e1;border-bottom:1px solid transparent;}
.abouththspor-footer-col a:hover{color:var(--accent);border-bottom-color:var(--accent);}
.abouththspor-footer-bottom{border-top:1px solid #1f2937;padding:14px 20px;text-align:center;color:#94a3b8;font-size:15px;}
.abouththspor-footer-bottom a{color:var(--accent);}
@media (max-width:1024px){
.abouththspor-grid{grid-template-columns:repeat(2,1fr);}
.abouththspor-tile:first-child{grid-column:span 2;}
.abouththspor-news{grid-template-columns:1fr;}
.abouththspor-hero-body{grid-template-columns:1fr;}
.abouththspor-footer-inner{grid-template-columns:1fr 1fr;}
.abouththspor-hero h1{font-size:34px;}
}
@media (max-width:720px){
h1,.abouththspor-hero h1{font-size:24px;}
h2{font-size:18px;}
.abouththspor-main{padding:16px 14px 32px;}
.abouththspor-grid{grid-template-columns:1fr;}
.abouththspor-tile:first-child{grid-column:span 1;}
.abouththspor-footer-inner{grid-template-columns:1fr;}
.abouththspor-hero-thumb{width:96px;height:96px;}
.abouththspor-section{margin-bottom:24px;}
.abouththspor-faq-item summary{font-size:18px;}
}