.site-header{height:80px;line-height:80px;background:var(--bg-primary);box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:1000}.header-container{width:1200px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-img{height:50px;width:auto}.logo-text{font-size:28px;font-weight:700;color:var(--primary-red);letter-spacing:2px;display:block}.logo-text-wrap{display:flex;flex-direction:column;line-height:1.3}.logo-sub{font-size:12px;color:var(--text-muted);padding-left:0;border-left:none;white-space:nowrap}.header-nav{display:flex;align-items:center;height:100%;gap:8px}.nav-link{display:block;height:80px;line-height:80px;padding:0 24px;color:var(--text-muted);font-weight:700;font-size:16px;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary-red)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary-red)}.header-search{width:240px}.search-input,.search-input input{border-radius:20px}.search-input .ant-input-prefix{color:var(--text-muted)}.header-user{display:flex;align-items:center;gap:16px}.user-icon-btn{font-size:18px;color:var(--text-muted)}.user-icon-btn:hover{color:var(--primary-red)}.user-profile{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 8px;border-radius:20px;transition:background .3s}.user-profile:hover{background:var(--bg-secondary)}.user-avatar{background:var(--primary-blue)}.user-name{font-size:14px;color:var(--text-body);font-weight:500}.auth-buttons{display:flex;align-items:center;gap:8px}.login-btn{color:var(--text-body);font-weight:500}.login-btn:hover{color:var(--primary-red)!important}.register-btn{background:var(--primary-red);border-color:var(--primary-red)}.register-btn:hover{background:#b91842!important;border-color:#b91842!important}@media screen and (max-width: 1200px){.header-container{width:100%;padding:0 16px}.header-search{width:180px}.logo-sub{display:none}}@media screen and (max-width: 768px){.header-nav,.header-search,.user-name{display:none}}.site-footer{background-color:var(--footer-bg);color:#fff;margin-top:auto}.footer-container{width:1200px;margin:0 auto;padding:40px 20px 20px}.footer-main{display:flex;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #3a4a53;max-width:800px;margin:0 auto}.footer-brand{max-width:300px}.footer-logo{margin-bottom:16px}.footer-logo .logo-text{font-size:24px;font-weight:700;color:var(--primary-red);letter-spacing:2px}.footer-desc{font-size:14px;color:#888;line-height:1.6}.footer-links{display:flex;gap:80px}.footer-column h4{font-size:16px;font-weight:700;color:#fff;margin-bottom:16px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:10px}.footer-column a{color:#aaa;font-size:14px;text-decoration:none;transition:color .3s}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.footer-copyright,.footer-icp{font-size:13px;color:#666}.footer-icp .divider{margin:0 10px}.beian-link{display:inline-flex;align-items:center;gap:6px;color:#666;text-decoration:none;font-size:12px;transition:color .3s}.beian-link:hover{color:#fff}.beian-icon{width:16px;height:16px}@media screen and (max-width: 1200px){.footer-container{width:100%;padding:30px 16px 16px}.footer-links{gap:40px}}@media screen and (max-width: 768px){.footer-main{flex-direction:column;gap:30px}.footer-links{flex-wrap:wrap;gap:30px 60px}.footer-bottom{flex-direction:column;gap:10px;text-align:center}}:root{--primary-red: #d31c4f;--primary-blue: #00a0c4;--success-green: #2fc4a4;--warning-orange: #ea0029;--text-primary: #000;--text-body: #333;--text-muted: #888;--text-light: #999;--border-color: #d9d9de;--border-light: #dcdcdc;--bg-primary: #fff;--bg-secondary: #f8f8f8;--bg-tertiary: #fbfcfc;--footer-bg: #1f3139;--color-primary: var(--primary-red);--color-success: var(--success-green);--color-warning: var(--warning-orange);--color-info: var(--primary-blue);--color-text: var(--text-body);--color-text-secondary: var(--text-muted);--color-border: var(--border-color);--color-bg: var(--bg-primary);--color-bg-secondary: var(--bg-secondary);--font-family-base: "Microsoft Yahei", "微软雅黑", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Consolas", "Courier New", Courier, monospace;--font-family-numeric: JaapokkisubtractRegular, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 26px;--font-size-3xl: 34px;--font-size-4xl: 44px;--font-size-hero: 30px;--spacing-xs: 3px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-base: 10px;--spacing-lg: 15px;--spacing-xl: 20px;--spacing-2xl: 30px;--height-xs: 10px;--height-sm: 14px;--height-base: 20px;--height-md: 25px;--height-lg: 30px;--height-xl: 35px;--height-2xl: 44px;--height-3xl: 50px;--height-4xl: 56px;--height-5xl: 57px;--height-header: 80px;--radius-sm: 3px;--radius-base: 5px;--radius-lg: 10px;--radius-xl: 15px;--radius-full: 50px;--radius-circle: 80px;--container-width: 1200px;--container-width-sm: 780px;--card-width-sm: 264px;--card-width-md: 369px;--card-width-lg: 580px;--shadow-card: #999 1px 1px 2px;--shadow-header: #ddd 0px 2px 0px;--shadow-button: #ddd 2px 0px 0px;--transition-base: .3s;--transition-fast: .15s}html{font-size:62.5%}body{font-size:1.4rem;font-family:var(--font-family-base);line-height:1.5;color:var(--text-body);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:var(--font-size-3xl);font-weight:700}h2,.h2{font-size:var(--font-size-2xl);font-weight:700}h3,.h3{font-size:var(--font-size-lg);font-weight:700}h4,.h4{font-size:var(--font-size-md);font-weight:700}h5,.h5{font-size:var(--font-size-sm);font-weight:700}h6,.h6{font-size:var(--font-size-xs)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}a:hover{text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto}button,input,textarea,select{font-family:inherit;font-size:inherit}.text-primary{color:var(--primary-red)!important}.text-secondary{color:var(--primary-blue)!important}.text-body{color:var(--text-body)!important}.text-muted{color:var(--text-muted)!important}.text-light{color:var(--text-light)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.btn-success{background-color:var(--success-green);color:#fff}#root,.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:var(--container-width);margin:0 auto;padding:var(--spacing-xl)}.main-content-sm{max-width:var(--container-width-sm)}.page-container{padding:var(--spacing-xl) 0}.section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.card{border:1px solid var(--border-color);border-radius:var(--radius-base);background:var(--bg-primary);box-shadow:var(--shadow-card)}.card-hover:hover{box-shadow:0 4px 12px #00000026;transition:box-shadow var(--transition-base)}.list-item{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.list-item:last-child{border-bottom:none}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:700}.tag-hot{background-color:var(--warning-orange);color:#fff}.tag-new{background-color:var(--primary-red);color:#fff}.tag-success{background-color:var(--success-green);color:#fff}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:700;color:var(--text-body);margin-bottom:var(--spacing-sm)}.form-input{width:100%;height:var(--height-2xl);padding:0 var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-base);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-blue)}.form-input::placeholder{color:var(--text-light)}.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--height-2xl);padding:0 var(--spacing-xl);border:none;border-radius:var(--radius-base);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background-color:var(--primary-red);color:#fff}.btn-primary:hover{background-color:#b91842}.btn-secondary{background-color:var(--primary-blue);color:#fff}.btn-secondary:hover{background-color:#0089a8}.btn-lg{width:100%;max-width:378px;height:var(--height-5xl);font-size:var(--font-size-xl)}.header{height:var(--height-header);line-height:var(--height-header);background:var(--bg-primary);box-shadow:var(--shadow-header)}.header-inner{width:var(--container-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl)}.footer{background-color:var(--footer-bg);color:#fff;padding:var(--spacing-2xl) 0;margin-top:auto}.footer-inner{width:var(--container-width);margin:0 auto;display:flex;justify-content:space-between;padding:0 var(--spacing-xl)}.footer-section dt{font-size:var(--font-size-md);font-weight:700;margin-bottom:var(--spacing-md);color:#fff}.footer-section dd{margin-bottom:var(--spacing-sm)}.footer-section dd a{color:#aaa;font-size:var(--font-size-sm);transition:color var(--transition-base)}.footer-section dd a:hover{color:#fff}.footer-copyright{text-align:center;padding-top:var(--spacing-xl);margin-top:var(--spacing-xl);border-top:1px solid #3a4a53;color:#888;font-size:var(--font-size-sm)}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px}.empty-container{text-align:center;padding:var(--spacing-2xl);color:var(--text-muted)}.badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:76px;height:29px;line-height:29px;border-radius:var(--radius-xl);text-align:center;color:#fff;font-weight:700;font-size:var(--font-size-xs)}.progress{background:#d9d9df;border-radius:var(--radius-base);height:6px;overflow:hidden}.progress-bar{background:var(--primary-red);border-radius:var(--radius-base);height:100%;transition:width var(--transition-base)}.tabs{display:inline-block;border-bottom:1px solid var(--border-light)}.tabs li{display:inline-block;height:var(--height-3xl);line-height:var(--height-3xl);padding:0 var(--spacing-xl);margin-right:2px;color:var(--text-light);font-weight:700;cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-base)}.tabs li:hover{color:var(--text-body)}.tabs li.active{border-bottom-color:var(--primary-red);color:var(--primary-red)}.avatar{border-radius:var(--radius-circle);border:10px solid var(--bg-primary);overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.avatar-sm{width:40px;height:40px}.avatar-md{width:60px;height:60px}.avatar-lg{width:80px;height:80px}.fl{float:left!important}.fr{float:right!important}.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clear{display:flow-root}.pr{position:relative!important}.pa{position:absolute!important}.pf{position:fixed!important}.ps{position:sticky!important}.text-c{text-align:center!important}.text-l{text-align:left!important}.text-r{text-align:right!important}.font-b{font-weight:700!important}.font-normal{font-weight:400!important}.font-light{font-weight:300!important}.f12{font-size:12px!important}.f14{font-size:14px!important}.f16{font-size:16px!important}.f18{font-size:18px!important}.f20{font-size:20px!important}.font-14{font-size:14px!important}.font-18{font-size:18px!important}.color-primary{color:var(--primary-red)!important}.color-secondary{color:var(--primary-blue)!important}.color-success{color:var(--success-green)!important}.color-warning{color:var(--warning-orange)!important}.color-dark{color:var(--text-primary)!important}.color-body{color:var(--text-body)!important}.color-muted{color:var(--text-muted)!important}.color-light{color:var(--text-light)!important}.h10{height:10px!important}.h14{height:14px!important}.h20{height:20px!important}.h30{height:30px!important}.h35{height:35px!important}.h40{height:40px!important}.h50{height:50px!important}.h60{height:60px!important}.h80{height:80px!important}.h90{height:90px!important}.bk3{height:3px!important}.bk6{height:6px!important}.bk8{height:8px!important}.bk10{height:10px!important}.bk15{height:15px!important}.bk20{height:20px!important}.bk30{height:30px!important}.m0{margin:0!important}.mt0{margin-top:0!important}.mb0{margin-bottom:0!important}.ml0{margin-left:0!important}.mr0{margin-right:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt60{margin-top:60px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb60{margin-bottom:60px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.p0{padding:0!important}.pt0{padding-top:0!important}.pb0{padding-bottom:0!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pt10{padding-top:10px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pb10{padding-bottom:10px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pl20{padding-left:20px!important}.pr20{padding-right:20px!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-1{flex:1!important}.flex-auto{flex:auto!important}.flex-none{flex:none!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-stretch{align-items:stretch!important}.w-auto{width:auto!important}.w-full{width:100%!important}.w-half{width:50%!important}.max-w1200{max-width:1200px!important}.max-w780{max-width:780px!important}.min-h100{min-height:100px!important}.min-h200{min-height:200px!important}.min-h300{min-height:300px!important}.min-h400{min-height:400px!important}.min-h500{min-height:500px!important}.min-h100vh{min-height:100vh!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.border{border:1px solid var(--border-color)!important}.border-top{border-top:1px solid var(--border-color)!important}.border-bottom{border-bottom:1px solid var(--border-color)!important}.border-left{border-left:1px solid var(--border-color)!important}.border-right{border-right:1px solid var(--border-color)!important}.border-none{border:none!important}.radius-sm{border-radius:var(--radius-sm)!important}.radius-base{border-radius:var(--radius-base)!important}.radius-lg{border-radius:var(--radius-lg)!important}.radius-full{border-radius:var(--radius-full)!important}.radius-circle{border-radius:50%!important}.bg-white{background-color:#fff!important}.bg-gray{background-color:var(--bg-secondary)!important}.bg-dark{background-color:var(--footer-bg)!important}.bg-transparent{background-color:transparent!important}.shadow{box-shadow:var(--shadow-card)!important}.shadow-lg{box-shadow:0 4px 12px #00000026!important}.shadow-none{box-shadow:none!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-50{opacity:.5!important}.opacity-100{opacity:1!important}.z-1{z-index:1!important}.z-10{z-index:10!important}.z-100{z-index:100!important}.z-1000{z-index:1000!important}@media screen and (max-width: 1200px){.area{width:100%!important;padding:0 20px!important;box-sizing:border-box!important}}@media screen and (max-width: 768px){.hide-mobile{display:none!important}.fl-mobile{float:none!important}.text-c-mobile{text-align:center!important}.w-full-mobile{width:100%!important}}:root{--ant-primary-color: var(--primary-red)}.ant-btn-primary{background-color:var(--primary-red)!important;border-color:var(--primary-red)!important}.ant-btn-primary:hover{background-color:#b91842!important;border-color:#b91842!important}.ant-menu-item-selected{color:var(--primary-red)!important}.ant-menu-item-selected:after{border-bottom-color:var(--primary-red)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}::selection{background-color:var(--primary-red);color:#fff}:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}