/* Module-scoped catalog and isolated preview; no template or platform overrides */
.website-main{padding:32px 4vw 48px;max-width:2400px;margin:auto}.website-intro{margin:0 0 28px}.website-intro .back-link{font-size:13px}.website-intro>div{display:flex;align-items:baseline;gap:24px;margin:18px 0 10px}.website-intro h1{font-size:30px;line-height:1.35;font-weight:500;letter-spacing:0;margin:0}.website-intro p{margin:0;font-size:15px;color:var(--muted)}.catalog-hint{font-size:12px;color:var(--muted)}.website-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px}.website-card{min-width:0;scroll-margin-top:95px}.website-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.website-card h2{font-size:19px;font-weight:600;margin:0;line-height:1.4}.website-card .person{font-size:12px;color:var(--muted)}.site-window{height:clamp(410px,39vw,670px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line-strong);scrollbar-width:thin;scrollbar-color:#aaa1b5 #eeeaf2}.window-image{padding:0;margin:0;border:0;display:block;width:100%;background:none;cursor:zoom-in}.window-image img{display:block;width:100%;height:auto}.website-card-foot{padding-top:15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.website-card-foot p{font-size:13px;color:var(--muted);margin:0 0 8px}.mini-swatches{display:flex;gap:6px}.mini-swatches i{width:17px;height:17px;border-radius:50%;border:1px solid #00000015;display:block}.card-actions{display:flex;gap:8px;flex-wrap:wrap}.wt-button{font:500 13px/1.3 PuHui,"Microsoft YaHei",sans-serif;border:1px solid var(--line-strong,#b7b2bf);background:transparent;color:var(--ink,#201c29);border-radius:4px;padding:11px 13px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;white-space:nowrap}.website-catalog a.wt-primary,.wt-button.wt-primary{background:var(--violet,#6e43af);border-color:var(--violet,#6e43af);color:#fff}.wt-button:hover{background:#ffffff88}.wt-button.wt-primary:hover{background:#5c3794}.wt-button:disabled{opacity:.55;cursor:wait}.wt-button:focus-visible,.window-image:focus-visible,select:focus-visible{outline:3px solid #967dbc;outline-offset:3px}.catalog-footnote{font-size:12px;color:var(--muted);margin:36px 0 0}.site-dialog{width:calc(100vw - 40px);max-width:none;height:calc(100dvh - 32px);max-height:none;padding:0;border:1px solid var(--line-strong);border-radius:8px;background:#f5f2f8;color:#201c29;overflow:hidden}.site-dialog[open]{display:flex;flex-direction:column}.site-dialog::backdrop{background:#1d152e9e;backdrop-filter:blur(7px)}.site-dialog-head{display:flex;align-items:center;gap:22px;flex:none;height:58px;padding:0 20px;border-bottom:1px solid #dcd6e3}.site-dialog-head h2{font-size:16px;font-weight:600;margin:0}.site-dialog-head span{font-size:12px;color:#736b7c}.close-button{margin-left:auto;width:40px;height:40px;font-size:27px;border:0;background:none;color:inherit;cursor:pointer}.site-preview-bar{min-height:58px;flex:none;padding:8px 20px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #dcd6e3}.site-preview-bar label{display:flex;align-items:center;gap:10px;font-size:12px}.site-preview-bar select{font:inherit;font-size:13px;min-height:38px;border:1px solid #c9c1d1;border-radius:4px;padding:6px;background:#fff;color:#282130}.device-toggle{display:flex;border:1px solid #c9c1d1;border-radius:5px;padding:3px;gap:3px}.device-toggle button{font:inherit;font-size:12px;min-height:32px;padding:5px 10px;background:none;border:0;border-radius:3px;color:inherit;cursor:pointer}.device-toggle button[aria-pressed=true]{background:#e4d9f1;color:#5f388d}.preview-actions{display:flex;gap:8px;margin-left:auto}.preview-viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#dedbe1}.preview-viewport iframe{position:absolute;top:0;left:0;border:0;background:white;transform-origin:top left;display:block}.frame-message{position:absolute;inset:0;display:grid;place-items:center;background:#f4f0f8;z-index:1;font-size:14px;margin:0}.frame-message:empty{display:none}.website-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#282130;color:white;padding:12px 20px;font-size:13px;max-width:92vw;border-radius:6px;z-index:100;opacity:0;pointer-events:none}.website-toast.show{opacity:1}
body.website-catalog{position:relative;background-attachment:scroll;background-size:100% 100%}body.website-catalog::after{position:absolute;inset:0}.website-main{position:relative;z-index:1}.site-window{position:relative;isolation:isolate}.website-catalog::after{z-index:0!important}
@media(min-width:1900px){.website-card h2{font-size:22px}.website-card-foot{padding-top:20px}.wt-button{padding:12px 18px}}
@media(max-width:900px){.website-grid{gap:30px 18px}.website-card-foot{display:block}.card-actions{margin-top:14px}.wt-button{padding:10px}.website-card-head{align-items:start}.website-card .person{white-space:nowrap}.site-window{height:410px}.website-card h2{font-size:17px}}
@media(max-width:650px){.website-main{padding:22px 18px 32px}.website-intro>div{display:block}.website-intro h1{font-size:25px;margin:18px 0 8px}.website-intro p{font-size:14px}.website-grid{grid-template-columns:1fr;gap:32px}.site-window{height:430px}.website-card-head{align-items:center}.website-card h2{font-size:18px}.card-actions .wt-button{flex:1}.site-dialog{width:100vw;height:100dvh;border:0;border-radius:0;max-height:100dvh}.site-dialog-head{height:50px;padding:0 12px}.site-dialog-head span{display:none}.site-preview-bar{padding:8px 12px;gap:8px;flex-wrap:wrap}.site-preview-bar label{gap:6px;flex:1}.site-preview-bar select{max-width:128px}.preview-actions{width:100%;margin:0}.preview-actions>*{flex:1}.catalog-footnote{line-height:1.8}}
@media(prefers-reduced-motion:reduce){.website-catalog *{scroll-behavior:auto!important}}