.sp-tile{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#fff;background:linear-gradient(135deg,#0b5fd6,#062f6b)}.sp-tile.t1{background:linear-gradient(135deg,#0a0a0a,#0b5fd6)}.sp-tile.t2{background:linear-gradient(160deg,#0a4aa8,#0b5fd6)}.sp-tile.t3{background:linear-gradient(135deg,#062f6b,#0a0a0a)}.sp-tile.t4{background:linear-gradient(200deg,#0b5fd6,#0a0a0a)}.sp-tile>i{font-size:64px;opacity:.95}.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}.sp-card{background:#fff;border:1px solid #DCE8F8;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 22px #0000000d;transition:transform .18s,box-shadow .18s}.sp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #0000001a}.sp-img{position:relative;display:block}.sp-img .sp-tile>i{font-size:56px}.sp-badge{position:absolute;left:10px;top:10px;background:#fff;color:#0b5fd6;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:99px;padding:4px 10px;box-shadow:0 2px 8px #00000026}.sp-b{padding:14px 15px 16px;display:flex;flex-direction:column;flex:1}.sp-cat{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b5fd6}.sp-b h3{font-size:1.02rem;line-height:1.3;margin:4px 0 6px}.sp-b h3 a{color:#0a0a0a;text-decoration:none}.sp-v{font-size:12.5px;color:#555;margin:0 0 6px;display:flex;gap:5px;align-items:center}.sp-v i{color:#0b5fd6}.sp-s{font-size:13.5px;color:#444;margin:0 0 10px;flex:1}.sp-price{font-size:13px;color:#555;margin-bottom:10px}.sp-price b{color:#0a0a0a}.sp-act{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sp-act .ax-btn{justify-content:center;padding:9px 8px;font-size:13.5px;text-align:center}.sp-note{background:#f2f7fe;border:1px solid #DCE8F8;border-radius:12px;padding:10px 14px;font-size:13.5px;color:#333;margin:6px 0 14px;display:flex;gap:8px}.sp-note i{color:#0b5fd6;margin-top:2px}.sf-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}.sf-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #CCDCF1;background:#fff;color:#0a0a0a;border-radius:99px;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none}.sf-chip i{color:#0b5fd6}.sf-chip:hover{border-color:#0b5fd6}.sf-chip.on{background:#0b5fd6;border-color:#0b5fd6;color:#fff}.sf-chip.on i{color:#fff}.sf-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sf-q{flex:1;min-width:240px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #CCDCF1;border-radius:12px;padding:0 12px}.sf-q i{color:#0b5fd6;font-size:20px}.sf-q input{flex:1;border:0;outline:0;padding:12px 0;font-size:15px;background:transparent}.sf-q:focus-within{border-color:#0b5fd6;box-shadow:0 0 0 3px #0b5fd626}.sf-count{font-size:13px;color:#555}.sf-empty{text-align:center;color:#444;padding:30px 0}.sc-cat{display:flex;flex-direction:column;flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start;border-radius:18px;padding:22px 20px;color:#fff;text-decoration:none;background:linear-gradient(135deg,#0b5fd6,#062f6b);min-height:230px}.sc-cat.t1{background:linear-gradient(135deg,#0a0a0a,#0b5fd6)}.sc-cat.t2{background:linear-gradient(160deg,#0a4aa8,#0b5fd6)}.sc-cat.t3{background:linear-gradient(135deg,#062f6b,#0a0a0a)}.sc-cat.t4{background:linear-gradient(200deg,#0b5fd6,#0a0a0a)}.sc-ic{width:50px;height:50px;border-radius:14px;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:12px}.sc-cat h3{color:#fff;font-size:1.15rem;margin:0 0 6px}.sc-cat p{color:#ffffffd9;font-size:13.5px;margin:0 0 12px;flex:1}.sc-n{font-size:13px;font-weight:700;display:flex;gap:6px;align-items:center}.xs-track>.sp-card{flex:0 0 calc((100% - 54px)/4);scroll-snap-align:start}.sg-main{position:relative;border-radius:18px;overflow:hidden;box-shadow:0 12px 32px #00000024}.sg-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.sg-track::-webkit-scrollbar{display:none}.sg-slide{flex:0 0 100%;scroll-snap-align:center}.sg-slide .sp-tile{aspect-ratio:4/3}.sg-slide .sp-tile>i{font-size:88px}.sg-slide .sp-tile b{font-size:1.15rem;text-align:center;padding:0 20px}.sg-slide .sp-tile small{opacity:.8;font-size:12.5px}.sg-ar{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#0a0a0a;box-shadow:0 4px 14px #00000040;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.sg-p{left:10px}.sg-n{right:10px}.sg-ar:hover{background:#0b5fd6;color:#fff}.sg-ths{display:flex;gap:10px;margin-top:12px}.sg-th{flex:1;border:2px solid #DCE8F8;border-radius:12px;background:#f2f7fe;color:#0b5fd6;font-size:26px;padding:10px 0;cursor:pointer}.sg-th.on{border-color:#0b5fd6;background:#0b5fd6;color:#fff}.st-tabs{display:flex;gap:6px;border-bottom:2px solid #DCE8F8;margin-bottom:18px;overflow-x:auto;scrollbar-width:none}.st-tabs::-webkit-scrollbar{display:none}.st-tabs button{border:0;background:none;padding:12px 16px;font-weight:700;color:#555;border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer}.st-tabs button.on{color:#0b5fd6;border-bottom-color:#0b5fd6}.st-p{display:none}.st-p.on{display:block}.st-p h2{font-size:1.4rem}.st-t{width:100%;border-collapse:collapse}.st-t th,.st-t td{padding:11px 12px;border-bottom:1px solid #E4ECF8;text-align:left;font-size:14.5px}.st-t th{width:38%;color:#0b5fd6;background:#f2f7fe}.sb-box{position:sticky;top:96px;background:#fff;border:1px solid #DCE8F8;border-radius:18px;padding:22px;box-shadow:0 10px 28px #00000012}.sb-pr{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #E4ECF8;font-size:14.5px}.sb-pr span{color:#555}.sb-pr b{color:#0a0a0a;text-align:right}.sb-box .ax-btn{margin-top:14px}.sb-box button.ax-btn{background:#fff;color:#0a0a0a;border:2px solid #0B5FD6;font-weight:700;font-size:16px;cursor:pointer}.sb-box button.ax-btn:hover{background:#0b5fd6;color:#fff}.sb-n{font-size:12.5px;color:#555;margin:14px 0 0}.sq[hidden]{display:none}.sq{position:fixed;inset:0;z-index:100002;display:flex;align-items:flex-end;justify-content:center}.sq-bg{position:absolute;inset:0;background:#0000008c}.sq-box{position:relative;background:#fff;width:100%;max-width:560px;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto;animation:sqUp .25s ease}@keyframes sqUp{0%{transform:translateY(100%)}to{transform:none}}@media(min-width:768px){.sq{align-items:center}.sq-box{border-radius:22px}}.sq-box h3{font-size:1.25rem;margin:0 36px 4px 0;display:flex;gap:8px;align-items:center}.sq-box h3 i{color:#0b5fd6}.sq-p{color:#444;font-size:14px;margin:0 0 12px}.sq-x{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;border:0;background:#f2f7fe;font-size:20px}.sq-r{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:575px){.sq-r{grid-template-columns:1fr}}.sq-f{display:block;font-size:13px;font-weight:700;color:#0a0a0a;margin-bottom:12px}.sq-f input,.sq-f textarea{display:block;width:100%;margin-top:5px;border:1px solid #CCDCF1;border-radius:10px;padding:10px 12px;font-size:15px;font-weight:400}.sq-f input:focus,.sq-f textarea:focus{outline:0;border-color:#0b5fd6;box-shadow:0 0 0 3px #0b5fd626}.sq-err{color:#b00020;font-size:13px}.sq-h{font-size:12.5px;color:#555;margin:12px 0 0}.sq-box .ax-btn{width:100%;justify-content:center}.vd-cks{display:flex;flex-wrap:wrap;gap:8px}.vd-ck{display:inline-flex;align-items:center;gap:8px;border:1px solid #CCDCF1;border-radius:99px;padding:8px 14px;font-size:14px;cursor:pointer;background:#fff}.vd-ck input{accent-color:#0B5FD6}.vd-agree{border-radius:12px;align-items:flex-start;width:100%}.vd-agree input{margin-top:4px}@media(max-width:1199.98px){.sp-grid{grid-template-columns:repeat(3,1fr)}.sc-cat,.xs-track>.sp-card{flex:0 0 calc((100% - 36px)/3)}}@media(max-width:991.98px){.sp-grid{grid-template-columns:repeat(2,1fr)}.sc-cat,.xs-track>.sp-card{flex:0 0 46%}.sb-box{position:static}}@media(max-width:575.98px){.sp-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sp-b{padding:11px 11px 13px}.sp-b h3{font-size:.95rem}.sp-s{display:none}.sp-act{grid-template-columns:1fr}.sc-cat,.xs-track>.sp-card{flex:0 0 78%}.sp-img .sp-tile>i{font-size:44px}}.vr-top{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px}.vr-ic{width:52px;height:52px;border-radius:14px;background:#0b5fd6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;flex:none}.vr-top h2{margin:0 0 4px;font-size:1.5rem}.vr-top p{margin:0;color:#444}.vr-sheet{display:grid;gap:14px}.vr-sec{border:1px solid #DCE8F8;border-radius:14px;overflow:hidden}.vr-sec h3{margin:0;padding:10px 16px;background:#f2f7fe;color:#0b5fd6;font-size:1rem}.vr-list{list-style:none;margin:0;padding:4px 16px 8px}.vr-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #EDF3FB}.vr-list li:last-child{border-bottom:0}.vr-list li>i{font-size:24px;flex:none;margin-top:2px}.vr-list li.on>i{color:#0b5fd6}.vr-list li.off>i{color:#999}.vr-list small{display:block;color:#666;font-size:12.5px}.vr-list b{display:block;color:#0a0a0a;font-size:15px;word-break:break-word;white-space:pre-line}.vr-list li.off b{color:#888;font-weight:600}.vr-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.vr-chips em{font-style:normal;font-size:13px;border-radius:99px;padding:5px 12px;background:#f2f7fe;color:#777;display:inline-flex;gap:5px;align-items:center}.vr-chips em.on{background:#0b5fd6;color:#fff}.vr-act{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0 8px}.vd-edit{border:0;background:none;color:#0b5fd6;font-weight:700;padding:10px 6px;cursor:pointer}.vr-note{font-size:13.5px;color:#444;background:#f2f7fe;border:1px solid #DCE8F8;border-radius:12px;padding:10px 14px;margin:8px 0 0}.vr-note.ok{border-color:#0b5fd6;color:#0a0a0a}.vr-note i{color:#0b5fd6}@media(max-width:575px){.vr-act .ax-btn{width:100%;justify-content:center}}