.shop-hero{position:relative;width:100%;padding:80px 24px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.shop-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 40%,rgba(236,8,136,.12) 0,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 30%,rgba(3,198,247,.1) 0,transparent 70%),radial-gradient(ellipse 40% 40% at 50% 90%,rgba(24,67,154,.08) 0,transparent 60%);z-index:0;pointer-events:none}.shop-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.shop-hero-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;background:rgba(236,8,136,.1);border:1px solid rgba(236,8,136,.25);color:#ec0888;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px}.shop-hero-tag-dot{width:6px;height:6px;border-radius:50%;background:#ec0888;animation:shop-pulse 2s ease-in-out infinite}@keyframes shop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.shop-hero-title{font-size:3.2rem;font-weight:800;color:#111926;text-shadow:2px 2px #ec0888,-2px -2px #03c6f7;margin:0;letter-spacing:2px;text-align:center}.shop-hero-subtitle{font-size:1rem;color:#8597b8;font-weight:400;margin:0;text-align:center;max-width:500px;line-height:1.5}.shop-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;animation:shop-orb-float 8s ease-in-out infinite alternate}.shop-orb-pink{width:250px;height:250px;background:rgba(236,8,136,.08);top:-60px;left:-80px}.shop-orb-blue{width:200px;height:200px;background:rgba(3,198,247,.06);bottom:-40px;right:-60px;animation-delay:4s}@keyframes shop-orb-float{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-15px) scale(1.15)}}.shop-page{width:100%;min-height:100vh;position:relative}.shop-page-content{max-width:1200px;margin:0 auto;padding:0 24px 80px}.shop-divider{width:80px;height:2px;background:linear-gradient(90deg,#ec0888,#03c6f7);margin:0 auto 48px;border-radius:2px;border:none}.shop-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 80px;text-align:center;gap:16px}.shop-empty-icon{font-size:3.5rem;opacity:.6;line-height:1}.shop-empty-title{font-size:1.2rem;font-weight:600;color:#8597b8;margin:0}.shop-empty-text{font-size:.9rem;color:#576a8c;margin:0;max-width:350px;line-height:1.5}.shop-category{margin-bottom:56px}.shop-category-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.shop-category-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.shop-category-icon.ml{background:linear-gradient(135deg,rgba(255,230,0,.15),rgba(255,200,0,.08));border:1px solid rgba(255,230,0,.2)}.shop-category-title-group{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.shop-category-title{font-size:1.2rem;font-weight:700;color:#f0f8ff;margin:0;text-shadow:none;letter-spacing:.3px}.shop-category-count{font-size:.72rem;font-weight:600;color:#576a8c;background:rgba(46,67,103,.3);padding:3px 10px;border-radius:12px}.shop-page-back{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:#8597b8;text-decoration:none;margin-bottom:32px;padding:8px 18px;border-radius:24px;border:1px solid rgba(46,67,103,.3);background:rgba(17,25,38,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.shop-page-back:hover{color:#f0f8ff;border-color:#03c6f7;background:rgba(3,198,247,.08);box-shadow:0 0 20px rgba(3,198,247,.08)}.shop-subpage-header{text-align:center;margin-bottom:40px}.shop-subpage-title{font-size:2rem;font-weight:800;color:#111926;text-shadow:2px 2px #ec0888,-2px -2px #03c6f7;margin:0 0 8px}.shop-subpage-count{font-size:.9rem;color:#576a8c;margin:0}.shop-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;padding:8px 0}.shop-page-grid .shop-item-card{min-width:unset;max-width:unset;width:100%}.shop-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#8597b8;font-size:.9rem;gap:16px}.shop-page-loading-spinner{width:32px;height:32px;border-color:#ec0888 #03c6f7 #1c2a3f #1c2a3f;border-style:solid;border-width:3px;border-radius:50%;animation:shop-spin .8s linear infinite}@keyframes shop-spin{to{transform:rotate(1turn)}}.shop-footer{text-align:center;padding:40px 20px;border-top:1px solid rgba(46,67,103,.2);margin-top:40px}.shop-footer p{font-size:.78rem;color:#576a8c;margin:0}.shop-footer a{color:#ec0888;text-decoration:none;transition:color .2s}.shop-footer a:hover{color:#03c6f7}@media (max-width:768px){.shop-hero{padding:48px 16px 32px}.shop-hero-title{font-size:2.2rem}.shop-hero-subtitle{font-size:.9rem}.shop-page-content{padding:0 16px 60px}.shop-page-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.shop-subpage-title{font-size:1.5rem}.shop-category-title{font-size:1.05rem}}@media (max-width:480px){.shop-hero-title{font-size:1.8rem}.shop-page-grid{grid-template-columns:repeat(2,1fr);gap:10px}}