:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#292d29;background:#f4f2ec;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:3px solid #4b6850;outline-offset:5px}h1,h2,h3,p{margin:0}.skip{position:fixed;top:-80px;left:20px;background:#244c3c;color:#fff;padding:14px;z-index:20}.skip:focus{top:12px}.gallery-header{max-width:1460px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:34px 56px;border-bottom:1px solid #dadbd2}.gallery-brand{display:flex;gap:12px;align-items:center;font-weight:750;font-size:25px}.logo-mark{width:43px;height:43px;display:grid;place-items:center;background:#244c3c;color:#d5f091;border-radius:13px;transform:rotate(-6deg);font-size:27px;font-weight:800}.brand-dot{color:#8baf47}.gallery-brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:3px}.back-link{font-size:12px;border-bottom:1px solid #b2b7a8;padding:10px 0}.gallery-intro,.collection,.live-preview,.gallery-end{max-width:1348px;margin:auto}.gallery-intro{display:flex;justify-content:space-between;gap:40px;padding:78px 0 76px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.8;color:#747a6c}.gallery-intro h1{font-size:clamp(40px,5vw,72px);letter-spacing:-3px;line-height:1.2;margin:23px 0 26px;font-weight:650}.gallery-intro h1 span{color:#5a754e}.intro-copy{font-size:15px;line-height:1.9;color:#7b8174}.intro-side{width:250px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #d8dacd;padding-left:36px}.edition{font-size:10px;color:#858a7c;letter-spacing:2px}.edition strong{display:block;font-family:Georgia,serif;font-size:126px;line-height:1.1;font-weight:400;letter-spacing:-8px;color:#293d2e}.intro-note{font-size:11px;line-height:2.1;color:#7b8371}.note-dot{display:inline-block;width:6px;height:6px;background:#79a04d;border-radius:50%;margin-right:7px}.explore-link{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid #d8dacd;padding-top:19px}.explore-link span{font-size:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;padding-top:32px;border-top:1px solid #d8dacd}.section-heading h2{font-size:27px;letter-spacing:-.8px;margin-top:9px;font-weight:650}.section-heading>p{font-size:12px;color:#858b7a}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 25px}.theme-card{padding:0;border:0;background:none;text-align:left;min-width:0}.theme-image{position:relative;border:1px solid #d8dacd;overflow:hidden;border-radius:10px;background:var(--card-background,#e4e9dc);aspect-ratio:1.36;transition:transform .2s,box-shadow .2s}.theme-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.theme-card:hover .theme-image{transform:translateY(-4px);box-shadow:0 18px 28px #202a2514}.theme-card[aria-pressed=true] .theme-image{outline:3px solid #244c3c;outline-offset:4px}.theme-number{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;min-width:34px;height:30px;padding:0 7px;background:#fffffff0;border:1px solid #ffffff6b;backdrop-filter:blur(8px);border-radius:5px;color:#343c34;font-size:11px;box-shadow:0 1px 8px #0001}.theme-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:17px 0 8px}.theme-meta h3{font-size:17px;font-weight:650;letter-spacing:-.2px}.theme-swatches{display:flex;gap:4px}.theme-swatches i{width:13px;height:13px;border-radius:50%;border:1px solid #00000014;background:var(--swatch)}.theme-subtitle{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#888d7f}.theme-subtitle span:first-child{letter-spacing:.9px}.theme-card:last-child{grid-column:2}.live-preview{margin-top:86px;padding-top:34px;border-top:1px solid #d8dacd;scroll-margin-top:24px}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.preview-top h2{font-size:31px;margin-top:8px;letter-spacing:-.8px}.preview-actions{display:flex;gap:14px;align-items:center}.device-toggle{display:flex;gap:3px;border:1px solid #d6dace;border-radius:9px;padding:4px}.device-toggle button{border:0;background:transparent;color:#7d8573;padding:10px 19px;font-size:12px;border-radius:5px;min-height:40px}.device-toggle button[aria-pressed=true]{background:#fff;color:#2f4132;box-shadow:0 2px 5px #344e3010}.apply-button{display:inline-flex;align-items:center;justify-content:center;background:#244c3c;color:#fff;border-radius:8px;padding:15px 22px;font-size:12px;min-height:47px}.apply-button:hover{background:#193c2c}.preview-info{display:flex;justify-content:space-between;gap:24px;margin:23px 0 25px;align-items:start}.preview-info>p{max-width:580px;font-size:13px;color:#77836c;line-height:1.9}.preview-tags{display:flex;flex-wrap:wrap;gap:7px}.preview-tags span{border:1px solid #d5dacc;border-radius:30px;padding:7px 10px;color:#7c8472;font-size:10px;white-space:nowrap}.preview-stage{background:#e4e7dd;padding:28px;border:1px solid #d5dacf;border-radius:14px;display:flex;justify-content:center;overflow:hidden}.device-frame{width:100%;min-width:0;border:1px solid #d8ded2;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 15px 45px #27392814}.frame-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 17px;background:#fdfcf8;border-bottom:1px solid #e2e5dc;font-size:8px;color:#909683;letter-spacing:1.3px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d8ddce}.frame-chrome>span:last-child{font-size:9px;letter-spacing:0}.device-frame iframe{display:block;width:100%;height:850px;border:0;background:#fff}.device-frame.mobile{width:390px;border:7px solid #333a32;border-radius:30px;box-shadow:0 18px 50px #27392828}.device-frame.mobile .frame-chrome{font-size:7px;padding:10px;letter-spacing:.5px}.device-frame.mobile .frame-chrome>span:nth-child(2){display:none}.device-frame.mobile iframe{height:780px}.preview-note{font-size:11px;line-height:1.8;color:#87907d;margin-top:16px}.gallery-end{text-align:center;padding:95px 0 100px}.gallery-end h2{font-family:Georgia,"Songti SC",SimSun,serif;font-size:40px;font-weight:400;line-height:1.4;margin:16px 0 29px;letter-spacing:-1px}.end-button{font-size:13px;display:inline-flex;border-bottom:1px solid #b0b8a7;padding-bottom:10px}.gallery-footer{padding:30px 56px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d6dacd;font-size:9px;color:#8b947f;letter-spacing:1px}
@media(max-width:1460px){.gallery-intro,.collection,.live-preview,.gallery-end{margin-left:56px;margin-right:56px}}
@media(max-width:1000px){.gallery-intro h1{font-size:54px}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card:last-child{grid-column:auto}.intro-side{width:190px}.preview-info{flex-direction:column;gap:12px}.preview-top{align-items:start}.preview-actions{flex-wrap:wrap;justify-content:flex-end}.gallery-intro,.collection,.live-preview,.gallery-end{margin-left:32px;margin-right:32px}.gallery-header{padding:28px 32px}.preview-stage{padding:14px}.gallery-footer{padding:25px 32px;flex-wrap:wrap}}
@media(max-width:620px){.gallery-header{padding:21px 20px}.gallery-brand{font-size:22px}.logo-mark{width:36px;height:36px;font-size:24px}.back-link{font-size:11px}.gallery-intro,.collection,.live-preview,.gallery-end{margin-left:20px;margin-right:20px}.gallery-intro{padding-top:44px;padding-bottom:44px;gap:20px;display:block}.gallery-intro h1{font-size:44px;letter-spacing:-2px;margin-top:17px}.gallery-intro .eyebrow{font-size:8px;letter-spacing:.6px}.intro-copy{font-size:13px}.intro-side{width:100%;margin-top:29px;padding:18px 0 0;border-left:0;border-top:1px solid #d8dacd;display:flex;flex-direction:row;align-items:center;gap:15px}.edition{font-size:8px}.edition strong{font-size:49px;letter-spacing:-3px}.intro-note{font-size:9px}.explore-link{border:0;gap:14px;padding:0;font-size:10px}.theme-grid{gap:24px 14px}.theme-image{border-radius:6px}.theme-meta{margin-top:12px}.theme-meta h3{font-size:14px}.theme-swatches{gap:3px}.theme-swatches i{width:9px;height:9px}.theme-subtitle{font-size:8px;flex-direction:column;gap:4px}.theme-number{right:7px;bottom:7px;height:23px;min-width:27px;font-size:9px}.section-heading{padding-top:25px;margin-bottom:20px}.section-heading h2{font-size:22px}.section-heading>p{font-size:10px}.live-preview{margin-top:51px;scroll-margin-top:16px}.preview-top{flex-direction:column;gap:18px}.preview-top h2{font-size:28px}.preview-actions{width:100%;justify-content:space-between;gap:8px}.device-toggle button{padding:9px 14px;min-height:40px;font-size:11px}.apply-button{padding:13px 17px;font-size:11px}.preview-info{margin:18px 0}.preview-info>p{font-size:12px}.preview-tags span{font-size:9px;padding:6px 8px}.preview-stage{padding:8px;border-radius:10px}.frame-chrome>span:nth-child(2){display:none}.device-frame iframe{height:750px}.device-frame.mobile{border-width:4px;border-radius:20px;max-width:100%}.device-frame.mobile iframe{height:750px}.preview-note{font-size:10px}.gallery-end{padding:66px 0}.gallery-end h2{font-size:29px}.gallery-footer{padding:25px 20px;font-size:8px;letter-spacing:.5px}.gallery-footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.theme-image{transition:none}.theme-card:hover .theme-image{transform:none}}
.device-frame:not(.mobile) iframe{width:1180px;height:850px;transform:scale(var(--preview-scale,1));transform-origin:top left;margin-bottom:calc(850px * var(--preview-scale,1) - 850px)}