*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:100%;padding:0 15px;margin:0 auto}.banner{background-image:url(/images/help/banner_pc.jpg);color:#fff;background-size:cover;background-position:center;padding:50px 0}.banner .logo{height:.4rem;position:absolute;z-index:1001;top:.6rem;left:.3rem}.banner-content{padding:0 20px}.banner h1{font-size:24px;font-weight:700;margin-top:70px;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.tabs-container{background:#fff;border-radius:20px 20px 0 0;margin-top:-20px;position:relative;z-index:10;box-shadow:0 -2px 10px rgba(0,0,0,.05);overflow:hidden}.tabs-nav{display:flex;overflow-x:auto;white-space:nowrap;background:#fafafa;border-bottom:1px solid #f0f0f0;padding:0 10px;scrollbar-width:none;-ms-overflow-style:none}.tabs-nav::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;padding:15px 12px;margin:0 5px;background:0 0;border:0;font-size:14px;font-weight:500;color:#666;cursor:pointer;position:relative;transition:all .3s ease}.tab-btn.active{color:#1890ff;font-weight:700}.tab-btn.active::after{content:'';position:absolute;bottom:0;left:10%;width:80%;height:3px;background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:3px}.tab-btn:hover{color:#1890ff}.tabs-content{padding:0}.tab-pane{display:none;padding:20px}.tab-pane.active{display:block;animation:fadeIn .5s ease}.tab-content{display:flex;flex-direction:column;gap:20px}.tab-content>div:first-child{order:2}.tab-content>div:last-child{order:1;display:flex;justify-content:center;align-items:center}.tab-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08)}.tab-content h3{font-size:16px;font-weight:700;color:#333;margin:15px 0 8px}.tab-content p{font-size:14px;color:#666;line-height:1.5;margin-bottom:10px}.start{display:inline-block;padding:12px 24px;font-size:14px;font-weight:500;color:#1890ff;border:1px solid #1890ff;background:0 0;border-radius:30px;cursor:pointer}.start:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(24,144,255,.4)}.start:active{transform:translateY(0)}.solution{background:#f9f9f9;padding:30px 20px;margin-top:20px;border-radius:20px;margin:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.solution h1{font-size:20px;font-weight:700;color:#1890ff;text-align:center;margin-bottom:20px}.solution h2{font-size:18px;font-weight:700;color:#333;margin-bottom:15px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.banner h1{font-size:32px}.tab-content{flex-direction:row;align-items:center}.tab-content>div:first-child{order:1;flex:1}.tab-content>div:last-child{order:2;flex:1}.solution{max-width:720px;margin:30px auto}}@media (max-width:375px){.banner h1{font-size:20px}.tab-btn{font-size:12px;padding:12px 8px}.tab-pane{padding:15px}.tab-content h3{font-size:14px}.tab-content p{font-size:13px}.start{padding:10px 20px;font-size:13px}}@media (hover:none) and (pointer:coarse){.tab-btn:active{background:rgba(24,144,255,.1)}.start:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.tab-pane.active{animation:none}.start,.tab-btn{transition:none}}