*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5}#app{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}.clearfix:after{content:"";display:block;clear:both}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a{color:inherit;text-decoration:none}a:hover{color:#2d8cf0}:root{--primary-color:#2d8cf0;--success-color:#19be6b;--warning-color:#f90;--error-color:#ed4014;--info-color:#909399;--text-color:#333;--text-color-secondary:#666;--text-color-placeholder:#c5c8ce;--border-color:#dcdee2;--border-light:#e8eaec;--bg-color:#f5f5f5;--bg-color-white:#fff;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--spacing-xs:8px;--spacing-sm:12px;--spacing-base:16px;--spacing-lg:24px;--spacing-xl:32px;--border-radius-sm:4px;--border-radius-base:8px;--border-radius-lg:12px;--shadow-sm:0 2px 4px rgba(0,0,0,0.08);--shadow-base:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--transition-duration:0.3s}@media screen and (max-width:768px){:root{--font-size-base:14px;--font-size-lg:16px}}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.mt-sm{margin-top:var(--spacing-sm)}.mt-base{margin-top:var(--spacing-base)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-base{margin-bottom:var(--spacing-base)}.mb-lg{margin-bottom:var(--spacing-lg)}.pt-base{padding-top:var(--spacing-base)}.pb-base{padding-bottom:var(--spacing-base)}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-around{display:flex;align-items:center;justify-content:space-around}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-duration)}.fade-enter,.fade-leave-to{opacity:0}.slide-left-enter-active,.slide-left-leave-active{transition:transform var(--transition-duration)}.slide-left-enter,.slide-left-leave-to{transform:translateX(-100%)}.page-container{width:100%;min-height:100vh}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:36px;color:var(--text-color);margin-bottom:10px;font-weight:600}.section-title p{font-size:14px;color:#999;letter-spacing:4px;text-transform:uppercase}.card{background:var(--bg-color-white);border-radius:var(--border-radius-base);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-duration)}.card:hover{box-shadow:var(--shadow-base);transform:translateY(-2px)}@media (max-width:768px){.hidden-xs{display:none!important}}@media (min-width:769px) and (max-width:1200px){.hidden-sm{display:none!important}}@media (min-width:1201px){.hidden-md{display:none!important}}.loading{display:inline-block;width:40px;height:40px;border:3px solid var(--primary-color);border-radius:50%;border-top-color:transparent;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-color-secondary)}.empty-state-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state-text{font-size:var(--font-size-base)}.img-responsive{display:block;max-width:100%;height:auto}.gradient-bg{background:linear-gradient(135deg,var(--primary-color),#764ba2)}.glass-effect{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}