@font-face{font-family:OPPOSans;src:url(/images/OPPOSans-R.woff2) format("woff2"),url(/images/OPPOSans-R.woff) format("woff"),url(/images/OPPOSans-R.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*/ body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0}body{background:#fff;color:#333;font-size:16px;margin-top:5px;position:relative;font-family:OPPOSans,Noto Sans SC,sans-serif}ul,ol{list-style-type:none}a{text-decoration:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden}img{max-width:100%;height:auto;loading:lazy}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}.logo{position:absolute;left:50%;top:0;transform:translate(-50%);font-size:20px;font-weight:700;color:#333;text-decoration:none}.logo img{vertical-align:middle;height:60px}.menu-toggle{width:30px;height:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;z-index:1001;position:absolute;left:1.2em}.menu-toggle span{display:block;width:24px;height:3px;background-color:#333;margin:2px 0;transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{position:fixed;top:60px;left:0;width:100%;background-color:#fff;box-shadow:0 5px 10px #0000001a;transform:translateY(-120%);opacity:0;transition:all .3s ease;z-index:999}.nav-menu.active{transform:translateY(0);opacity:1}.nav-menu ul{list-style:none;padding:0}.nav-menu li{border-bottom:1px solid #f0f0f0}.nav-menu a{display:block;padding:15px 20px;color:#333;text-decoration:none;font-size:.875em;transition:all .2s ease}.nav-menu a:hover{background-color:#f9f9f9;border-radius:5px}.content{margin-top:80px;padding:20px}.content h1{margin-bottom:20px;font-size:24px}.content p{margin-bottom:15px}.search-box,.auth-buttons{display:none}.container{margin:0 auto}.flex{display:flex;justify-content:center;align-items:center}.banner{padding-top:7em}.banner-title{font-size:1.875em;color:#242424}.banner-subtitle{font-size:1.125em;color:gray;margin:30px 0 38px}.search-boxs{display:flex;align-items:center;background-color:#fff;border-radius:15px;margin:0 30px;width:220px}.search-inputs{border:1px solid #d9d9d9;border-radius:25px;width:100%;height:36px;padding-left:15px;font-size:.875em}.content-tabs{display:flex;justify-content:center;align-content:center;flex-wrap:wrap;flex-direction:row}.content-item{white-space:nowrap;margin:0 5px;font-size:1em;padding:5px 25px;color:#000}.content-item-active{background-color:#f7f7f7;border-radius:25px}.content-tables{display:flex;flex-wrap:wrap;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center}.content-tabs-item{width:calc(50% - 10px);max-width:200px;height:auto;margin:10px 5px;background-color:#f7f7f7;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column}.item-img img{width:100%;height:100%}.item-text{margin-bottom:27px}.problem{margin-top:75px}.problem-title{font-size:30px;color:#242424}.problem-column{max-width:922px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box}.problem-column ul{width:100%;margin:2.5em 0 4em;border:1px solid #e0e0e0;border-radius:15px;padding:0}.problem-column li{width:100%;height:auto;padding:0 5%;border-bottom:1px solid #e0e0e0}.problem-column li:last-child{border:none}.problem-item{display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.problem-text{color:#040404;font-size:1.25em;margin:20px 0;font-weight:600}.problem-content{color:#9b9b9b;font-size:.875em;margin-bottom:20px}.problem-title{font-size:24px;text-align:center}.problem-text{font-size:1em;margin:15px 0}.problem-content{font-size:.8125em;margin-bottom:15px}@media(min-width:768px){.navbar{padding:0 30px;display:flex;justify-content:center;align-items:center;position:unset;height:80px;width:auto}.container{width:1200px}.banner{margin-top:95px;padding-top:0}.logo{position:unset;transform:none}.logo img{margin-right:30px;height:100%}.menu-toggle{display:none}.nav-menu{position:static;transform:none;opacity:1;box-shadow:none;width:auto;background:transparent;display:block}.nav-active{background-color:#f5f5f5;padding:5px 10px;border-radius:5px;font-weight:600}.nav-menu ul{display:flex}.nav-menu li{border-bottom:none}.nav-menu a{padding:5px 10px;font-size:16px}.content{margin-top:90px;margin-left:auto;margin-right:auto}.search-box{display:flex;align-items:center;background-color:#fff;border-radius:15px;margin:0 30px;width:200px}.search-icon{color:#666}.search-input{border:1px solid #d9d9d9;border-radius:15px;width:100%;height:30px;padding-left:10px;font-size:.875em}.search-input:focus{outline:none}.auth-buttons{display:flex;gap:15px}.login-btn,.register-btn{padding:4px 20px;border:none;border-radius:20px;font-size:.875em;cursor:pointer;transition:all .3s}.content{margin-top:45px}.content-tabs{max-width:922px;width:100%;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;box-sizing:border-box}.content-tables{max-width:922px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;box-sizing:border-box}.content-item{color:#242424;font-size:18px;padding:5px 25px}.content-item-active{background-color:#f7f7f7;border-radius:25px;padding:5px 25px;cursor:pointer}.content-tabs-item{width:168px;height:196px;background-color:#f7f7f7;margin-top:20px;border-radius:15px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:10px}.content-tabs-item:hover{transform:translateY(-2px);box-shadow:0 4px 5px #0000001f}.problem{margin-top:75px}.problem-title{font-size:30px;color:#242424}.problem-column{max-width:922px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box}.problem-column ul{width:100%;margin:50px 0 100px;border:1px solid #e0e0e0;border-radius:15px;padding:0}.problem-column li{width:100%;height:auto;padding:0 1.5%;border-bottom:1px solid #e0e0e0}.problem-column li:last-child{border:none}.problem-item{display:flex;align-items:center;justify-content:space-between}.problem-text{color:#040404;font-size:18px;font-weight:600}.problem-content{color:#9b9b9b;font-size:14px;margin-bottom:20px}.problem-content p{padding:0;margin:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideclose{0%{opacity:1}to{opacity:0}}.router-fade-enter-active[data-v-49a6f6fc],.router-fade-leave-active[data-v-49a6f6fc]{transition:opacity .3s ease,transform .3s ease}.router-fade-enter-from[data-v-49a6f6fc]{opacity:0;transform:translate(20px)}.router-fade-leave-to[data-v-49a6f6fc]{opacity:0;transform:translate(-20px)}@media(max-width:768px){.router-fade-enter-from[data-v-49a6f6fc]{transform:translate(10px)}.router-fade-leave-to[data-v-49a6f6fc]{transform:translate(-10px)}}.search-icon[data-v-e557d3aa]{position:relative;right:25px;cursor:pointer}[data-v-e557d3aa] .el-button{border:0!important;font-size:16px!important;font-family:OPPOSans,Noto Sans SC,sans-serif;color:#333!important}[data-v-e557d3aa] .el-button:hover{color:#000!important;border:0!important;background-color:#f9f9f9!important}@media(max-width:768px){[data-v-e557d3aa] .el-button{font-size:.875em!important;padding:25px 20px!important}}.user-info[data-v-e557d3aa]{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:20px;transition:all .3s}.user-info[data-v-e557d3aa]:hover{background-color:#f5f7fa}.username[data-v-e557d3aa]{margin:0 8px;font-size:14px;color:#333}.arrow-down[data-v-e557d3aa]{font-size:12px;color:#909399}.profile-link[data-v-e557d3aa]{color:#333}.login-btn[data-v-e557d3aa]{background-color:#e0e0e0;color:#000}.login-btn[data-v-e557d3aa]:hover{background-color:#d0d0d0}.register-btn[data-v-e557d3aa]{background-color:#333;color:#fff}.register-btn[data-v-e557d3aa]:hover{background-color:#555}.problem-right[data-v-4fd6edc5]{cursor:pointer}.slide-enter-active[data-v-4fd6edc5],.slide-leave-active[data-v-4fd6edc5]{transition:max-height .4s ease,opacity .3s ease;overflow:hidden}.slide-enter-from[data-v-4fd6edc5],.slide-leave-to[data-v-4fd6edc5]{max-height:0;opacity:0}.slide-enter-to[data-v-4fd6edc5],.slide-leave-from[data-v-4fd6edc5]{max-height:200px;opacity:1}.rotate-icon[data-v-4fd6edc5]{transition:transform .3s ease}.rotate-icon.rotated[data-v-4fd6edc5]{transform:rotate(180deg)}