.shp-page{max-width:1180px;margin:0 auto;padding:24px 20px 80px}.shp-breadcrumb ol{list-style:none;padding:0;margin:0 0 18px;display:flex;gap:6px 10px;font:13px var(--font-ui);color:var(--ink-soft)}.shp-breadcrumb li+li:before{content:"·";margin-right:8px;color:var(--ink-mute)}.shp-breadcrumb a{color:var(--ink-soft);text-decoration:none}.shp-breadcrumb a:hover{color:var(--orange, #FF5F33)}.shp-head{margin-bottom:22px}.shp-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.shp-kicker{display:inline-flex;align-items:center;gap:8px;font:700 11px/1 var(--font-mono);color:var(--orange, #FF5F33);text-transform:uppercase;letter-spacing:.11em;margin-bottom:11px}.shp-star{width:12px;height:12px;background:var(--orange, #FF5F33);-webkit-mask:var(--corp-star) center/contain no-repeat;mask:var(--corp-star) center/contain no-repeat}.shp-head h1{margin:0 0 9px;font:700 clamp(30px,4vw,42px)/1.05 var(--font-display, Georgia, serif);letter-spacing:-.02em;color:var(--ink)}.shp-lede{margin:0;font:15px/1.5 var(--font-ui);color:var(--ink-soft);max-width:60ch}.shp-head-act{display:flex;gap:10px;flex-shrink:0}.shp-hbtn{padding:10px 16px;border-radius:10px;border:1px solid var(--line);background:var(--surface, #fff);font:600 13px var(--font-ui);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}.shp-hbtn:hover{border-color:var(--orange, #FF5F33);color:var(--orange, #FF5F33)}.shp-hbtn-primary{background:var(--orange, #FF5F33);border-color:var(--orange, #FF5F33);color:#fff}.shp-hbtn-primary:hover{background:#e54e26;border-color:#e54e26;color:#fff}.shp-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.shp-chip{font:12.5px var(--font-ui);color:var(--ink-soft);background:var(--surface-2, #F4F4F2);border:1px solid var(--line);border-radius:999px;padding:6px 13px}.shp-chip b{color:var(--ink);font-weight:700}.shp-tabs{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:4px 0 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.shp-tabs-l{display:flex;gap:4px}.shp-tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 4px 12px;margin-right:18px;font:600 14.5px var(--font-ui);color:var(--ink-mute);cursor:pointer;display:inline-flex;align-items:center;gap:7px}.shp-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange, #FF5F33)}.shp-tab-n{font:600 11.5px var(--font-mono);color:var(--ink-mute);background:var(--surface-2, #F1EFE8);border-radius:999px;padding:2px 7px}.shp-tab[aria-selected=true] .shp-tab-n{background:#ff5f3321;color:#e54e26}.shp-sort{display:inline-flex;align-items:center;gap:8px;font:12.5px var(--font-ui);color:var(--ink-soft);padding-bottom:6px}.shp-sort select{font:13px var(--font-ui);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:var(--surface, #fff);cursor:pointer}.shp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(254px,1fr));gap:18px;margin-bottom:40px}.shc{display:flex;flex-direction:column;background:var(--surface, #FCFCFB);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}.shc:hover{transform:translateY(-2px);border-color:#ff5f3380;box-shadow:0 16px 34px -20px #ff5f3347}.shc-imglink{display:block}.shc-img{position:relative;aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:#121a2e;overflow:hidden}.shc-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.shc-img[data-mode=render] .shc-ph{display:none}.shc-ph{font:600 40px/1 var(--font-display, Georgia, serif);color:#ffffff38}.shc-tag{position:absolute;left:11px;top:11px;font:600 10.5px var(--font-mono);color:#fff;background:#121a2ebd;backdrop-filter:blur(4px);padding:4px 10px;border-radius:999px;letter-spacing:.03em}.shc-body{padding:14px 15px 8px;display:flex;flex-direction:column;gap:6px;flex:1}.shc-name{font:600 16px/1.25 var(--font-display);color:var(--ink);text-decoration:none}.shc-name:hover{color:var(--orange, #FF5F33)}.shc-specs{font:12.5px var(--font-ui);color:var(--ink-soft)}.shc-chips{display:flex;flex-wrap:wrap;gap:6px}.shc-chip{font:11.5px var(--font-ui);color:#0f6e56;background:#e1f5ee;border-radius:6px;padding:3px 8px}.shc-metro{font:12px var(--font-ui);color:var(--ink-soft);display:flex;align-items:center;gap:6px}.shc-dot{width:7px;height:7px;border-radius:50%;background:#2e7bd6;flex-shrink:0}.shc-price{display:flex;align-items:baseline;gap:7px;margin-top:auto;padding-top:6px;flex-wrap:wrap}.shc-from{font:11px var(--font-mono);color:var(--ink-mute);text-transform:uppercase}.shc-price strong{font:700 18px var(--font-display);color:var(--ink)}.shc-price span:not(.shc-from){font:11.5px var(--font-ui);color:var(--ink-mute)}.shc-price-soft a{font:13px var(--font-ui);color:var(--orange, #FF5F33);text-decoration:none}.shc-foot{display:flex;gap:8px;padding:8px 13px 13px}.shc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface, #fff);font:600 12px var(--font-ui);color:var(--ink-soft);cursor:pointer;transition:border-color .15s,color .15s}.shc-btn:hover{border-color:var(--orange, #FF5F33);color:var(--orange, #FF5F33)}.shc-rm:hover{border-color:#e54e26;color:#e54e26}.shp-empty{margin:24px auto 0}.shp-empty-card{text-align:center;max-width:560px;margin:0 auto;padding:40px 28px;border:1px dashed var(--line);border-radius:20px;background:var(--surface, #FCFCFB)}.shp-empty-ic{color:#ff5f336b;margin-bottom:14px}.shp-empty-card h2{margin:0 0 9px;font:600 23px var(--font-display);color:var(--ink)}.shp-empty-card p{margin:0 0 22px;font:14.5px/1.6 var(--font-ui);color:var(--ink-soft)}.shp-empty-card b{color:var(--orange, #FF5F33)}.shp-empty-act{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.shp-rec{margin-top:44px}.shp-rec-h{font:600 17px var(--font-display);color:var(--ink);margin:0 0 16px;text-align:center}.shp-rec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.shr{display:flex;flex-direction:column;background:var(--surface, #FCFCFB);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .15s,border-color .15s}.shr:hover{transform:translateY(-2px);border-color:#ff5f3380}.shr .shc-img{aspect-ratio:16/10}.shr-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:4px}.shr-name{font:600 14px/1.2 var(--font-display);color:var(--ink)}.shr-meta{font:11.5px var(--font-ui);color:var(--ink-soft)}.shr-price{font:700 14px var(--font-display);color:var(--ink);margin-top:2px}.shp-actions{border-radius:20px;padding:30px clamp(20px,3vw,36px);background:linear-gradient(135deg,#121a2e,#0c1122);border:1px solid rgba(176,188,240,.16)}.shp-actions-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.shp-act-l h2{margin:0 0 9px;font:700 23px var(--font-display);color:#fcfcfb}.shp-act-l p{margin:0;font:14px/1.55 var(--font-ui);color:#c6cfe2;max-width:52ch}.shp-act-r{display:flex;flex-direction:column;gap:10px;min-width:232px}.shp-act-soft{color:#fff;-webkit-text-fill-color:#fff;border-color:#ff5f3380;background:transparent}.shp-act-soft:hover{background:#ff5f3329;border-color:#ff5f33}@media(max-width:640px){.shp-head-act{width:100%}.shp-hbtn{flex:1}.shp-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.shp-actions-inner{flex-direction:column;align-items:stretch}.shp-act-r{min-width:0}.shc-foot{flex-direction:column}}