.kdpo-main{width:100%}.kdpo-stage{position:relative;overflow:hidden;padding:40px 0 34px;background-color:#f3faff;border-bottom:1px solid var(--kd-line)}.kdpo-flightpath{position:absolute;left:0;top:22px;width:100%;height:120px;pointer-events:none}.kdpo-flightpath path{fill:none;stroke:rgba(6,160,224,.35);stroke-width:2.5;stroke-dasharray:2 12;stroke-linecap:round}.kdpo-stage-inner{position:relative;z-index:1}.kdpo-bc-back{padding:0;border:0;background:none;font:inherit;color:var(--kd-ink-soft);cursor:pointer}.kdpo-bc-back:hover{color:var(--kd-sky-deep)}.kdpo-title{margin:14px 0 8px;font-family:var(--kd-font-display);font-weight:800;font-size:clamp(32px,4.4vw,60px);line-height:1;letter-spacing:-.03em;color:var(--kd-ink);overflow-wrap:anywhere}.kdpo-intro{max-width:60ch;margin:0 0 16px;font-size:16px;color:var(--kd-ink-soft)}.kdpo-pills{display:flex;flex-wrap:wrap;gap:8px}.kdpo-pill{gap:4px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--kd-indigo);box-shadow:0 4px 12px rgba(34,36,40,.06)}.kdpo-imgsearch,.kdpo-pill{display:inline-flex;align-items:center;border-radius:999px;background:var(--kd-white)}.kdpo-imgsearch{gap:12px;margin-top:16px;padding:8px 16px 8px 8px;box-shadow:0 4px 12px rgba(34,36,40,.08);font-size:14px;font-weight:600;color:var(--kd-ink)}.kdpo-imgsearch img,.kdpo-imgsearch-fallback{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--kd-mist);display:flex;align-items:center;justify-content:center}.kdpo-imgsearch a{font-size:13px;font-weight:700;color:#e5484d;white-space:nowrap}.kdpo-content{padding-top:24px;padding-bottom:20px}.kdpo-tabs-wrap{overflow:hidden;max-height:260px;transition:max-height .35s ease,opacity .25s ease}.kdpo-tabs-wrap.collapsed{max-height:0;opacity:0}.kdpo-subtabs,.kdpo-tabs{display:flex;gap:16px;overflow-x:auto;padding:16px 6px 12px;scrollbar-width:none}.kdpo-subtabs::-webkit-scrollbar,.kdpo-tabs::-webkit-scrollbar{display:none}.kdpo-subtab,.kdpo-tab{flex:0 0 auto;width:112px;padding:7px 7px 11px;border:0;border-radius:20px;background:var(--kd-white);box-shadow:0 2px 0 rgba(34,36,40,.06),0 8px 18px rgba(34,36,40,.08);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transform:rotate(var(--tilt,-1.5deg));transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .15s}.kdpo-subtab:nth-child(2n),.kdpo-tab:nth-child(2n){--tilt:1.5deg}.kdpo-subtab:hover,.kdpo-tab:hover{transform:rotate(0) translateY(-4px)}.kdpo-subtab.active,.kdpo-tab.active{transform:rotate(0);box-shadow:0 0 0 3px var(--kd-sky),0 8px 18px rgba(34,36,40,.1)}.kdpo-subtab-ring,.kdpo-tab-ring{width:100%;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--kd-mist)}.kdpo-tab-img{width:100%;height:100%;object-fit:cover}.kdpo-tab-name{font-size:12.5px;font-weight:700;line-height:1.25;color:var(--kd-ink);text-align:center}.kdpo-subtabs-wrap{display:none}.kdpo-subtabs-wrap.visible{display:block}.kdpo-subtab{width:96px}.kdpo-drill-header{display:none;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 8px}.kdpo-drill-header.visible{display:flex}.kdpo-back-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:2px solid var(--kd-ink);border-radius:999px;background:var(--kd-white);font-weight:700;font-size:14px;color:var(--kd-ink);cursor:pointer}.kdpo-back-btn:hover{background:var(--kd-ink);color:var(--kd-white)}.kdpo-drill-parent{display:flex;align-items:center;gap:10px}.kdpo-drill-parent-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid var(--kd-white);box-shadow:0 0 0 3px var(--kd-sky)}.kdpo-drill-parent-name{font-family:var(--kd-font-display);font-weight:800;font-size:18px;color:var(--kd-ink)}.kdpo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 22px}.kdpo-toolbar-count{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--kd-ink)}.kdpo-toolbar-more{padding:2px 10px;border-radius:999px;background:var(--kd-butter);font-size:12px;font-weight:700}.kdpo-toolbar-loading{color:var(--kd-ink-soft)}.kdpo-main select.kdpo-sort-select{height:44px!important;padding:0 40px 0 18px!important;border:2px solid var(--kd-ink)!important;border-radius:999px!important;background-color:var(--kd-white)!important;font-size:14px;font-weight:700;color:var(--kd-ink);cursor:pointer;width:auto!important}.kdpo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:34px 20px;gap:34px 20px;padding-top:10px}.kdpo-card{--tint:#d7effb;display:flex;flex-direction:column;gap:12px;min-width:0;color:var(--kd-ink)}.kdpo-card:nth-child(5n+2){--tint:#fff1c7}.kdpo-card:nth-child(5n+3){--tint:#e7e5fb}.kdpo-card:nth-child(5n+4){--tint:#dff5ea}.kdpo-card:nth-child(5n+5){--tint:#ffe4da}.kdpo-card:hover{color:var(--kd-ink)}.kdpo-frame{position:relative;padding:10px;border-radius:26px;background:var(--tint);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.kdpo-frame:before{content:"";position:absolute;inset:4px;border-radius:22px;border:2px dashed hsla(0,0%,100%,.95);pointer-events:none}.kdpo-media{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:var(--kd-white)}.kdpo-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.kdpo-img-fallback{height:100%;font-size:32px}.kdpo-img-fallback,.kdpo-wish-btn{display:flex;align-items:center;justify-content:center}.kdpo-wish-btn{position:absolute;top:8px;right:8px;width:34px;height:34px;border:0;border-radius:50%;background:hsla(0,0%,100%,.92);color:var(--kd-ink);cursor:pointer;transition:transform .2s}.kdpo-wish-btn:hover{transform:scale(1.12)}.kdpo-tag{position:absolute;left:-6px;bottom:18px;display:inline-flex;align-items:center;gap:2px;padding:6px 12px 6px 20px;background:var(--kd-white);color:var(--kd-indigo);font-size:12px;font-weight:700;-webkit-clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);filter:drop-shadow(0 2px 3px rgba(34,36,40,.15));transform:rotate(-4deg);z-index:2}.kdpo-tag-hole{position:absolute;left:8px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--tint)}.kdpo-body{flex:1 1;display:flex;flex-direction:column;gap:7px;padding:0 6px}.kdpo-name{margin:0;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.8em}.kdpo-meta-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--kd-ink-soft)}.kdpo-stars{display:flex;gap:1px}.kdpo-badge-row{display:flex;flex-wrap:wrap;gap:4px}.kdpo-badge-tag{position:relative;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;color:var(--badge);isolation:isolate}.kdpo-badge-tag:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--badge);opacity:.13;z-index:-1}.kdpo-moq{padding:3px 9px;border-radius:999px;background:var(--kd-mist);font-size:11px;font-weight:600;color:var(--kd-ink-soft)}.kdpo-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.kdpo-price{font-family:var(--kd-font-display);font-weight:800;font-size:18px}.kdpo-price small{font-family:var(--kd-font-body);font-weight:600;font-size:12px}.kdpo-price small,.kdpo-price--empty{color:var(--kd-ink-soft)}.kdpo-btn{flex-shrink:0;padding:9px 14px;border-radius:14px;background:var(--kd-sky);color:var(--kd-white);font-size:13px;font-weight:700;transition:background .15s,transform .3s cubic-bezier(.34,1.56,.64,1)}@media (hover:hover){.kdpo-card:hover .kdpo-frame{transform:translateY(-5px) rotate(-1deg)}.kdpo-card:hover .kdpo-img{transform:scale(1.04)}.kdpo-card:hover .kdpo-tag{animation:kdpo-tag-swing .6s ease}.kdpo-card:hover .kdpo-btn{background:var(--kd-indigo);transform:scale(1.05) rotate(-3deg)}}@keyframes kdpo-tag-swing{0%,to{transform:rotate(-4deg)}35%{transform:rotate(-12deg)}70%{transform:rotate(2deg)}}.kdpo-skel{aspect-ratio:1/1.5;border-radius:26px;background:linear-gradient(100deg,var(--kd-mist) 40%,#f7fbfe 50%,var(--kd-mist) 60%);background-size:200% 100%;animation:kd-shimmer 1.4s linear infinite}.kdpo-end-msg,.kdpo-load-more{display:flex;align-items:center;justify-content:center;gap:10px;margin:32px 0 8px;font-size:14px;font-weight:600;color:var(--kd-ink-soft)}.kdpo-end-msg{padding:10px 18px;border-radius:999px;background:#dff5ea;color:#1a9e6c;width:max-content;margin-left:auto;margin-right:auto}.kdpo-spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--kd-mist);border-top-color:var(--kd-sky);animation:kd-spin .8s linear infinite}@media (max-width:575px){.kdpo-stage{padding:32px 0 26px}.kdpo-stage .kd-doodle:nth-child(2n){display:none}.kdpo-tab{width:92px}.kdpo-subtab{width:82px}.kdpo-toolbar{flex-wrap:wrap}.kdpo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.kdpo-frame{padding:8px;border-radius:22px}.kdpo-frame:before{inset:3px;border-radius:19px}.kdpo-footer{flex-direction:column;align-items:flex-start}.kdpo-btn{align-self:stretch;text-align:center}.kdpo-price{font-size:15px}}