.bookmaker-card{align-items:center;margin-bottom:16px}.rank{color:#333;min-width:30px}.bookmaker-info h3{color:#06c;font-size:20px;margin:0 0 16px}.stats{grid-gap:12px;display:grid;gap:12px}.stat{align-items:center;justify-content:space-between}.label{font-size:14px}.review,.visit{background-color:#cd7f32;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:8px 24px;transition:background-color .2s}.review:hover,.visit:hover{background-color:#b26b2a}@media (max-width:768px){.bookmaker-card{align-items:flex-start;flex-direction:column;padding:15px}.rank{margin-bottom:10px}.buttons{justify-content:space-between;margin-left:0;margin-top:16px;width:100%}.review,.visit{flex:1 1;text-align:center}}:root{--sidebar-width:280px;--container-padding:20px;--card-min-width:300px;--primary-color:#1a73e8;--background-light:#f5f5f5;--shadow-color:#0000001a}.bookmaker-container{max-width:1200px;padding:var(--container-padding)}.bookmaker-list-container{margin:0 auto;max-width:1200px;padding:20px}.filter-sidebar{align-self:flex-start;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color);transition:transform .3s ease;width:var(--sidebar-width)}.filter-sidebar h3{font-weight:500;margin-bottom:20px}.filter-item{background:#f5f5f5;background:var(--background-light);border-radius:6px;color:#333;padding:12px 16px}.filter-item:hover{background:#e9ecef}.filter-item.active{background:#1a73e8;background:var(--primary-color)}.header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.header h2{font-weight:500}h1{color:#333;font-size:28px;margin-bottom:30px}.dropdown-arrow{color:#1a73e8;color:var(--primary-color)}.bookmaker-list{display:flex;flex-direction:column;gap:16px}.loading{color:#666;font-size:16px;padding:40px;text-align:center}.error-message{background:#fee;border-radius:6px;color:#c00;padding:16px}.mobile-menu-button{align-items:center;background:#1a73e8;background:var(--primary-color);border-radius:4px;justify-content:center;padding:8px}@media screen and (max-width:1024px){.bookmaker-container{padding:15px}.bookmaker-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media screen and (max-width:768px){.bookmaker-container{flex-direction:column}.filter-sidebar{margin-bottom:20px;position:relative;width:100%}.mobile-menu-button{display:flex}.header{align-items:flex-start;flex-direction:column}.bookmaker-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.bookmaker-list-container{padding:10px}h1{font-size:24px;margin-bottom:20px}}@media screen and (max-width:480px){.bookmaker-container{padding:10px}.header h2{font-size:20px}.bookmaker-grid{grid-template-columns:1fr}}.sidebar-enter{transform:translateX(-100%)}.sidebar-enter-active{transition:transform .3s ease-in-out}.sidebar-enter-active,.sidebar-exit{transform:translateX(0)}.sidebar-exit-active{transform:translateX(-100%);transition:transform .3s ease-in-out}.bookmaker-container{background-color:#f5f5f5;gap:20px;min-height:100vh}.filter-sidebar{width:300px}.main-content{display:flex;flex-direction:column;gap:20px}.header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.filter-dropdown{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;gap:8px;padding:8px 16px}.dropdown-arrow{font-size:12px}.provider-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.provider-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px}.provider-card h3{color:#333;font-size:1.2em;margin:0}.description{font-size:.9em;margin:0}.categories{gap:12px}.categories,.category{display:flex;flex-direction:column}.category{gap:8px}.category h4{color:#666;font-size:.9em;margin:0}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f0f0f0;color:#444}.feature,.tag{border-radius:4px;font-size:.8em;padding:4px 8px}.feature{background:#cd7f32;color:#fff}.rating{color:#cd7f32;font-weight:700}.contact-btn{background:#cd7f32;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:background-color .2s}.contact-btn:hover{background:#b26b2a}.filter-section{margin-bottom:20px}.filter-section h4{color:#333;margin:0 0 10px}.filter-item{font-size:.9em;padding:8px;transition:background-color .2s}.filter-item:hover{background:#f0f0f0}.mobile-menu-button{padding:12px 20px}@media (max-width:768px){.bookmaker-container{padding:10px}.filter-sidebar{height:100vh;left:0;max-width:300px;position:fixed;top:0;transform:translateX(0);transition:transform .3s ease-in-out;width:80%;z-index:999}.sidebar-exit-active{transform:translateX(-100%)}.mobile-menu-button{display:block}.provider-grid{grid-template-columns:1fr}.header{align-items:flex-start;flex-direction:column;gap:10px}}.combined-container{padding:20px;width:100%}.tab-navigation{border-bottom:1px solid #eee;gap:20px;margin-bottom:20px;padding-bottom:10px}.tab-button{background:none;border-radius:20px;padding:10px 20px;transition:all .3s ease}.tab-button:hover{background-color:#ff9c6e1a}.tab-content{width:100%}:root{--notion-bg:#fff;--notion-text:#37352f;--notion-gray:#787774;--notion-gray-bg:#f7f6f3;--notion-hover:#f1f1ef;--notion-border:#e9e9e8;--notion-active:#ff9c6e;--shadow-sm:0 1px 2px #37352f14;--shadow-lg:0 2px 4px #37352f1f}.forum-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}.main-categories{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;padding:1rem}.category-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.category-item:hover{background-color:#f0f0f0}.category-item.active{background-color:#e6f7ff;color:#1890ff}.category-icon{font-size:1.2rem}.content-container{display:flex;flex:1 1;overflow:hidden}.subcategories-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:250px}.subcategory-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem;transition:all .2s ease}.subcategory-item:hover{background-color:#f0f0f0}.subcategory-item.active{background-color:#e6f7ff;color:#1890ff}.subcategory-icon{font-size:1.1rem}.articles-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.create-post-btn{align-items:center;background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:.5rem;justify-content:center;margin-top:auto;padding:.75rem;transition:background-color .2s ease}.create-post-btn:hover{background-color:#40a9ff}.articles-container{flex:1 1;overflow-y:auto;padding:2rem}.articles-container h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.articles-list{display:flex;flex-direction:column;gap:1rem}.article-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:1.5rem;transition:transform .2s ease}.article-card:hover{transform:translateY(-2px)}.article-card h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.article-card p{color:#666;margin:0 0 1rem}.article-meta{color:#999;display:flex;font-size:.9rem;gap:1rem}.plus-icon{font-size:1.2rem;font-weight:700}.sub-nav{background:#fff;border-radius:4px;box-shadow:0 1px 2px #37352f14;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin:20px;padding:20px}.sub-nav-item{align-items:center;border-radius:20px;color:#37352f;color:var(--notion-text);display:flex;flex:1 1;gap:8px;justify-content:center;margin:0 10px;padding:8px 16px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.sub-nav-item:hover{background:#f1f1ef;background:var(--notion-hover)}.sub-nav-item.active{background:#ff9c6e;background:var(--notion-active);color:#fff}.sub-nav-item .icon{font-size:20px;transition:transform .3s ease}.sub-nav-item.active .icon{transform:scale(1.1)}.kanban-board{display:flex;gap:32px;min-height:calc(100vh - 200px);overflow-x:auto;padding:24px}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:#0000}.kanban-board::-webkit-scrollbar-thumb{background:#787774;background:var(--notion-gray);border-radius:3px}.kanban-column{display:flex;flex:0 0 280px;flex-direction:column;gap:12px;min-height:500px}.category-header{align-items:center;background-color:#fafafa;border:1px solid #e9e9e8;border:1px solid var(--notion-border);border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:16px;padding:16px;position:relative;transition:all .2s ease}.category-header:hover{background-color:#f1f1ef;background-color:var(--notion-hover);box-shadow:0 1px 2px #37352f14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.category-header:focus{border-color:#ff9c6e;border-color:var(--notion-active);outline:none}.category-icon{font-size:24px;height:32px;justify-content:center;width:32px}.category-icon,.category-title{align-items:center;display:flex}.category-title{color:#37352f;color:var(--notion-text);flex:1 1;font-size:16px;font-weight:600;justify-content:space-between}.arrow-icon{color:#787774;color:var(--notion-gray);font-size:14px;margin-left:4px;opacity:0;transition:all .2s ease}.category-header:hover .arrow-icon,.task-card:hover .arrow-icon{opacity:1;transform:translateX(4px)}.task-list{display:flex;flex-direction:column;gap:8px;padding:0 4px}.task-card{animation:slideIn .3s ease;background:#fff;background:var(--notion-bg);border:1px solid #e9e9e8;border:1px solid var(--notion-border);border-radius:6px;cursor:pointer;min-height:40px;padding:10px 12px;position:relative;transition:all .2s ease}.task-card:hover{background:#f1f1ef;background:var(--notion-hover);box-shadow:0 1px 2px #37352f14;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.task-card:focus{border-color:#ff9c6e;border-color:var(--notion-active);outline:none}.task-content{align-items:center;display:flex;gap:12px}.task-icon{font-size:18px;min-width:24px;opacity:.8}.task-icon:hover{transform:scale(1.1);transition:transform .2s ease}.task-title{align-items:center;color:#37352f;color:var(--notion-text);display:flex;flex:1 1;font-size:14px;font-weight:400;justify-content:space-between;line-height:1.5}.task-card:hover .task-title{color:#ff9c6e;color:var(--notion-active)}.add-task-btn{align-items:center;background:#0000;border:1px dashed #e9e9e8;border:1px dashed var(--notion-border);border-radius:6px;color:#787774;color:var(--notion-gray);cursor:pointer;display:flex;gap:8px;margin-top:8px;padding:8px 12px;transition:all .2s ease;width:100%}.add-task-btn:hover{background:#f1f1ef;background:var(--notion-hover);border-style:solid;color:#37352f;color:var(--notion-text)}.plus-icon{font-size:16px;font-weight:500}.section-content{display:none;padding:20px}.section-content.active{display:block}.section-content h2{color:#37352f;color:var(--notion-text);font-size:24px;font-weight:600;margin-bottom:24px}.live-matches{background:#fff;border-radius:4px;box-shadow:0 1px 2px #37352f14;box-shadow:var(--shadow-sm);margin:20px;padding:20px}.match-filters{margin-bottom:20px}.sport-tab{background:none;border:none;color:#37352f;color:var(--notion-text)}.sport-tab.active{background:#ff9c6e;background:var(--notion-active)}.match-list{display:flex;flex-direction:column;gap:12px}.match-item{align-items:center;border:1px solid #e9e9e8;border:1px solid var(--notion-border);border-radius:3px;display:flex;justify-content:space-between;padding:12px}.match-time{display:flex;flex-direction:column;gap:4px}.league{color:#787774;color:var(--notion-gray);font-size:12px}.time{font-weight:500}.minute.live{color:#dc3545;font-size:12px}.match-teams{padding:0 20px}.team{justify-content:space-between;margin:4px 0}.team-name{color:#37352f;color:var(--notion-text)}.score{font-weight:500}.match-odds{gap:12px}.odd-item{background:#f8f9fa;border-radius:3px;padding:4px 12px}.odd-value{color:#37352f;color:var(--notion-text);font-weight:500}@media (max-width:768px){.kanban-board{flex-direction:column;padding:16px}.kanban-column{flex:1 1;width:100%}.sub-nav{flex-wrap:wrap;gap:8px}.sub-nav-item{flex-basis:calc(50% - 20px);flex-grow:0;flex-shrink:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-list::-webkit-scrollbar{width:6px}.task-list::-webkit-scrollbar-track{background:#0000}.task-list::-webkit-scrollbar-thumb{background:#787774;background:var(--notion-gray);border-radius:3px}.category-header:hover .category-icon,.task-card:hover .task-icon{transform:scale(1.1);transition:transform .2s ease}.new-post-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:24px}.new-post-form h3{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:10px}.form-group{margin-bottom:16px}.form-group label{font-weight:500;margin-bottom:6px}.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px;width:100%}.form-group textarea{min-height:120px;resize:vertical}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;padding:10px 16px}.cancel-button,.submit-button{font-size:1rem;transition:all .2s}.submit-button{background-color:#1890ff;padding:10px 20px}.submit-button:hover{background-color:#0c7cd5}.submit-button:disabled{background-color:#ccc;cursor:not-allowed}.cancel-button:hover{background-color:#eaeaea}.file-upload-section{background-color:#f9f9f9;border-radius:4px;margin-bottom:20px;padding:16px}.file-upload-section h4{color:#444;font-size:1.1rem;margin-bottom:10px;margin-top:0}.file-preview{background-color:#eee;border-radius:4px;color:#666;font-size:.9rem;margin-top:5px;padding:6px 10px}.file-size-info{color:#666;font-size:.9rem;margin-bottom:12px}.error-message{background-color:#fff1f0;border:1px solid #ffccc7;color:#f5222d;font-size:.9rem;margin-bottom:10px;padding:8px}.post-detail-page{font-family:Microsoft YaHei,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.breadcrumb{background-color:#f8f9fa;border-radius:4px;color:#6c757d;font-size:14px;margin-bottom:20px;padding:10px 15px}.breadcrumb a{color:#3273dc;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.post-detail-container{display:flex;gap:20px}.post-content-section{flex:1 1}.post-sidebar{width:300px}.post-detail-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:20px}.post-title{color:#333;font-size:24px;font-weight:600;margin-bottom:15px;margin-top:0}.post-meta{align-items:center;border-bottom:1px solid #eee;color:#6c757d;display:flex;font-size:14px;margin-bottom:20px;padding-bottom:15px}.author-info{margin-right:20px}.author-avatar{height:32px;margin-right:8px;width:32px}.author-name{color:#444;font-weight:500}.post-time,.post-views{margin-left:20px}.post-content{color:#333;font-size:16px;line-height:1.8;margin-bottom:25px}.post-content p{margin-bottom:15px}.post-image{margin:15px 0;text-align:center}.post-image img{border-radius:6px;box-shadow:0 3px 10px #0000001a;max-width:100%}.post-attachment{background:#f7f9fc;border-left:4px solid #3273dc;border-radius:4px;margin:15px 0;padding:10px}.post-attachment a{align-items:center;color:#3273dc;display:flex;text-decoration:none}.post-actions{border-top:1px solid #eee;display:flex;gap:10px;margin-top:15px;padding-top:15px}.action-button{align-items:center;background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:14px;padding:8px 15px;transition:all .2s}.action-button:hover{background:#e9ecef;color:#3273dc}.like-button:hover{background:#ffe6e6;color:#ff4d4f}.replies-section{background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000014;padding:20px}.section-title{color:#333;font-size:18px;font-weight:600;margin-bottom:20px;margin-top:0}.replies-list{margin-bottom:30px}.reply-item{border-bottom:1px solid #eee;padding:15px 0}.reply-item:last-child{border-bottom:none}.reply-author{display:flex;margin-bottom:10px}.reply-avatar{border-radius:50%;height:36px;margin-right:10px;width:36px}.reply-author-info{display:flex;flex-direction:column}.reply-author-name{color:#444;font-size:15px;font-weight:500}.reply-time{color:#999;font-size:12px;margin-top:3px}.reply-content{color:#333;font-size:15px;line-height:1.6;margin-bottom:10px;margin-left:46px}.reply-actions{display:flex;gap:10px;margin-left:46px}.reply-action-button{background:none;border:none;color:#999;cursor:pointer;font-size:13px;padding:2px 8px}.reply-action-button:hover{color:#3273dc}.no-replies{color:#999;font-size:15px;padding:30px 0;text-align:center}.reply-form-container{border-top:1px solid #eee;margin-top:30px;padding-top:20px}.reply-form-container h4{color:#333;font-size:16px;margin-bottom:15px;margin-top:0}.reply-form{display:flex;flex-direction:column}.reply-textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:15px;margin-bottom:15px;min-height:100px;padding:12px;resize:vertical}.reply-textarea:focus{border-color:#3273dc;box-shadow:0 0 0 2px #3273dc1a;outline:none}.reply-form-actions{align-items:center;display:flex;justify-content:space-between}.emoji-button,.image-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;padding:6px 12px}.emoji-button:hover,.image-button:hover{color:#3273dc}.submit-button{background:#3273dc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s}.submit-button:hover{background:#2366c3}.hot-posts-card,.related-topics-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;margin-bottom:20px;padding:15px}.sidebar-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:16px;font-weight:600;margin-bottom:15px;margin-top:0;padding-bottom:10px}.hot-posts-list{list-style:none;margin:0;padding:0}.hot-post-item{border-bottom:1px solid #eee;padding:10px 0}.hot-post-item:last-child{border-bottom:none}.hot-post-link{align-items:flex-start;color:#333;display:flex;margin-bottom:5px;text-decoration:none}.hot-post-rank{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block;flex-shrink:0;font-size:12px;height:20px;line-height:20px;margin-right:8px;text-align:center;width:20px}.hot-post-rank:first-child{background:#ff4d4f;color:#fff}.hot-post-rank:nth-child(2){background:#ff7a45;color:#fff}.hot-post-rank:nth-child(3){background:#ffa940;color:#fff}.hot-post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.hot-post-meta{color:#999;display:flex;font-size:12px}.hot-post-replies,.hot-post-views{margin-right:12px}.topic-tags{display:flex;flex-wrap:wrap;gap:8px}.topic-tag{background:#f5f5f5;border-radius:16px;color:#666;display:inline-block;font-size:13px;padding:4px 12px;text-decoration:none;transition:all .2s}.topic-tag:hover{background:#e6f7ff;color:#1890ff}@media (max-width:992px){.post-detail-container{flex-direction:column}.post-sidebar{width:100%}}@media (max-width:768px){.post-detail-page{padding:15px}.post-title{font-size:20px}.post-meta{align-items:flex-start;flex-direction:column;gap:8px}.post-time,.post-views{margin-left:0}.action-button{flex:1 1;justify-content:center}}.loading-spinner{align-items:center;color:#666;display:flex;height:200px;justify-content:center}.error-message{background:#fff2f0;color:#ff4d4f;padding:30px;text-align:center}.not-found{color:#666;font-size:18px;padding:50px;text-align:center}.attachment-icon,.collect-icon,.emoji-icon,.image-icon,.like-icon,.like-small-icon,.reply-icon,.share-icon{background-color:currentColor;display:inline-block;height:16px;margin-right:6px;mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;width:16px}.bookmaker-container{display:flex;gap:30px;margin:0 auto;max-width:1400px;min-height:calc(100vh - 40px);padding:20px}.filter-sidebar{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:fit-content;padding:20px;position:sticky;top:20px;width:280px}.filter-sidebar h3{color:#333;font-size:18px;margin:0 0 20px}.filter-section{margin-bottom:25px}.filter-section h4{color:#666;font-size:14px;margin:0 0 15px}.filter-list{display:flex;flex-direction:column;gap:8px}.filter-item{border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.filter-item:hover{background:#f5f5f5}.filter-item.active{background:#cd7f32;color:#fff}.main-content{flex:1 1;min-width:0}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header h2{color:#333;font-size:24px;margin:0}.filter-dropdown{font-size:14px}.dropdown-arrow{margin-left:5px}.bookmaker-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.bookmaker-card{grid-gap:24px;align-items:flex-start;box-shadow:0 1px 3px #0000001a;display:grid;gap:24px;grid-template-columns:auto 1fr auto;padding:24px}.bookmaker-logo{height:80px;object-fit:contain;width:80px}.features{color:#666;flex-direction:column}.company-info{align-items:flex-end;display:flex;flex-direction:column;gap:12px;min-width:200px;text-align:right}.bookmaker-name{color:#333;font-size:18px;margin-bottom:4px}.rating-badge{align-items:center;display:flex;gap:8px}.highly-rated{background:#e6f7e6;color:#52c41a}.great-reputation{background:#fff7e6;color:#fa8c16}.rating{color:#666;font-size:14px}.bonus-details{margin-top:8px}.bonus-amount{color:#f96;font-size:24px;font-weight:500;margin-right:8px}.bonus-type{color:#666;font-size:14px}.claim-btn{background:#f96;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:8px;padding:8px 20px;transition:background-color .2s;white-space:nowrap}.claim-btn:hover{background:#ff8652}.mobile-menu-button{background:#cd7f32;border:none;border-radius:25px;bottom:20px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:none;font-weight:700;padding:12px 24px;position:fixed;right:20px;z-index:1000}@media (max-width:768px){.bookmaker-container{flex-direction:column;padding:15px}.filter-sidebar{border-radius:0;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;transition:transform .3s ease-in-out;width:auto;z-index:999}.sidebar-exit-active{transform:translateX(-100%)}.mobile-menu-button{display:block}.header{margin-bottom:20px}.header h2{font-size:20px}.bookmaker-card{gap:16px;grid-template-columns:1fr;padding:16px;text-align:center}.company-info,.features{align-items:center}.company-info{min-width:auto;text-align:center}}@media (max-width:1024px){.bookmaker-container{flex-direction:column}.filter-sidebar{width:100%}.bookmaker-card{flex-direction:column;padding:16px;text-align:center}.bookmaker-logo{height:80px;width:80px}.bonus-amount,.features,.rating{justify-content:center}.claim-btn{width:100%}}.bookmaker-card{background:#fff;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:20px;padding:20px;position:relative;transition:transform .2s}.bookmaker-card:hover{box-shadow:0 4px 8px #00000026}.rank{align-items:center;color:#cd7f32;display:flex;font-size:24px;font-weight:700;margin-right:20px;min-width:40px}.bookmaker-info{flex:1 1}.bookmaker-info h3{color:#333;font-size:18px;margin:0 0 15px}.stats{display:flex;gap:20px;margin-bottom:15px}.stat{display:flex;flex-direction:column}.label{color:#666;font-size:12px;margin-bottom:4px}.value{color:#333;font-size:14px;font-weight:500}.features{display:flex;flex-wrap:wrap;gap:8px}.feature-item{background:#f5f5f5;border-radius:4px;color:#666;font-size:12px;padding:4px 8px}.buttons{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-left:20px}.buttons button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 24px;transition:background-color .2s}.visit{background-color:#cd7f32;color:#fff}.visit:hover{background-color:#b26b1d}.review{background-color:#f5f5f5;color:#333}.review:hover{background-color:#e0e0e0}@media (max-width:768px){.bookmaker-card{flex-direction:column;padding:15px}.rank{margin-bottom:15px}.stats{flex-direction:column;gap:10px}.buttons{flex-direction:row;margin-left:0;margin-top:15px}.buttons button{flex:1 1}}.news-strategy-container{background-color:#f8f9fa;margin:0 auto;max-width:1200px;padding:20px;width:100%}.tab-navigation{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:16px}.tab-button{background-color:#eee;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px;transition:all .2s ease}.tab-button:hover{background-color:#ffebe0;color:#ff7b4a}.tab-button.active{background-color:#ff9c6e;color:#fff}.news-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 300px}.main-content{width:100%}.news-header{margin-bottom:24px}.sports-navigation{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;overflow-x:auto;padding:16px}.sport-tab{align-items:center;background:#fff;border:1px solid #eee;border-radius:20px;display:flex;gap:6px;transition:all .2s ease}.sport-tab:hover{background-color:#ff9c6e0d;border-color:#ff9c6e;color:#ff9c6e}.sport-tab.active{background-color:#ff9c6e;border-color:#ff9c6e}.search-form{margin-top:16px}.search-input-wrapper{margin:0 auto;max-width:600px;position:relative}.search-input{background:#fff;border:2px solid #eee;border-radius:8px;color:#333;font-size:16px;padding:12px 48px 12px 16px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#ff9c6e;box-shadow:0 0 0 3px #ff9c6e1a;outline:none}.search-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease}.search-button:hover{color:#ff9c6e}.news-list{display:flex;flex-direction:column;gap:16px;min-height:600px}.news-item{animation:fadeSlideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:20px;overflow:hidden;padding-left:20px;position:relative;transform-origin:top;transition:transform .3s ease,box-shadow .3s ease;z-index:1}.news-item:before{background-color:#ff9c6e;border-bottom-right-radius:4px;border-top-right-radius:4px;content:"";height:100%;left:0;position:absolute;top:0;width:6px;z-index:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.news-item:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-4px)}.news-image{border-radius:8px;flex-shrink:0;height:134px;overflow:hidden;position:relative;width:200px}.news-image img{height:100%;object-fit:cover;width:100%}.news-content-wrapper{display:flex;flex:1 1;flex-direction:column;padding:16px 20px 16px 0}.news-meta{align-items:center;display:flex;gap:12px;margin-bottom:8px}.news-author{color:#ff7b4a;font-size:13px;font-weight:500}.news-date{color:#999;font-size:12px}.news-title{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px;transition:color .2s ease}.news-title:hover{color:#ff9c6e;text-decoration:underline}.news-summary{color:#666;flex:1 1;font-size:14px;line-height:1.6;margin:0}.news-item.featured{background:linear-gradient(90deg,#fff 0,#ff9c6e0d);border:1px solid #ff9c6e33}.no-results{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:48px 24px;text-align:center}.no-results p{color:#666;font-size:16px;margin:0}.pagination{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;gap:8px;justify-content:center;margin-top:32px;padding:16px}.page-button{background:#fff;border:1px solid #eee;border-radius:4px;color:#666;cursor:pointer;font-size:14px;min-width:40px;padding:8px 16px;transition:all .2s ease}.page-button:hover:not(:disabled){background-color:#ff9c6e0d;border-color:#ff9c6e;color:#ff9c6e}.page-button.active{background-color:#ff9c6e;border-color:#ff9c6e;color:#fff}.page-button:disabled{cursor:not-allowed;opacity:.5}.news-sidebar{width:300px}.trending-news{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:24px;padding:16px}.trending-news-title{border-bottom:2px solid #ff9c6e;color:#333;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:12px}.trending-news-list{list-style:none;margin:0;padding:0}.trending-news-item{align-items:flex-start;border-bottom:1px solid #eee;display:flex;gap:12px;padding:12px 0}.trending-news-item:last-child{border-bottom:none}.trending-rank{color:#ff9c6e;font-size:16px;font-weight:600;min-width:24px}.trending-rank.top-3{color:#ff4d4f}.trending-content{flex:1 1}.trending-content h4{color:#333;font-size:14px;line-height:1.4;margin:0 0 4px}.trending-meta{color:#999;font-size:12px}.ad-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px;text-align:center}@media (max-width:1024px){.news-content{grid-template-columns:1fr}.news-sidebar{width:100%}.trending-news{margin-top:24px}}@media (max-width:768px){.news-strategy-container{padding:12px}.news-item{flex-direction:column;padding-left:16px}.news-image,.news-item.featured .news-image{height:200px;width:100%}.news-content-wrapper{padding:16px}.news-item.featured .news-title,.news-title{font-size:18px}}.login-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.login-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:30px;width:100%}.login-box h2{color:#333;margin-bottom:30px;text-align:center}.error-message{font-size:14px;padding:12px}.form-group label{color:#666;font-size:14px}.form-group input{font-size:16px;padding:10px}.form-group input:focus{border-color:#ee6e73;outline:none}.verification-group{display:flex;gap:10px}.verification-group input{flex:1 1}.send-code-btn{background:#fff;border:1px solid #ee6e73;border-radius:4px;color:#ee6e73;cursor:pointer;padding:0 15px;white-space:nowrap}.login-btn,.send-code-btn:hover{background:#ee6e73;color:#fff}.login-btn{border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.login-btn:hover{background:#e53935}.login-btn:disabled{background:#ccc;cursor:not-allowed}.form-footer{display:flex;font-size:14px;justify-content:space-between;margin-top:20px}.form-footer a{color:#666;text-decoration:none}.form-footer a:hover{color:#ee6e73}.auth-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:20px}.auth-box{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:30px;width:100%}.auth-box h2{color:#333;margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.email-group{display:flex;gap:10px}.email-group input{flex:1 1}.send-code-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;white-space:nowrap}.send-code-button:disabled{background-color:#ccc;cursor:not-allowed}.auth-button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:12px;width:100%}.auth-button:hover{background-color:#1565c0}.error-message{background-color:#ffebee;color:#c62828}.error-message,.success-message{border-radius:4px;margin-bottom:20px;padding:10px}.success-message{background-color:#e8f5e9;color:#2e7d32}.auth-link{margin-top:20px;text-align:center}.auth-link a{color:#1976d2;text-decoration:none}.auth-link a:hover{text-decoration:underline}.live-pick-container{grid-gap:20px;background-color:#f5f5f5;display:grid;gap:20px;grid-template-columns:1fr 300px;min-height:100vh;padding:20px}.main-content{background-color:#fff;border-radius:8px;overflow:hidden}.expert-rankings{display:flex;flex-direction:column;gap:20px}.ranking-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:15px}.ranking-title{align-items:center;border-bottom:2px solid #ee6e73;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.ranking-title small{color:#999;font-size:12px}.ranking-list{display:flex;flex-direction:column;gap:12px}.ranking-item{gap:10px}.rank-number,.ranking-item{align-items:center;display:flex}.rank-number{background:#f5f5f5;border-radius:4px;color:#666;font-size:14px;height:24px;justify-content:center;width:24px}.rank-number.top-3{background:#ee6e73;color:#fff}.expert-info{flex:1 1}.expert-name{font-size:14px;margin-bottom:4px}.expert-stats{color:#666;display:flex;font-size:12px;gap:12px}.hit-rate,.roi{color:#ee6e73}.profit{color:#4caf50}.streak{color:#ff9800}.sport-tabs{background-color:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:10px 20px}.sport-tab{border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.sport-tab:hover{color:#ee6e73}.sport-tab.active{background-color:#ee6e73;color:#fff}.match-date{color:#666;font-size:16px;margin-top:20px;padding:10px 20px}.match-card{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;margin:10px 20px;padding:15px 20px}.match-info{width:120px}.match-type{color:#666;font-size:14px}.match-status,.match-time{color:#999;font-size:12px;margin-top:4px}.match-teams{flex:1 1;gap:10px}.match-score{color:#ee6e73;font-weight:700;padding:0 15px}.match-odds{color:#666;display:flex;font-size:14px;gap:15px;width:200px}.analysis-button{background-color:initial;border:1px solid #ee6e73;border-radius:4px;color:#ee6e73;cursor:pointer;padding:5px 15px;transition:all .3s ease}.analysis-button:hover{background-color:#ee6e73;color:#fff}.live-pick-details{background:#fff;min-height:100vh}.match-header{background:linear-gradient(90deg,#1a1a1a,#333);color:#fff;padding:20px;text-align:center}.match-time{font-size:14px;margin-bottom:10px;opacity:.8}.match-teams{gap:20px;justify-content:center}.match-teams,.team{align-items:center;display:flex}.team{flex-direction:column;gap:10px}.team img{background:#fff;border-radius:50%;height:60px;padding:5px;width:60px}.team-name{font-size:16px}.team-name,.vs{font-weight:700}.vs{color:#f0f0f0;font-size:20px}.tips-section{padding:15px}.tips-header{border-bottom:1px solid #eee;display:flex;gap:20px;margin-bottom:15px;padding:10px 0}.tips-count{font-weight:700}.analysis-tab{color:#666}.tip-item{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;padding:15px}.tip-header{justify-content:space-between;margin-bottom:10px}.author-info,.tip-header{align-items:center;display:flex}.author-info{gap:10px}.author-avatar{border-radius:50%;height:40px;width:40px}.author-name{font-weight:700}.author-level{color:#666;font-size:12px}.success-rate{color:#ff4d4f;font-weight:700}.tip-content{padding-left:50px}.tip-status{background:#ff9800;border-radius:4px;color:#fff;display:inline-block;font-size:12px;margin-bottom:8px;padding:2px 8px}.tip-title{font-size:16px;margin-bottom:10px}.tip-footer{color:#666;display:flex;font-size:12px;justify-content:space-between}.tip-rewards{color:#ff4d4f}.footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;color:#6c757d;font-size:14px;margin-top:40px;padding:20px 0;text-align:center}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px}.footer-links{margin-bottom:10px}.footer-link{color:#6c757d;margin:0 10px;text-decoration:none;transition:color .3s}.footer-link:hover{color:coral}.footer-copyright{color:#adb5bd;font-size:12px}:root{--primary-color:#f4b183;--primary-light:#faf4ef;--secondary-color:#666;--background-color:#fafafa;--card-background:#fff;--text-color:#333;--border-color:#eee;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #0000000d;--radius-sm:4px;--radius-md:8px;--status-not-started:#e3e3e3;--status-in-progress:#0085ff;--status-testing:#f90;--status-reviewing:#9747ff;--status-done:#14ae5c}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#fafafa;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.container{margin:0 auto;max-width:1200px;padding:16px}header{background-color:#fff;background-color:var(--card-background);border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:12px 0}nav{align-items:center;display:flex;justify-content:space-between;padding:0 16px}.logo{color:#f4b183;color:var(--primary-color);font-size:20px;font-weight:600;letter-spacing:-.5px}.nav-links{display:flex;gap:24px}.nav-links a{border-radius:20px;color:#333;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-links a:hover{background-color:#ff9c6e1a}.nav-links a.active{background-color:#ff9c6e;color:#fff}.auth-buttons{display:flex;gap:12px}.btn{border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn-primary{background-color:#f4b183;background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:#faf4ef;background-color:var(--primary-light);color:#f4b183;color:var(--primary-color)}.btn-search{background-color:#f4b183;background-color:var(--primary-color);color:#fff;margin-top:16px;width:100%}.content{display:flex;gap:24px}.search-sidebar{background-color:#fff;background-color:var(--card-background);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-md);height:fit-content;padding:24px;width:280px}.search-filters{margin-top:16px}.filter-group{margin-bottom:16px}.filter-group h4{color:#666;color:var(--secondary-color);font-size:14px;margin-bottom:8px}.filter-group input{border:1px solid #eee;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);padding:8px;width:100%}.refine-search{border-top:1px solid #eee;border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.checkbox-group{display:flex;flex-direction:column;gap:8px;margin-top:12px}.checkbox-group label{align-items:center;color:#666;color:var(--secondary-color);display:flex;font-size:14px;gap:8px}.results-container{flex:1 1}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.filter-dropdown{color:#666;color:var(--secondary-color);cursor:pointer}.bookmaker-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bookmaker-card{background-color:#fff;background-color:var(--card-background);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .2s ease}.bookmaker-card:hover{transform:translateY(-2px)}.bookmaker-card img{height:200px;object-fit:cover;width:100%}.card-content{padding:16px}.card-content h3{font-size:18px;margin-bottom:8px}.description{color:#666;color:var(--secondary-color);margin-bottom:12px}.features{color:#333;color:var(--text-color);font-size:14px;margin-bottom:4px}.rating{align-items:center;display:flex;justify-content:space-between;margin:12px 0}.badge{border-radius:4px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;padding:4px 8px}.highly-rated{background-color:#e6f7ff;color:#0085ff}.great-reputation{background-color:#f6ffed;color:#52c41a}.good-reputation{background-color:#fff7e6;color:#fa8c16}.price{margin:12px 0}.amount{color:#f4b183;color:var(--primary-color);font-size:20px;font-weight:600}.period{color:#666;color:var(--secondary-color);font-size:14px;margin-left:4px}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;background-color:var(--card-background);border-radius:8px;border-radius:var(--radius-md);max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:90%}.close-button{color:#666;color:var(--secondary-color);cursor:pointer;font-size:24px;position:absolute;right:16px;top:16px}.modal-body{margin-top:16px}.modal-body h2{margin-bottom:16px}.modal-body .rating{margin:16px 0}.modal-body ul{list-style-position:inside;margin:12px 0}.modal-body .price-details{border-top:1px solid #eee;border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}
/*# sourceMappingURL=main.627ab4bb.css.map*/