@layer components{[data-site=ws] .sc{--sc-bg:var(--ws-ivory);--sc-bg2:var(--ws-ivory-2);--sc-paper:var(--ws-paper);--sc-ink:var(--ws-ink);--sc-ink2:var(--ws-ink-2);--sc-muted:var(--ws-muted);--sc-line:var(--ws-line);--sc-dark:var(--ws-noir);--sc-accent:var(--ws-wine);--sc-accent2:var(--ws-wine-2);--sc-gold:var(--ws-gold);--sc-r:var(--ws-radius);--sc-rs:var(--ws-radius-sm);--sc-shadow:var(--ws-shadow);--sc-serif:var(--ws-font-display,Georgia, serif)}[data-site=cb] .sc{--sc-bg:var(--cb-cream);--sc-bg2:var(--cb-cream-2);--sc-paper:var(--cb-paper);--sc-ink:var(--cb-ink);--sc-ink2:var(--cb-ink-2);--sc-muted:var(--cb-muted);--sc-line:var(--cb-line);--sc-dark:var(--cb-espresso);--sc-accent:var(--cb-caramel);--sc-accent2:var(--cb-caramel-2);--sc-gold:var(--cb-crumb);--sc-r:var(--cb-radius);--sc-rs:var(--cb-radius-sm);--sc-shadow:var(--cb-shadow);--sc-serif:var(--cb-font-display,Georgia, serif)}.sc .sc-stats{color:var(--sc-ink2);flex-wrap:wrap;gap:18px;margin-top:14px;font-size:14px;display:flex}.sc .sc-stats b{color:var(--sc-ink);font-size:22px;font-family:var(--sc-serif);margin-right:4px}.sc .sc-tool{top:var(--sc-header-h,99px);z-index:10;background:var(--sc-bg);border-bottom:1px solid var(--sc-line);margin-bottom:4px;padding:12px 0;position:sticky}.sc .sc-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sc .sc-row+.sc-row{margin-top:8px}.sc .sc-seg{border:1px solid var(--sc-line);background:#fff;border-radius:999px;padding:3px;display:inline-flex}.sc .sc-seg button{color:var(--sc-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:700}.sc .sc-seg button[data-on=true]{background:var(--sc-dark);color:#fff}.sc .sc-search{border:1.5px solid var(--sc-line);background:#fff;border-radius:999px;flex:1;align-items:center;gap:8px;min-width:180px;padding:6px 14px;font-size:14px;display:flex}.sc .sc-search input{font:inherit;color:var(--sc-ink);background:0 0;border:0;outline:0;flex:1;min-width:0}.sc .sc-chip{border:1px solid var(--sc-line);color:var(--sc-ink2);white-space:nowrap;cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.sc .sc-chip[data-on=true]{background:var(--sc-accent);border-color:var(--sc-accent);color:#fff}.sc .sc-chip.f{background:var(--sc-paper)}.sc .sc-chip.f[data-on=true]{background:var(--sc-gold);border-color:var(--sc-gold);color:var(--sc-dark)}.sc .sc-scrollx{scrollbar-width:none;flex-wrap:nowrap;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.sc .sc-scrollx::-webkit-scrollbar{display:none}.sc .sc-sort{color:var(--sc-ink2);margin-left:auto;font-size:13px}.sc .sc-sort select{font:inherit;color:inherit;background:0 0;border:0}.sc .sc-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px 0 24px;display:grid}@media (min-width:640px){.sc .sc-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:960px){.sc .sc-grid{grid-template-columns:repeat(4,1fr)}}.sc .sc-grid.in{padding:0}@media (min-width:960px){.sc .sc-grid.in{grid-template-columns:repeat(3,1fr)}}.sc .sc-card{background:var(--sc-paper);border:1px solid var(--sc-line);border-radius:var(--sc-r);transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.sc .sc-card:hover{box-shadow:var(--sc-shadow);transform:translateY(-2px)}.sc .sc-ph{aspect-ratio:1;background:var(--sc-bg2) center/cover;cursor:pointer;color:var(--sc-muted);place-items:center;font-size:12px;display:grid;position:relative}.sc .sc-flags{gap:4px;display:flex;position:absolute;top:8px;left:8px}.sc .sc-flag{color:var(--sc-dark);background:#ffffffeb;border-radius:8px;padding:3px 7px;font-size:11px;font-weight:800}.sc .sc-flag.new,.sc .sc-flag.expo{background:var(--sc-gold)}.sc .sc-heart{cursor:pointer;width:34px;height:34px;color:var(--sc-ink2);background:#ffffffeb;border:0;border-radius:50%;place-items:center;font-size:17px;display:grid;position:absolute;top:8px;right:8px}.sc .sc-heart[data-on=true]{color:var(--sc-accent)}.sc .sc-cb{padding:11px 12px 13px}.sc .sc-n{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.sc .sc-bl{color:var(--sc-muted);align-items:center;gap:6px;min-width:0;margin-top:5px;font-size:12.5px;display:flex}.sc .sc-bl>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc .sc-bl i{background:var(--sc-accent) center/cover;border-radius:4px;flex-shrink:0;width:16px;height:16px;display:inline-block}.sc .sc-bn{color:var(--sc-ink2);background:var(--sc-bg2);border-radius:6px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-weight:800}.sc .sc-price{color:var(--sc-ink2);margin-top:4px;font-size:13px}.sc .sc-bcard{background:var(--sc-paper);border:1px solid var(--sc-line);border-radius:var(--sc-r);color:inherit;padding:14px;display:block}.sc .sc-bcard:hover{box-shadow:var(--sc-shadow)}.sc .sc-bcard .h{align-items:center;gap:10px;display:flex}.sc .sc-lg{background:var(--sc-bg2) center/cover;width:44px;height:44px;color:var(--sc-accent2);border-radius:12px;flex-shrink:0;place-items:center;font-weight:900;display:grid}.sc .sc-bcard .nm{font-weight:800}.sc .sc-bcard .sub{color:var(--sc-muted);font-size:12.5px}.sc .sc-strip{gap:4px;margin-top:10px;display:flex}.sc .sc-strip span{aspect-ratio:1;background:var(--sc-bg2) center/cover;border-radius:8px;flex:1}.sc .sc-course{background:var(--sc-dark);color:#fff;z-index:30;white-space:nowrap;border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:8px 10px 8px 18px;font-size:14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -10px #00000080}.sc .sc-course b{color:var(--sc-gold)}.sc .sc-course .route{opacity:.8;text-overflow:ellipsis;overflow:hidden}.sc .sc-course button{background:var(--sc-gold);color:var(--sc-dark);cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:800}.sc-ov{z-index:60;background:#140a0c8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (min-width:720px){.sc-ov{align-items:center;padding:20px}}.sc-ov .sc-sheet{background:var(--sc-paper);color:var(--sc-ink);border-radius:22px 22px 0 0;width:100%;max-width:720px;max-height:92vh;overflow:auto}@media (min-width:720px){.sc-ov .sc-sheet{border-radius:22px}}.sc-ov .img{aspect-ratio:16/10;background:var(--sc-bg2) center/cover}.sc-ov .bd{padding:20px}.sc-ov h2{margin:0 0 4px;font-size:22px}.sc-ov .tags{flex-wrap:wrap;gap:6px;margin:8px 0 12px;display:flex}.sc-ov .tag{background:var(--sc-bg2);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}.sc-ov .tag.g{background:var(--sc-gold)}.sc-ov .kv{grid-template-columns:90px 1fr;gap:6px 12px;margin:12px 0;font-size:14px;display:grid}.sc-ov .kv dt{color:var(--sc-muted)}.sc-ov .kv dd{margin:0}.sc-ov .mini{gap:8px;margin-top:12px;display:flex}.sc-ov .mini div{aspect-ratio:1;background:var(--sc-bg2) center/cover;cursor:pointer;border-radius:10px;width:64px}.sc-ov .close{cursor:pointer;background:#ffffffe6;border:0;border-radius:50%;width:36px;height:36px;font-size:18px;position:absolute;top:12px;right:12px}.sc .sc-btn{border:1.5px solid var(--sc-ink);color:var(--sc-ink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.sc .sc-btn.p{background:var(--sc-accent);border-color:var(--sc-accent);color:#fff}.sc .sc-hero{aspect-ratio:21/8;background:var(--sc-dark) center/cover;border-radius:var(--sc-r);min-height:220px;margin-top:18px;position:relative;overflow:hidden}.sc .sc-hero:after{content:"";background:linear-gradient(#0000 40%,#140a0cd9);position:absolute;inset:0}.sc .sc-hero .t{color:#fff;z-index:1;flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.sc .sc-hero .lg{width:64px;height:64px;color:var(--sc-accent);background:#fff 50%/cover;border-radius:16px;place-items:center;font-size:22px;font-weight:900;display:grid}[data-site] .sc .sc-hero h1{font-size:clamp(24px,3.5vw,34px);font-family:var(--sc-serif);color:#fff;margin:0}[data-site] .sc-ov h2{color:var(--sc-ink)}.sc .sc-hero .tg{opacity:.9;font-size:15px}.sc .sc-hero .bno{background:var(--sc-gold);color:var(--sc-dark);border-radius:12px;margin-left:auto;padding:8px 14px;font-size:15px;font-weight:900}.sc .sc-act{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.sc .sc-act .a{background:var(--sc-paper);border:1px solid var(--sc-line);border-radius:var(--sc-rs);align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.sc .sc-act .a b{color:var(--sc-muted);font-size:12px;font-weight:600;display:block}.sc .sc-cols{gap:24px;margin:24px 0 40px;display:grid}@media (min-width:900px){.sc .sc-cols{grid-template-columns:2fr 1fr}}.sc .sc-side{align-content:start;gap:12px;display:grid}.sc .sc-box{background:var(--sc-paper);border:1px solid var(--sc-line);border-radius:var(--sc-r);padding:16px}.sc .sc-box h4{letter-spacing:.15em;color:var(--sc-accent);margin:0 0 8px;font-size:12px}.sc h3.sc-sec{font-size:20px;font-family:var(--sc-serif);margin:22px 0 10px}.sc .sc-empty{text-align:center;color:var(--sc-muted);grid-column:1/-1;padding:50px 0}.sc .sc-car{scrollbar-width:none;gap:14px;padding:6px 0 18px;display:flex;overflow-x:auto}.sc .sc-car::-webkit-scrollbar{display:none}.sc .sc-car .sc-card{flex:0 0 200px}.sc .sc-sample{background:var(--sc-gold);color:var(--sc-dark);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:700}}