*{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-list{display:flex;justify-content:space-between;list-style:none;flex-wrap:wrap;margin-top:60px}.banner-item{flex:1;min-width:80px;text-align:center;margin-bottom:10px;padding:0 5px}.banner-item div:first-child{font-size:24px;font-weight:700;margin-bottom:5px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.banner-item div:last-child{font-size:16px;opacity:.9}.product-content{padding:0 15px 30px}.product-title{font-size:20px;font-weight:700;color:#1890ff;margin:20px 0 15px;padding-left:10px;border-left:4px solid #1890ff}.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.product-item{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:all .3s ease;position:relative;overflow:hidden}.product-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#1890ff,#52c41a);transform:scaleX(0);transition:transform .3s ease}.product-item:hover{transform:translateY(-5px);box-shadow:0 4px 16px rgba(0,0,0,.12)}.product-item:hover::before{transform:scaleX(1)}.product-name{font-size:16px;font-weight:700;color:#333;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-type{font-size:12px;display:inline-block;margin-bottom:10px}.product-desc{font-size:12px;color:#666;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:48px}.product-icon{display:flex;justify-content:flex-end;align-items:center;height:60px;border-radius:8px;padding:10px;margin-top:10px}.product-icon img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.product-item:hover .product-icon img{transform:scale(1.1)}@media (max-width:375px){.product-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.product-item{padding:12px}.product-name{font-size:14px}.product-desc{font-size:11px}.banner-item div:first-child{font-size:16px}.banner-item div:last-child{font-size:12px}}@media (min-width:768px){.product-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.container{max-width:720px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-item{animation:fadeIn .5s ease forwards}.product-item:nth-child(1){animation-delay:.05s}.product-item:nth-child(2){animation-delay:.1s}.product-item:nth-child(3){animation-delay:.15s}.product-item:nth-child(4){animation-delay:.2s}.product-item:nth-child(5){animation-delay:.25s}.product-item:nth-child(6){animation-delay:.3s}.product-item:nth-child(7){animation-delay:.35s}.product-item:nth-child(8){animation-delay:.4s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (hover:none) and (pointer:coarse){.product-item:active{transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.product-item,.product-item::before,.product-icon img{transition:none}.product-item{animation:none}}