.gallery-page{max-width:1180px;margin:auto;padding:72px 24px 40px}.gallery-heading{max-width:720px}.eyebrow{margin:0 0 12px;color:var(--green);font-size:13px;font-weight:800;letter-spacing:.1em}.gallery-heading h1{font-size:42px;letter-spacing:-.04em;margin:0 0 16px;line-height:1.2}.gallery-heading>p:last-child{color:var(--muted);line-height:1.8;font-size:15px}.filter-bar{display:flex;gap:8px;margin:42px 0 25px;padding-bottom:18px;border-bottom:1px solid var(--line)}.filter-bar button{border:0;background:transparent;padding:9px 15px;border-radius:99px;color:#63706b;font-size:13px}.filter-bar button:hover,.filter-bar button.is-active{background:var(--ink);color:#fff}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.template-card{display:block;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.22s}.template-card:hover{transform:translateY(-4px);border-color:#91b9a8;box-shadow:var(--shadow)}.template-preview{height:260px;background:#edf2ef;display:grid;place-items:center;position:relative;overflow:hidden}.template-preview::after{content:"点击编辑  →";position:absolute;right:14px;bottom:14px;background:rgba(23,32,29,.9);color:#fff;padding:7px 10px;border-radius:6px;font-size:11px;opacity:0;transform:translateY(4px);transition:.18s}.template-card:hover .template-preview::after{opacity:1;transform:none}.template-meta{padding:17px 18px}.template-meta-row{display:flex;align-items:center;justify-content:space-between}.template-meta h2{font-size:16px;margin:0}.template-meta .badge{font-size:10px;color:var(--green);background:var(--mint);padding:4px 7px;border-radius:4px}.template-meta p{font-size:12px;color:var(--muted);margin:8px 0 0}.mini-label{width:210px;height:140px;background:#fff;padding:13px 15px;box-shadow:0 12px 28px rgba(19,52,41,.14);border-top:5px solid var(--green);transform:rotate(-1deg)}.mini-label .top{font-size:8px;display:flex;justify-content:space-between;color:#78817e}.mini-label .top b{color:white;background:var(--green);padding:2px 5px}.mini-label h3{font-size:15px;margin:7px 0 1px}.mini-label .meta{font-size:7px;color:#6f7774}.mini-label strong{font-size:38px;color:var(--green);letter-spacing:-.05em}.mini-label .barcode{width:78px;height:18px;float:right;margin-top:7px;background:repeating-linear-gradient(90deg,#111 0,#111 1px,transparent 1px,transparent 3px)}.mini-label.promo{border-color:var(--red);background:#fffaf8}.mini-label.promo .top b{background:var(--red)}.mini-label.promo strong{color:var(--red)}.mini-label.shelf{border-color:#202522;background:#fff9df}.mini-label.shelf .top b{background:#202522}.mini-label.shelf strong{color:#202522}.mini-receipt{width:150px;min-height:220px;background:#fff;padding:14px 12px;box-shadow:0 12px 28px rgba(19,52,41,.14);font-family:monospace;color:#111}.mini-receipt h3{text-align:center;font-size:12px;margin:0}.mini-receipt p{text-align:center;font-size:6px;margin:3px}.receipt-dash{border-top:1px dashed #555;margin:8px 0}.mini-receipt .receipt-row{display:flex;justify-content:space-between;font-size:7px;margin:4px 0}.mini-receipt .receipt-total{font-size:12px;font-weight:bold;text-align:right;margin-top:8px}.mini-receipt .receipt-code{height:24px;width:90px;margin:8px auto 0;background:repeating-linear-gradient(90deg,#111 0,#111 1px,transparent 1px,transparent 3px)}
@media(max-width:900px){.template-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.gallery-page{padding:48px 16px}.gallery-heading h1{font-size:34px}.filter-bar{overflow-x:auto}.filter-bar button{white-space:nowrap}.template-grid{grid-template-columns:1fr}.template-preview{height:235px}}