*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow-x:hidden;overscroll-behavior-x:none}body{width:100%;height:100%;overflow-x:hidden;overscroll-behavior-x:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f7fa}#app{width:100%;min-height:100vh;overflow-x:hidden}html,body,#app,*{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,#app::-webkit-scrollbar,*::-webkit-scrollbar{display:none;width:0;height:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;overflow:visible}@media (max-width: 768px){.container{padding:0 15px;overflow-x:hidden}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(20px);opacity:0}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:20px;transition:all .3s ease}.card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.btn{display:inline-block;padding:12px 24px;border-radius:24px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-bg-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-bg-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.gradient-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float{animation:float 3s ease-in-out infinite}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}img,video,iframe{max-width:100%;height:auto}table{max-width:100%;overflow-x:auto;display:block}pre,code{max-width:100%;overflow-x:auto;word-wrap:break-word}@media (max-width: 768px){html{overflow-x:hidden!important;overscroll-behavior-x:none!important;-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important}body{overflow-x:hidden!important;overscroll-behavior-x:none!important;width:100%!important;max-width:100%!important;position:relative}#app,.main-content,.container,.blog-list-page,.blog-detail-page,.frontend-layout,.home-page,.about-page,.faq-page{max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}*{max-width:100vw;box-sizing:border-box}img,video,iframe,embed,object{max-width:100%!important;height:auto}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}pre,code{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;word-wrap:break-word}.el-pagination{display:flex;flex-wrap:wrap;justify-content:center;row-gap:8px}.el-pagination__sizes,.el-pagination__jump{margin-top:6px}.el-dialog,.el-message-box,.el-drawer{max-width:95vw!important}.el-input,.el-select,.el-textarea{max-width:100%!important}}