:root{--orange:#d25617;--orange-dark:#b6400d;--text-primary:#191919;--text-secondary:#77706b;--background:#fff;--surface:#faf9f7;--border:#ebe7e3;--radius-sm:12px;--radius-md:16px;--radius-lg:18px;--shadow-soft:0 3px 14px rgba(37,22,12,.035);--nav-height:68px}*{box-sizing:border-box}body,html{background:var(--background)}body{margin:0;color:var(--text-primary);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.app-shell{min-height:100svh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 16px)}.site-header{height:64px;width:min(100%,760px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid hsla(30,17%,91%,.62);background:hsla(0,0%,100%,.96);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand-button{border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center}.brand-image{display:block;width:104px;height:auto;object-fit:contain}.language-switch{display:inline-flex;align-items:center;gap:6px;color:#b2aaa4;font-size:13px;letter-spacing:.05em}.language-switch button{border:0;padding:8px 3px;background:none;cursor:pointer;color:#aaa29c;font-size:13px}.language-switch button.active{color:var(--orange);font-weight:700}.page-main{width:min(100%,760px);margin:0 auto;padding:16px 18px 28px}.page-intro{padding:5px 2px 12px}.eyebrow{color:var(--orange);font-size:10px;letter-spacing:.14em;margin:0 0 9px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:30px;line-height:1.12;letter-spacing:-.04em}.intro-copy{margin:10px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.7}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px 12px;gap:14px 12px}.collection-card{display:block;width:100%;min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;padding:0;background:var(--surface);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,box-shadow .18s ease;touch-action:manipulation}.collection-card:active{transform:scale(.985)}.collection-image-wrap{display:block;position:relative;aspect-ratio:1.25/1;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;background:#f6f4f2}.collection-image{width:100%;height:100%;object-fit:cover;display:block}.collection-arrow{position:absolute;right:9px;bottom:8px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:var(--orange);background:hsla(0,0%,100%,.96);border:1px solid rgba(210,86,23,.8);pointer-events:none}.collection-copy{display:block;padding:10px 12px 12px}.collection-name{display:block;color:#37322f;font-weight:600;font-size:14px;line-height:1.3}.collection-subtitle{display:none}.back-button{display:inline-flex;align-items:center;gap:7px;color:#5d5752;background:none;border:0;padding:6px 0;margin:-5px 0 10px;cursor:pointer;font-size:13px}.collection-view>.back-button{position:-webkit-sticky;position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:9;display:flex;width:100%;padding:8px 0;margin:-5px 0 10px;background:hsla(0,0%,100%,.95);border-bottom:1px solid hsla(30,17%,91%,.72);box-shadow:0 3px 10px rgba(37,22,12,.035);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.collection-banner{position:relative;height:clamp(82px,24vw,104px);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background-color:#f3f1ef;background-size:cover;background-position:50%;display:flex;align-items:center;margin:0 0 14px;box-shadow:var(--shadow-soft)}.collection-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,hsla(40,18%,97%,.94),hsla(40,18%,97%,.78) 44%,hsla(40,18%,97%,.46))}.collection-banner-content{position:relative;z-index:1;width:100%;padding:12px 16px;color:#2f2a27}.banner-eyebrow{color:hsla(0,0%,100%,.82);font-size:10px;letter-spacing:.15em;margin:0 0 8px;font-weight:700}.collection-banner h1{color:#2f2a27;font-size:21px;letter-spacing:-.04em}.banner-count{color:hsla(0,0%,100%,.82);font-size:12px;margin:8px 0 0}.design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:17px 12px;gap:17px 12px}.design-card{position:relative;min-width:0;border-radius:var(--radius-sm);background:var(--background);overflow:hidden;box-shadow:var(--shadow-soft)}.design-image-button{display:block;width:100%;border:0;padding:0;border-radius:var(--radius-sm);overflow:hidden;background:#f7f6f4;cursor:pointer}.design-image{width:100%;aspect-ratio:1/1;object-fit:contain;display:block;padding:4px}.favorite-button,.remove-button{position:absolute;top:9px;width:34px;height:34px;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:hsla(0,0%,100%,.94);color:#191919;box-shadow:0 2px 7px rgba(0,0,0,.07);touch-action:manipulation}.favorite-button{right:9px}.favorite-button.selected{color:var(--orange)}.remove-button{right:9px;color:#625b56;font-size:22px;line-height:1}.selection-grid .favorite-button{display:none}.selection-grid .remove-button{display:grid}.design-meta{padding:8px 2px 1px;min-height:43px}.design-code{display:block;color:#514a45;font-size:11px;font-weight:600;letter-spacing:.02em}.design-title{display:block;color:#9a928c;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-view{padding-bottom:24px}.detail-image-wrap{width:100%;height:min(45svh,360px);min-height:260px;background:#f7f6f4;border-radius:var(--radius-md);overflow:hidden;display:flex;justify-content:center}.detail-image{display:block;max-width:100%;width:100%;height:100%;padding:16px 20px;object-fit:contain}.detail-content{padding:12px 0 0}.detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.detail-collection{color:var(--orange);font-size:13px;font-weight:700;margin:0 0 5px}.detail-title-row h1{color:#655f5a;font-size:16px;letter-spacing:.04em}.detail-favorite{border:1px solid var(--orange);color:var(--orange);background:#fff;border-radius:99px;padding:9px 13px;display:inline-flex;gap:5px;align-items:center;cursor:pointer;font-size:11px;white-space:nowrap;touch-action:manipulation}.detail-favorite.selected{color:#fff;background:var(--orange)}.detail-favorite span:first-child{font-size:19px;line-height:.8}.detail-info-list{display:grid;grid-gap:0;gap:0;margin-top:10px;border-top:1px solid var(--border)}.detail-info-row{display:grid;grid-template-columns:66px minmax(0,1fr);grid-gap:14px;gap:14px;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.detail-info-row span{color:#9a918a}.detail-info-row strong{color:#423d39;font-weight:600}.selection-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:8px 0 10px}.selection-heading h1{font-size:30px}.selection-count{color:var(--text-secondary);font-size:12px;margin:8px 0 0}.selection-actions-top{display:flex;justify-content:flex-end;margin:-3px 0 8px}.text-button{border:0;background:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:12px;padding:5px 0}.text-button.danger{color:#7b6f68}.selection-generate-area{padding:8px 0 16px}.outline-button,.primary-button,.secondary-button{min-height:48px;border-radius:99px;display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:13px;text-decoration:none}.primary-button{border:1px solid var(--orange);color:#fff;background:var(--orange);padding:0 18px}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{padding:0 18px}.outline-button,.secondary-button{border:1px solid var(--orange);color:var(--orange);background:#fff}.outline-button{padding:0 16px}.selection-generate-area>.primary-button{width:100%}.compact-button{min-height:40px;margin-top:18px}.generated-empty{text-align:center;padding:20px 12px 5px;color:#8c8580}.generated-empty p{color:#3a3531;margin-bottom:7px;font-size:14px}.generated-empty span{display:block;font-size:12px;line-height:1.6}.selection-preview-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:center;padding-top:12px;background:rgba(25,19,15,.52);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.selection-preview-sheet{width:min(100%,760px);max-height:calc(100svh - 12px);overflow-y:auto;padding:18px 18px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--background);box-shadow:0 -12px 36px rgba(0,0,0,.18)}.selection-preview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.selection-preview-header .eyebrow{margin-bottom:6px}.selection-preview-header h2{margin:0;font-size:20px}.selection-preview-close{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer}.selection-preview-close:active{transform:scale(.96)}.generated-modal-content{padding-top:16px}.generated-success{display:inline-flex;align-items:center;gap:7px;color:var(--orange);font-size:12px;font-weight:700;margin:0 0 8px}.generated-success-mark{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--orange);font-size:12px;line-height:1}.generated-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.generated-heading h2{margin:0;font-size:19px}.generated-heading>span{color:#8a837e;font-size:11px;padding-bottom:3px}.generated-list{display:grid;grid-template-columns:1fr;grid-gap:17px;gap:17px}.generated-card{display:grid;grid-gap:9px;gap:9px}.generated-card img{display:block;width:min(100%,310px);margin:0 auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fafafa}.generated-page-label{color:#8a837e;font-size:11px;margin:0;text-align:center}.generated-tip{color:#706862;font-size:12px;line-height:1.65;margin:18px 0 0;text-align:center}.generated-result-actions{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.generated-result-actions .primary-button,.generated-result-actions .secondary-button{width:100%}.generated-save-hint{color:var(--orange);font-size:11px;line-height:1.55;margin:12px 0 0;text-align:center}.generated-wechat-save>.generated-save-hint{margin:0 0 12px}.generated-wechat-save .generated-card img{width:100%;height:auto;-webkit-touch-callout:default;-moz-user-select:auto;user-select:auto;-webkit-user-select:auto;touch-action:auto}.empty-state{text-align:center;border:1px dashed #ddd5d0;border-radius:18px;padding:44px 20px 48px;margin-top:8px}.empty-state-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 15px;border-radius:50%;background:#fff3ec;color:var(--orange)}.empty-state h2{font-size:18px;margin:0 0 8px}.empty-state p{max-width:245px;margin:0 auto;color:#8b847f;font-size:12px;line-height:1.7}.not-found,.plain-empty{text-align:center;color:#8b847f;padding:70px 15px}.contact-intro{padding:1px 2px 14px}.contact-intro h1{margin-bottom:0}.contact-intro p:last-child{color:var(--text-secondary);font-size:13px;line-height:1.75;max-width:520px;margin-bottom:0}.contact-brand-highlight{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px;padding:9px 14px;border:1px solid rgba(210,86,23,.18);border-top:2px solid rgba(210,86,23,.55);border-radius:12px;background:linear-gradient(135deg,#f8f5f1,#fff);color:#5e5550;text-align:center;font-size:12.5px;line-height:1.35;font-weight:600;letter-spacing:.01em;white-space:nowrap}.contact-brand-highlight:before{content:"";width:16px;height:2px;flex:0 0 auto;border-radius:999px;background:var(--orange);opacity:.72}.contact-card{text-align:center;background:#faf9f8;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.contact-card h2{font-size:18px;margin:0 0 12px}.qr-wrap{width:min(100%,250px);margin:0 auto 12px;padding:14px;background:#fff;border-radius:var(--radius-md)}.qr-wrap img{display:block;width:100%;height:auto}.contact-card h3{font-size:15px;margin-bottom:7px}.contact-instruction{color:#625b56;font-size:12px;line-height:1.65;margin:0 auto 5px;max-width:320px}.contact-instruction.muted{color:#9b938d}.contact-card .secondary-button{margin-top:14px;min-width:175px}.contact-reminder{display:flex;gap:9px;align-items:center;color:#7d746e;font-size:12px;line-height:1.5;padding:18px 2px}.contact-reminder svg{color:var(--orange);flex:0 0 auto}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:7px max(18px,calc((100vw - 760px) / 2)) env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(3,1fr);background:hsla(0,0%,100%,.97);border-top:1px solid var(--border);box-shadow:0 -3px 16px rgba(43,29,18,.03)}.bottom-nav-item{border:0;background:none;color:#77706b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-size:11px}.bottom-nav-item svg{width:19px;height:19px}.bottom-nav-item.active{color:var(--orange)}.nav-icon-wrap{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-7px;right:-12px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;color:#fff;background:var(--orange);border-radius:99px;border:2px solid #fff;font-size:9px;line-height:1}.nav-label{white-space:nowrap}@media (min-width:620px){.page-main{padding-top:28px}.collection-grid{gap:18px}.collection-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(37,22,12,.08)}.design-grid{gap:18px 15px}}@media (max-width:380px){.page-main,.site-header{padding-left:16px;padding-right:16px}.collection-grid{gap:12px 8px}.collection-copy{padding-left:10px;padding-right:10px}.design-grid{gap:15px 10px}.design-meta{padding-left:1px;padding-right:1px}}