*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){::-webkit-scrollbar{height:4px;width:4px}.match-data-content,.recommendation-table{-ms-overflow-style:-ms-autohiding-scrollbar;scrollbar-width:thin}.match-data-content::-webkit-scrollbar,.recommendation-table::-webkit-scrollbar{height:4px;width:4px}}@media (max-width:768px){body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:14px}*{-webkit-tap-highlight-color:transparent}body,html{overflow-x:hidden;position:relative}body{max-width:100vw;width:100%}.match-data-content,.match-data-page{-webkit-overflow-scrolling:touch;overflow-x:auto!important}}@media (hover:none) and (pointer:coarse){.ant-btn,.ant-card,a,button{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.ant-btn{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}}:root{--primary-color:#1890ff;--success-color:#52c41a;--warning-color:#faad14;--error-color:#f5222d;--text-color:#333;--text-color-secondary:#666;--border-color:#d9d9d9;--background-color:#f5f5f5;--card-background:#fff}.user-center{align-items:center;display:flex}.user-center-content{align-items:center;display:inline-flex;flex-wrap:nowrap;line-height:1}.user-center-trigger{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;height:auto;justify-content:center;line-height:1;padding:4px 8px;position:relative;transition:all .3s ease}.user-center-trigger:focus,.user-center-trigger:hover{background-color:#0000000f;border-color:#0000}.user-center-trigger:focus{box-shadow:none}.user-avatar{background-color:#000;color:#fff;font-size:12px;font-weight:600}.user-avatar,.user-name{position:relative;z-index:1}.user-name{color:#333;font-size:14px;font-weight:500;margin-left:1px}.ant-dropdown-menu{border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 4px 12px #00000026}.ant-dropdown-menu-item{font-size:14px;padding:8px 16px}.ant-dropdown-menu-item:hover{background-color:#f5f5f5}.ant-dropdown-menu-item-danger:hover{background-color:#fff2f0;color:#ff4d4f}.ant-dropdown-menu-item-icon{margin-right:8px}@media (max-width:768px){.user-name{display:none}.user-center-trigger{padding:4px}}.deepscore-header{background:#fff;box-shadow:0 2px 8px #0000001a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{gap:16px;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.header-content,.header-logo{align-items:center;display:flex;position:relative}.header-logo{flex-shrink:0;min-width:120px;z-index:10}.site-title{color:#333;font-size:20px;font-weight:600;margin:0;transition:all .3s ease}.site-title:hover{color:#1890ff}.header-nav{align-items:center;flex:1 1;margin:0 20px;min-width:0;overflow:hidden;position:relative;z-index:10}.header-nav,.nav-menu{display:flex;justify-content:center}.nav-menu{flex-wrap:nowrap;gap:24px;list-style:none;margin:0;max-width:100%;padding:0;width:100%}.nav-item{border-radius:6px;color:#666;font-size:20px;font-weight:500;line-height:1;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:hover{background-color:#00000014;color:#333;transform:translateY(-1px)}.nav-item.active{background-color:#f0f0f0;border-radius:6px;box-shadow:0 1px 4px #00000014;color:#333;font-weight:600;padding:10px 20px}.nav-item.active:hover{background-color:#e0e0e0;box-shadow:0 2px 6px #0000001f;color:#333;transform:translateY(-1px)}.header-user{flex-shrink:0;min-width:100px;position:relative;z-index:10}.auth-buttons,.header-user{align-items:center;display:flex}.auth-buttons{gap:0}.auth-button{align-items:center;border:1px solid #0000;border-radius:4px;box-shadow:none;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;line-height:2.5;min-width:auto;overflow:hidden;padding:2px 14px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-login-button{background:#000;border:none;box-shadow:none;color:#fff;font-weight:700;letter-spacing:.5px;position:relative;text-transform:uppercase}.header-login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.header-login-button:hover{background:#333;box-shadow:none;color:#fff;transform:translateY(-1px)}.header-login-button:hover:before{left:100%}.header-login-button:active{box-shadow:none;transform:translateY(0)}@keyframes pulse{0%{box-shadow:none}50%{box-shadow:none}to{box-shadow:none}}.auth-button.header-login-button,.auth-button.header-login-button *,.header-login-button,.header-login-button *,.no-shadow,.no-shadow *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;filter:none!important;outline:none!important;text-shadow:none!important}.register-button{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #667eea;color:#667eea;font-weight:600;letter-spacing:.3px}.register-button:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 20px #667eea4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.deepscore-header{height:auto;min-height:auto;padding:0}.header-content{flex-wrap:wrap;height:auto;min-height:auto;padding:8px 12px}.header-logo{flex:0 0 auto;order:1;position:static;transform:none}.header-user{order:2;right:auto;z-index:20}.header-nav,.header-user{position:relative;top:auto;transform:none}.header-nav{border-top:1px solid #f0f0f0;flex:1 1 100%;left:auto;margin:8px 0 0;order:3;padding:8px 0 0;width:100%}.nav-menu{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;gap:8px;justify-content:space-around;overflow-x:auto;padding:0 4px;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-item{flex-shrink:0;font-size:14px;line-height:1.2;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;white-space:nowrap}.site-title{font-size:18px}.auth-buttons{gap:0}.auth-button{font-size:12px;min-width:auto;padding:4px 10px}}@media (max-width:480px){.deepscore-header,.header-content{height:auto;min-height:auto}.header-content{padding:6px 10px}.header-logo{flex:0 0 auto;margin-bottom:0;order:1;position:static;transform:none}.site-title{font-size:16px}.header-user{order:2;position:relative;right:auto;top:auto;transform:none;z-index:20}.header-nav{margin-top:6px;order:3;padding:6px 0 0;width:100%}.nav-menu{gap:4px;justify-content:space-between;padding:0 2px}.nav-item{flex:1 1;font-size:12px;min-width:0;padding:6px;text-align:center}.auth-button{font-size:11px;padding:3px 8px}}.deepscore-layout{min-height:100vh}.layout-content{background-color:var(--background-color);min-height:calc(100vh - 64px)}@media (max-width:768px){.deepscore-layout{max-width:100vw;overflow-x:hidden;width:100%}.layout-content{box-sizing:border-box;max-width:100%;padding:0;width:100%}.layout-content,.layout-content .match-data-page{overflow-x:visible}}@media (max-width:480px){.layout-content{padding:0}}.App{min-height:100vh}.App,.page-container{background-color:var(--background-color)}.page-container{min-height:calc(100vh - 64px);padding:24px}.card-container{background:var(--card-background);border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.page-title{align-items:center;color:var(--text-color);display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:24px}.page-title:before{content:"⚽";font-size:28px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.empty-container{color:var(--text-color-secondary);padding:48px 24px;text-align:center}.empty-container .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}@media (max-width:768px){.App{max-width:100vw;overflow-x:hidden;width:100%}.App .match-data-page{overflow-x:visible}.page-container{max-width:100%;padding:12px}.card-container,.page-container{box-sizing:border-box;width:100%}.card-container{margin-bottom:16px;padding:16px}.page-title{word-wrap:break-word;font-size:20px;margin-bottom:16px}}@media (max-width:480px){.page-container{padding:8px}.card-container{margin-bottom:12px;padding:12px}.page-title{font-size:18px;margin-bottom:12px}}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}