@font-face{font-family:'Roboto Condensed';src:url('/static/font/RobotoCondensed-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
:root{--font-family-base:'Roboto Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell','Fira Sans','Droid Sans','Helvetica Neue','Microsoft YaHei','微软雅黑',sans-serif;--color-primary:#1890ff;--color-primary-light:#40a9ff;--color-primary-dark:#096dd9;--color-success:#52c41a;--color-warning:#faad14;--color-error:#f5222d;--color-info:#13c2c2;--color-text-primary:#262626;--color-text-secondary:#595959;--color-text-tertiary:#8c8c8c;--color-text-quaternary:#bfbfbf;--color-text-white:#ffffff;--color-bg-white:#ffffff;--color-bg-light:#fafafa;--color-bg-gray:#f5f5f5;--color-bg-dark:#001529;--color-border:#d9d9d9;--color-border-light:#f0f0f0;--color-border-dark:#434343;--container-max-width:1400px;--container-padding:20px;--header-height:60px;--footer-height:auto;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:64px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--font-size-h1:38px;--font-size-h2:30px;--font-size-h3:24px;--font-size-h4:20px;--font-size-h5:16px;--font-size-h6:14px;--line-height-base:1.6;--line-height-heading:1.3;--line-height-tight:1.4;--border-radius-sm:4px;--border-radius-base:6px;--border-radius-lg:8px;--border-radius-xl:12px;--border-radius-round:50%;--shadow-sm:0 2px 4px rgba(0,0,0,0.08);--shadow-base:0 2px 8px rgba(0,0,0,0.1);--shadow-lg:0 4px 16px rgba(0,0,0,0.12);--shadow-xl:0 8px 24px rgba(0,0,0,0.15);--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-modal-backdrop:400;--z-index-modal:500;--z-index-popover:600;--z-index-tooltip:700;}
@media (max-width:767px){:root{--header-height:50px;}}
*,*::before,*::after{box-sizing:border-box;}
*{margin:0;padding:0;}
html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg-white);overflow-x:hidden;}
ul,ol{list-style:none;}
img,picture,video,canvas{display:block;max-width:100%;height:auto;}
input,button,textarea,select{font:inherit;color:inherit;}
button{cursor:pointer;border:none;background:none;}
a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast);}
a:hover{color:var(--color-primary-light);}
a:active{color:var(--color-primary-dark);}
h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--line-height-heading);color:var(--color-text-primary);}
h1{font-size:var(--font-size-h1);}
h2{font-size:var(--font-size-h2);}
h3{font-size:var(--font-size-h3);}
h4{font-size:var(--font-size-h4);}
h5{font-size:var(--font-size-h5);}
h6{font-size:var(--font-size-h6);}
section{margin-top:10px;margin-bottom:10px;}
section h1,section h2,section h3{margin-top:20px;margin-bottom:12px;}
p{margin-bottom:12px;}
p:last-child{margin-bottom:0;}
table{border-collapse:collapse;width:100%;}
textarea{resize:vertical;}
input[type="submit"],input[type="button"],button{-webkit-appearance:none;border-radius:0;}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth;}}
.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none;}
.hide-scrollbar::-webkit-scrollbar{display:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
#header-ad{width:100%;max-width:var(--container-max-width);padding-bottom:2px;background:#ddd;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;}
#header-ad a{display:inline-block;width:50%;}
#header-ad a img{width:100%;height:100%;}
#header-wrapper{padding:0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;}
#catfish-wrapper{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--container-max-width);z-index:199;text-align:center}
#catfish-banners{display:flex;flex-wrap:wrap;justify-content:center;gap:0;background:#fff0;padding:0;}
#catfish-banners a{display:block;max-width:100%}
#catfish-banners img{width:100%;height:auto;display:block}
#catfish-close{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:red;color:#fff;padding:3px 14px 2px 14px;border-radius:5px;font-weight:700;font-size:15px;cursor:pointer}
#catfish-show{position:fixed;bottom:13px;left:50%;transform:translateX(-50%);background:green;color:#fff;padding:5px 11px;border-radius:6px;font-weight:700;cursor:pointer;display:none;font-size:small;z-index:198}
@media screen and (max-width:768px){#catfish-banners{flex-direction:column;align-items:center}#catfish-banners a{width:100%;}#header-ad a{width:100%;}.mobile-hide{display:none !important;}}
@media screen and (min-width:769px){#catfish-banners a{flex:1;}}
.cuon-trangchu{height:720px;overflow-y:auto;overflow-x:hidden;padding:20px;word-wrap:break-word;border:2px dashed #ff9f00;border-radius:10px;scrollbar-width:thin;scrollbar-color:#ff9f00 #fff0;}
article header p{padding:14px;background-color:#f1f1f1;border-radius:12px;}
article header h1{text-align:center;}
article h2{border-bottom:2px solid #3498db;padding-bottom:10px;}
article .game-category{background:#f8f9fa;padding:15px;border-radius:8px;margin:15px 0;}
article .game-category h4{margin-top:0;}
article .notice{background:#fff3cd;border-left:4px solid #ffc107;padding:15px;margin:20px 0;}
article .notice ul{margin:10px 0;padding-left:20px;}
article figure{width:94%;max-width:854px;margin:12px auto 12px;}
article figure div{width:100%;}
article figure div img{width:100%;height:100%;object-fit:cover;display:block;}
article figure figcaption{width:100%;background-color:#f3f3f3;text-align:center;padding:6px 0;font-style:italic;font-size:13px;text-align:center;}
article section ul,section article ul,article ul,.article-content ul{list-style:none;margin:12px 20px;padding-left:0;}
article section ul li,section article ul li,article ul li,.article-content ul li{position:relative;padding-left:14px;line-height:1.4;}
article section ul li::before,section article ul li::before,article ul li::before,.article-content ul li::before{content:"•";position:absolute;left:-6px;top:-4px;line-height:inherit;color:#ff6600;font-size:1.4em;}
article section ol,section article ol,article ol,.article-content ol{list-style-type:decimal;margin:16px 0;padding-left:28px;}
article section ul li,article section ol li,article ul li,article ol li,.article-content ul li,.article-content ol li{margin-bottom:8px;padding-left:6px;line-height:1.7;color:var(--color-text-primary);}
article section ul ul,article ul ul,.article-content ul ul{list-style-type:circle;margin:8px 0;}
article section ol ol,article ol ol,.article-content ol ol{list-style-type:lower-alpha;margin:8px 0;}
article section ul ul ul,article ul ul ul,.article-content ul ul ul{list-style-type:square;}
article section ol ol ol,article ol ol ol,.article-content ol ol ol{list-style-type:lower-roman;}
article section ul li:last-child,article section ol li:last-child,article ul li:last-child,article ol li:last-child,.article-content ul li:last-child,.article-content ol li:last-child{margin-bottom:0;}
article section table,article table,.article-content table{width:100%;margin:20px 0;border-collapse:collapse;border-radius:var(--border-radius-base);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);}
article section table th,article table th,.article-content table th{background-color:var(--color-bg-light);font-weight:600;padding:12px 16px;text-align:left;border:1px solid var(--color-border-light);}
article section table td,article table td,.article-content table td{padding:10px 16px;border:1px solid var(--color-border-light);}
article section table tbody tr:hover,article table tbody tr:hover,.article-content table tbody tr:hover{background-color:rgba(24,144,255,0.04);}
article section blockquote,article blockquote,.article-content blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid var(--color-primary);background-color:var(--color-bg-light);border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;font-style:italic;color:var(--color-text-secondary);}
article section blockquote p:last-child,article blockquote p:last-child,.article-content blockquote p:last-child{margin-bottom:0;}
article section blockquote blockquote,article blockquote blockquote,.article-content blockquote blockquote{margin:12px 0;border-left-color:var(--color-text-tertiary);}
article section pre,article pre,.article-content pre{margin:20px 0;padding:16px;background-color:#1e1e1e;border-radius:var(--border-radius-base);overflow-x:auto;}
article section pre code,article pre code,.article-content pre code{background:none;padding:0;font-size:14px;line-height:1.6;color:#d4d4d4;}
article section code,article code,.article-content code{padding:2px 6px;background-color:rgba(0,0,0,0.06);border-radius:4px;font-family:'Consolas','Monaco',monospace;font-size:0.9em;color:#c7254e;}
article section figure{width:94%;max-width:960px;margin:0 auto 12px;}
article section figure div{width:100%;}
article section figure div img{width:100%;height:100%;object-fit:cover;display:block;}
article section figure figcaption{width:100%;background-color:#f3f3f3;text-align:center;padding:6px 0;font-style:italic;font-size:12px;text-align:center;}
article section hr,article hr,.article-content hr{margin:32px 0;border:none;height:1px;background:linear-gradient(to right,transparent,var(--color-border-base),transparent);}
article section dl,article dl,.article-content dl{margin:16px 0;}
article section dl dt,article dl dt,.article-content dl dt{font-weight:600;color:var(--color-text-primary);margin-top:12px;}
article section dl dd,article dl dd,.article-content dl dd{margin-left:24px;color:var(--color-text-secondary);padding:4px 0;}
article section abbr,article abbr,.article-content abbr{text-decoration:underline dotted;cursor:help;}
article section mark,article mark,.article-content mark{background-color:#fff3cd;padding:1px 4px;border-radius:2px;}
article section kbd,article kbd,.article-content kbd{display:inline-block;padding:3px 8px;font-family:'Consolas',monospace;font-size:0.85em;background-color:var(--color-bg-light);border:1px solid var(--color-border-base);border-radius:4px;box-shadow:0 2px 0 var(--color-border-light);}
body{background-color:#f8f9fa;}
.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);}
.container-color{background-color:#fff;padding:16px 20px !important;border-radius:8px;}
.container-fluid{width:100%;padding:0 var(--container-padding);}
.site-wrapper{display:flex;flex-direction:column;min-height:100vh;}
.site-main{flex:1;width:100%;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-md);}
.flex{display:flex;}
.flex-inline{display:inline-flex;}
.flex-row{flex-direction:row;}
.flex-row-reverse{flex-direction:row-reverse;}
.flex-column{flex-direction:column;}
.flex-column-reverse{flex-direction:column-reverse;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap{flex-wrap:nowrap;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.justify-evenly{justify-content:space-evenly;}
.items-start{align-items:flex-start;}
.items-end{align-items:flex-end;}
.items-center{align-items:center;}
.items-baseline{align-items:baseline;}
.items-stretch{align-items:stretch;}
.flex-1{flex:1;}
.flex-auto{flex:auto;}
.flex-none{flex:none;}
.grid{display:grid;gap:var(--spacing-md);}
.grid-cols-1{grid-template-columns:repeat(1,1fr);}
.grid-cols-2{grid-template-columns:repeat(2,1fr);}
.grid-cols-3{grid-template-columns:repeat(3,1fr);}
.grid-cols-4{grid-template-columns:repeat(4,1fr);}
.grid-cols-5{grid-template-columns:repeat(5,1fr);}
.grid-cols-6{grid-template-columns:repeat(6,1fr);}
.gap-xs{gap:var(--spacing-xs);}
.gap-sm{gap:var(--spacing-sm);}
.gap-md{gap:var(--spacing-md);}
.gap-lg{gap:var(--spacing-lg);}
.gap-xl{gap:var(--spacing-xl);}
.m-0{margin:0;}
.mt-xs{margin-top:var(--spacing-xs);}
.mt-sm{margin-top:var(--spacing-sm);}
.mt-md{margin-top:var(--spacing-md);}
.mt-lg{margin-top:var(--spacing-lg);}
.mt-xl{margin-top:var(--spacing-xl);}
.mb-xs{margin-bottom:var(--spacing-xs);}
.mb-sm{margin-bottom:var(--spacing-sm);}
.mb-md{margin-bottom:var(--spacing-md);}
.mb-lg{margin-bottom:var(--spacing-lg);}
.mb-xl{margin-bottom:var(--spacing-xl);}
.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs);}
.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);}
.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);}
.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);}
.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl);}
.mx-auto{margin-left:auto;margin-right:auto;}
.p-0{padding:0;}
.pt-xs{padding-top:var(--spacing-xs);}
.pt-sm{padding-top:var(--spacing-sm);}
.pt-md{padding-top:var(--spacing-md);}
.pt-lg{padding-top:var(--spacing-lg);}
.pt-xl{padding-top:var(--spacing-xl);}
.pb-xs{padding-bottom:var(--spacing-xs);}
.pb-sm{padding-bottom:var(--spacing-sm);}
.pb-md{padding-bottom:var(--spacing-md);}
.pb-lg{padding-bottom:var(--spacing-lg);}
.pb-xl{padding-bottom:var(--spacing-xl);}
.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs);}
.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm);}
.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);}
.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);}
.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);}
.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);}
.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);}
.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md);}
.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);}
.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);}
@media (min-width:768px){.container{padding:0 0;}.site-main{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-md);max-width:var(--container-max-width);margin-left:auto;margin-right:auto;}.md\:grid-cols-1{grid-template-columns:repeat(1,1fr);}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr);}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr);}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr);}.md\:flex-row{flex-direction:row;}.md\:flex-column{flex-direction:column;}}
@media (min-width:1024px){.container{padding:0 0;}.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr);}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr);}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr);}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr);}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr);}.lg\:grid-cols-6{grid-template-columns:repeat(6,1fr);}.lg\:flex-row{flex-direction:row;}.lg\:flex-column{flex-direction:column;}}
@media (min-width:1440px){.container{padding:0 0;}.xl\:grid-cols-1{grid-template-columns:repeat(1,1fr);}.xl\:grid-cols-2{grid-template-columns:repeat(2,1fr);}.xl\:grid-cols-3{grid-template-columns:repeat(3,1fr);}.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr);}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr);}.xl\:grid-cols-6{grid-template-columns:repeat(6,1fr);}}
.hidden{display:none;}
@media (max-width:767px){.md\:hidden{display:none;}}
@media (min-width:768px){.sm\:hidden{display:none;}}
@media (min-width:1024px){.md\:hidden{display:none;}}
@media (min-width:1440px){.lg\:hidden{display:none;}}
.site-header{position:sticky;top:0;z-index:var(--z-index-sticky);}
.site-header-main{position:relative;background-color:var(--color-bg-white);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-base);}
.site-header-main.scrolled{box-shadow:var(--shadow-base);}
.bet-buttons{display:flex;width:100%;max-width:var(--container-max-width);margin:0 auto;padding-top:8px;gap:10px;justify-content:center;}
.bet-buttons .bet-icon{display:block;width:13px;height:13px;padding-bottom:2px;fill:currentColor;}
.bet-btn{display:flex;align-items:center;justify-content:center;gap:3px;padding:3px 6px 3px;min-height:30px;color:#fff;font-weight:700;font-size:11px;border-radius:6px;text-decoration:none;white-space:nowrap;transition:filter .15s ease;}
.bet-btn:hover{color:#333;}
.red{background:#e53935;}
.teal{background:#009688;}
.green{background:#43a047;}
.blue{background:#1e88e5;}
.purple{background:#8e24aa;}
.orange{background:#fb8c00;}
.brown{background:#6d4c41;}
.pink{background:#d81b60;}
.indigo{background:#3949ab;}
.lime{background:#7cb342;}
.cyan{background:#00acc1;}
.gray{background:#546e7a;}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--spacing-md);}
.site-logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);transition:color var(--transition-fast);flex-shrink:0;aspect-ratio:350/76;height:86%;}
.site-logo:hover{color:var(--color-primary);}
.site-logo img{width:100%;height:100%;}
.main-nav{display:none;flex:1;justify-content:center;}
.nav-list{display:flex;align-items:center;gap:var(--spacing-xs);}
.nav-item{position:relative;}
.nav-link{display:block;padding:6px 10px;font-size:var(--font-size-base);font-weight:600;color:#333;border-radius:var(--border-radius-base);transition:all var(--transition-fast);}
.nav-link:hover,.nav-link.active{color:var(--color-primary);background-color:rgba(24,144,255,0.06);}
.nav-item.has-dropdown{position:relative;}
.nav-dropdown{position:absolute;top:100%;left:0;min-width:220px;background-color:var(--color-bg-white);border-radius:var(--border-radius-base);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);z-index:var(--z-index-dropdown);margin-top:var(--spacing-xs);}
.nav-item.has-dropdown:hover .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.nav-dropdown-item{border-bottom:1px solid var(--color-border-light);}
.nav-dropdown-item:last-child{border-bottom:none;}
.nav-dropdown-link{display:block;padding:8px 10px;color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);text-align:center;}
.nav-dropdown-link:hover{color:var(--color-primary);background-color:var(--color-bg-light);}
.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:28px;height:24px;padding:0;cursor:pointer;background:transparent;border:none;z-index:var(--z-index-sticky);}
.mobile-menu-toggle span{width:100%;height:3px;background-color:var(--color-text-primary);border-radius:2px;transition:all var(--transition-base);}
.mobile-menu-toggle.active span:nth-child(1){transform:translateY(10px) rotate(45deg);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:translateY(-11px) rotate(-45deg);}
.mobile-nav{position:absolute;top:calc(100% + 2px);left:0;right:0;height:calc(100dvh - var(--header-height));background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);padding:6px var(--spacing-md);overflow-y:auto;transform:translateX(-100%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);z-index:var(--z-index-dropdown);box-shadow:inset -1px 0 0 rgba(0,0,0,0.05);}
.mobile-nav.active{transform:translateX(0);}
.mobile-search{padding-bottom:6px;border-bottom:1px solid #f0f0f0;margin-bottom:16px;}
.mobile-search-form{display:flex;align-items:center;background:#f5f5f5;border-radius:18px;padding:0 1px 0 12px;border:1px solid #e8e8e8;transition:all 0.2s ease;}
.mobile-search-form:focus-within{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(24,144,255,0.1);}
.mobile-search-input{flex:1;border:none;background:transparent;padding:2px 0;font-size:14px;color:var(--color-text-primary);outline:none;}
.mobile-search-input::placeholder{color:#999;}
.mobile-search-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:var(--color-primary);color:#fff;border-radius:50%;cursor:pointer;transition:all 0.2s ease;flex-shrink:0;}
.mobile-search-btn:hover{background:#40a9ff;transform:scale(1.05);}
.mobile-search-btn:active{transform:scale(0.95);}
.mobile-nav-list{display:flex;flex-direction:column;gap:4px;}
.mobile-nav-item{border-radius:12px;overflow:hidden;}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:6px 20px;font-size:15px;font-weight:600;color:#1f2937;background:#ffffff;border-radius:12px;border:1px solid #e5e7eb;transition:all 0.2s ease;box-shadow:0 1px 2px rgba(0,0,0,0.04);}
.mobile-nav-link:hover{color:var(--color-primary);background:linear-gradient(135deg,rgba(24,144,255,0.08) 0%,rgba(24,144,255,0.04) 100%);border-color:rgba(24,144,255,0.3);transform:translateX(4px);}
.mobile-nav-link.active{color:#ffffff;background:linear-gradient(135deg,var(--color-primary) 0%,#40a9ff 100%);border-color:transparent;box-shadow:0 4px 12px rgba(24,144,255,0.35);}
.mobile-nav-item.has-dropdown{display:flex;flex-wrap:wrap;}
.mobile-nav-item.has-dropdown>.mobile-nav-link{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;}
.mobile-dropdown-toggle{width:56px;background:#f8f9fa;border:1px solid #e5e7eb;border-left:1px solid #e9ecef;border-radius:0 12px 12px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}
.mobile-dropdown-toggle::after{content:'';width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform 0.25s ease;}
.mobile-dropdown-toggle:hover,.mobile-dropdown-toggle:active{background:#e9ecef;}
.mobile-nav-item.has-dropdown.expanded>.mobile-dropdown-toggle::after{transform:rotate(180deg);}
.mobile-nav-item.has-dropdown.expanded>.mobile-nav-link{border-bottom-left-radius:0;border-bottom-color:transparent;}
.mobile-nav-item.has-dropdown.expanded>.mobile-dropdown-toggle{border-bottom-right-radius:0;border-bottom-color:transparent;}
.mobile-nav-item.has-dropdown>.mobile-nav-dropdown{width:100%;}
.mobile-nav-dropdown{max-height:0;overflow:hidden;transition:max-height 0.3s ease;background:#fbfbfb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;margin-top:-1px;}
.mobile-nav-item.has-dropdown.expanded .mobile-nav-dropdown{max-height:500px;}
.mobile-nav-dropdown-item{border-bottom:1px solid #f3f4f6;}
.mobile-nav-dropdown-item:last-child{border-bottom:none;}
.mobile-nav-dropdown-link{display:flex;align-items:center;padding:12px 16px 12px 24px;color:#444;font-size:15px;font-weight:500;transition:all 0.2s ease;position:relative;}
.mobile-nav-dropdown-link::before{content:'';width:6px;height:6px;background:#d1d5db;border-radius:50%;margin-right:12px;transition:all 0.2s ease;}
.mobile-nav-dropdown-link:hover{color:var(--color-primary);background:rgba(24,144,255,0.06);}
.mobile-nav-dropdown-link:hover::before{background:var(--color-primary);transform:scale(1.2);}
.header-search{display:none;position:relative;}
.search-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--border-radius-base);cursor:pointer;transition:all var(--transition-fast);}
.search-toggle:hover{color:var(--color-primary);background-color:rgba(24,144,255,0.06);}
.search-dropdown{position:absolute;top:100%;right:0;width:320px;padding:var(--spacing-md);background-color:var(--color-bg-white);border-radius:var(--border-radius-base);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-base);z-index:var(--z-index-dropdown);margin-top:var(--spacing-xs);}
.header-search:hover .search-dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.search-form{display:flex;gap:var(--spacing-sm);}
.search-form .search-input{flex:1;padding:9px 10px;border:1px solid var(--color-border);border-radius:var(--border-radius-base);font-size:var(--font-size-sm);transition:all var(--transition-fast);}
.search-form .search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(24,144,255,0.1);}
.search-submit{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--border-radius-base);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;}
.search-submit:hover{background-color:var(--color-primary-hover);}
#folding{height:600px;width:100%;border:0;}
@media (max-width:767px){.header-inner{justify-content:center;position:relative;}.site-logo{position:absolute;left:50%;transform:translateX(-50%);max-width:70%;}.site-logo img{width:100%;height:100%;}.mobile-menu-toggle{position:absolute;right:0;}.bet-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:2px 8px 0 8px;}.bet-btn{padding:1px 1px;font-size:9px;gap:2px;}.bet-buttons .bet-icon{width:11px;height:11px;padding-bottom:0;}}
@media (min-width:768px){.mobile-menu-toggle{display:none;}.main-nav{display:flex;}.mobile-nav{display:none;}.header-search{display:block;}}
@media (min-width:1024px){.header-inner{gap:var(--spacing-lg);}.search-dropdown{width:360px;}}
.site-footer{background-color:var(--color-bg-dark);color:rgba(255,255,255,0.85);padding-top:24px;padding-bottom:32px;margin-top:auto;width:100%;}
.footer-content{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:var(--spacing-xl);justify-content:center;}
.footer-column{display:flex;flex:1;flex-direction:column;gap:10px;min-width:150px;max-width:300px;align-items:center;}
.footer-column:first-child{flex:1.5;min-width:200px;max-width:450px;align-items:start;gap:12px;}
.footer-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-white);margin-bottom:var(--spacing-sm);position:relative;padding-bottom:8px;}
.footer-title::after{content:'';position:absolute;left:0;bottom:0;width:40px;height:3px;background-color:var(--color-primary);}
.footer-links{display:flex;flex-direction:column;gap:6px;}
.footer-link{color:rgba(255,255,255,0.65);font-size:var(--font-size-sm);transition:all var(--transition-fast);display:inline-block;}
.footer-link:hover{color:var(--color-text-white);padding-left:var(--spacing-xs);}
.footer-description{color:rgba(255,255,255,0.65);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin-bottom:0px;}
.footer-contact{display:flex;flex-direction:column;gap:4px;}
.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);color:rgba(255,255,255,0.65);font-size:var(--font-size-sm);}
.contact-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px;}
.contact-link{color:rgba(255,255,255,0.65);transition:color var(--transition-fast);}
.contact-link:hover{color:var(--color-primary);}
.footer-map{border-radius:var(--border-radius-base);overflow:hidden;width:100%;aspect-ratio:420/240;max-width:420px;max-height:240px;background-color:rgba(255,255,255,0.1);}
.footer-map iframe{width:100%;height:100%;border:none;}
.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(255,255,255,0.1);border-radius:var(--border-radius-base);color:rgba(255,255,255,0.65);transition:all var(--transition-fast);}
.social-link:hover{background-color:var(--color-primary);color:var(--color-text-white);transform:translateY(-2px);}
.footer-bottom{padding-top:12px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;flex-direction:column;}
.footer-link-container{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
.footer-link-container a{display:block;padding:2px 8px;background:#002A52;color:#ccc;border-radius:8px;font-size:11px;}
.footer-copyright{color:rgba(255,255,255,0.45);font-size:var(--font-size-xs);line-height:var(--line-height-base);}
.footer-copyright a{color:rgba(255,255,255,0.65);transition:color var(--transition-fast);}
.footer-copyright a:hover{color:var(--color-primary);}
.footer-icp{margin-top:var(--spacing-sm);color:rgba(255,255,255,0.45);font-size:var(--font-size-xs);}
.footer-icp a{color:rgba(255,255,255,0.45);transition:color var(--transition-fast);}
.footer-icp a:hover{color:rgba(255,255,255,0.65);}
.back-to-top{position:fixed;right:var(--spacing-md);bottom:var(--spacing-md);width:48px;height:48px;background-color:var(--color-primary);color:var(--color-text-white);border-radius:var(--border-radius-round);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);z-index:var(--z-index-fixed);}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top:hover{background-color:var(--color-primary-dark);transform:translateY(-4px);}
.back-to-top svg{width:24px;height:24px;}
@media (min-width:768px){.footer-bottom{display:flex;justify-content:center;align-items:center;text-align:left;}.footer-icp{margin-top:0;}.back-to-top{right:var(--spacing-lg);bottom:var(--spacing-lg);width:56px;height:56px;}}
@media (min-width:1024px){.back-to-top{right:var(--spacing-xl);bottom:var(--spacing-xl);}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;line-height:1.5;text-align:center;white-space:nowrap;border:1px solid transparent;border-radius:var(--border-radius-base);cursor:pointer;transition:all var(--transition-fast);user-select:none;}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-base);}
.btn:active{transform:translateY(0);}
.btn-primary{color:var(--color-text-white);background-color:var(--color-primary);border-color:var(--color-primary);}
.btn-primary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);}
.btn-secondary{color:var(--color-text-primary);background-color:var(--color-bg-light);border-color:var(--color-border);}
.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);}
.btn-outline{color:var(--color-primary);background-color:transparent;border-color:var(--color-primary);}
.btn-outline:hover{color:var(--color-text-white);background-color:var(--color-primary);}
.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);}
.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);}
.card{background-color:var(--color-bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--transition-base);}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);}
.card-image{width:100%;aspect-ratio:16/9;object-fit:cover;}
.card-image-container{position:relative;overflow:hidden;background-color:var(--color-bg-gray);}
.card-image-container::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.3) 100%);opacity:0;transition:opacity var(--transition-base);}
.card:hover .card-image-container::after{opacity:1;}
.card:hover .card-image{transform:scale(1.05);}
.card-body{padding:var(--spacing-md);}
.card-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.card:hover .card-title{color:var(--color-primary);}
.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-base);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-md);}
.card-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-tertiary);}
.card-footer{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-light);border-top:1px solid var(--color-border-light);}
.breadcrumb{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--spacing-xs);padding:14px 0 0 0;font-size:16px;color:var(--color-text-tertiary);overflow:hidden;}
.breadcrumb-container{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;}
.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0;flex-shrink:0;}
.breadcrumb-item:last-child{flex-shrink:1;overflow:hidden;}
.breadcrumb-link{color:var(--color-text-tertiary);transition:color var(--transition-fast);white-space:nowrap;}
.breadcrumb-link:hover{color:var(--color-primary);}
.breadcrumb-separator{color:var(--color-text-quaternary);flex-shrink:0;}
.breadcrumb-current{color:var(--color-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
@media (max-width:768px){.breadcrumb{padding:10px 0 0 0;font-size:13px;gap:4px;}.breadcrumb-container{gap:4px;padding:0 var(--spacing-sm);}.breadcrumb-item{gap:4px;}.breadcrumb-item svg{width:14px;height:14px;flex-shrink:0;}.breadcrumb-item:first-child .breadcrumb-link{font-size:0;}.breadcrumb-item:first-child svg{width:16px;height:16px;}.breadcrumb-separator{font-size:11px;margin:0 2px;}.breadcrumb-current{max-width:600px;}}
@media (max-width:480px){.breadcrumb{font-size:12px;padding:8px 0 0 0;}}
.tag{display:inline-flex;align-items:center;padding:4px var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;line-height:1;border-radius:var(--border-radius-sm);background-color:var(--color-bg-light);color:var(--color-text-secondary);transition:all var(--transition-fast);}
.tag:hover{background-color:var(--color-primary);color:var(--color-text-white);}
.tag-primary{background-color:rgba(24,144,255,0.1);color:var(--color-primary);}
.tag-success{background-color:rgba(82,196,26,0.1);color:var(--color-success);}
.tag-warning{background-color:rgba(250,173,20,0.1);color:var(--color-warning);}
.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);margin-top:var(--spacing-xl);flex-wrap:wrap;}
.pagination-item{min-width:40px;height:40px;padding:0 var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);background-color:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--border-radius-base);cursor:pointer;transition:all var(--transition-fast);}
.pagination-item:hover:not(.disabled):not(.active){color:var(--color-primary);border-color:var(--color-primary);}
.pagination-item.active{color:var(--color-text-white);background-color:var(--color-primary);border-color:var(--color-primary);cursor:default;}
.pagination-item.disabled{color:var(--color-text-quaternary);cursor:not-allowed;opacity:0.5;}
.divider{height:1px;background-color:var(--color-border-light);margin:var(--spacing-lg) 0;}
.divider-text{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;font-size:var(--font-size-sm);color:var(--color-text-tertiary);}
.divider-text::before,.divider-text::after{content:'';flex:1;height:1px;background-color:var(--color-border-light);}
.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:500;line-height:1;color:var(--color-text-white);background-color:var(--color-error);border-radius:10px;}
.badge-dot{width:8px;height:8px;padding:0;min-width:0;border-radius:50%;}
.loading{display:inline-block;width:40px;height:40px;border:4px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 0.8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal);}
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-md);text-align:center;}
.empty-icon{width:120px;height:120px;margin-bottom:var(--spacing-lg);opacity:0.3;}
.empty-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);}
.empty-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg);}
.list-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast);}
.list-item:hover{background-color:var(--color-bg-light);}
.list-item:last-child{border-bottom:none;}
.section-title{font-size:var(--font-size-h2);font-weight:700;color:var(--color-text-primary);margin-bottom:19px;position:relative;padding-bottom:15px;text-align:center;}
.section-title::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:180px;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:2px;}
.section-subtitle{text-align:center;font-size:var(--font-size-base);color:var(--color-text-tertiary);margin-top:var(--spacing-sm);margin-bottom:20px;}