:root{--bg:#f7f8f6;--panel:#fff;--panel-soft:#eef4ed;--text:#17201a;--muted:#5d6a61;--border:#d9e0da;--accent:#1f6f4a;--accent-strong:#145636;--warning:#8a5a12;--danger:#a43a3a;--shadow:0 18px 42px #142a1d14}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;padding:32px 18px 56px}.container{width:100%;max-width:1120px;margin:0 auto}.site-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;padding:20px 18px 28px;font-size:13px}.site-footer a:hover{color:var(--accent)}.narrow-container{max-width:560px}.top-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.brand{letter-spacing:0;font-size:18px;font-weight:700}.nav-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:999px;padding:9px 14px}.nav-button{cursor:pointer}.nav-button:disabled{cursor:not-allowed;opacity:.65}.nav-link.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.hero{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:24px;padding:22px 0 30px;display:grid}.hero-copy h1{margin:18px 0;font-size:clamp(34px,5vw,58px);line-height:1.08}.eyebrow{color:var(--accent-strong);margin:0 0 10px;font-weight:700}.lead{color:var(--muted);max-width:680px;margin:0 0 24px;font-size:18px;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;font-weight:700;display:inline-flex}.button.secondary{color:var(--accent-strong);background:#fff}.button:disabled{cursor:not-allowed;opacity:.65}.panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;padding:22px}.panel.soft{background:var(--panel-soft);box-shadow:none}.status-list{gap:14px;margin-top:18px;display:grid}.status-list.compact{gap:10px;margin:0 0 16px}.status-row{border-bottom:1px solid var(--border);padding-bottom:13px}.status-row:last-child{border-bottom:0;padding-bottom:0}.status-row strong{margin-bottom:5px;display:block}.status-row span{color:var(--muted);line-height:1.6}.section-title{margin:18px 0;font-size:26px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.feature{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px}.feature h2,.feature h3,.panel h2,.panel h3{margin:0 0 10px}.feature p,.panel p{color:var(--muted);margin:0;line-height:1.7}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.product-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.product-image-link,.product-detail-media{background:var(--panel-soft);display:block}.product-image-link img,.product-detail-media img,.product-gallery img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.product-image-placeholder{aspect-ratio:1;color:var(--muted);justify-content:center;align-items:center;display:flex}.product-card-body{gap:12px;padding:18px;display:grid}.product-card-body h2,.product-detail-copy h1{margin:0}.product-card-body p{color:var(--muted);margin:0;line-height:1.7}.product-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.product-meta span{color:var(--muted)}.product-detail-hero{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:24px;margin-bottom:24px;display:grid}.product-detail-media{border:1px solid var(--border);border-radius:8px;overflow:hidden}.product-detail-copy{align-content:start;gap:16px;display:grid}.product-detail-copy h1{font-size:clamp(30px,4vw,48px);line-height:1.15}.product-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.product-gallery a{border:1px solid var(--border);border-radius:8px;overflow:hidden}.query-layout{grid-template-columns:minmax(0,1fr) 360px;gap:22px;display:grid}.query-header{margin:8px 0 24px}.query-header h1{margin:10px 0 14px;font-size:clamp(30px,4.6vw,48px);line-height:1.12}.form-grid{gap:16px;display:grid}.field{gap:8px;display:grid}.source-badge{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;gap:4px;padding:12px;display:grid}.source-badge span{color:var(--muted);line-height:1.5}.field label{font-weight:700}.field span{color:var(--muted);font-size:14px;line-height:1.55}.field input,.field textarea,.select-field select,.select-field input,.select-field textarea{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:11px 12px}.select-field textarea{resize:vertical;min-height:82px}.select-field textarea.long-textarea{min-height:180px}.field textarea{resize:vertical;min-height:104px}.muted-text{color:var(--muted)}.danger-text{color:var(--danger)}.result-box{border:1px solid var(--border);border-radius:8px;margin-top:18px;padding:16px}.result-box.success{background:#f1f8f3;border-color:#b8d8c0}.result-box.pending{background:#fff9ec;border-color:#ead39f}.result-box.error{color:var(--danger);background:#fff2f2;border-color:#ecc0c0}.result-box h2{margin:0 0 8px;font-size:20px}.result-meta{color:var(--muted);gap:4px;margin-top:12px;font-size:14px;display:grid}.steps{gap:12px;display:grid}.step{border:1px solid var(--border);background:#fff9;border-radius:8px;padding:14px}.step strong{margin-bottom:6px;display:block}.step span{color:var(--muted);line-height:1.6}.share-tool{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.share-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.selected-share-product{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;padding:12px;display:grid}.selected-share-product img,.selected-share-product-placeholder{aspect-ratio:1;border:1px solid var(--border);object-fit:cover;background:#fff;border-radius:8px;place-items:center;width:88px;display:grid}.selected-share-product-placeholder{color:var(--muted);font-size:13px}.selected-share-product div:last-child{gap:6px;min-width:0;display:grid}.selected-share-product strong,.selected-share-product span{overflow-wrap:anywhere}.selected-share-product span{color:var(--muted);line-height:1.5}.share-product-picker{gap:12px}.share-product-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.share-product-search .button{min-width:88px}.share-product-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.share-product-option{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:8px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.share-product-option:hover,.share-product-option.selected{border-color:var(--primary)}.share-product-option.selected{background:var(--panel-soft);box-shadow:inset 0 0 0 1px var(--primary)}.share-product-option img,.share-product-option-placeholder{aspect-ratio:1;background:var(--panel-soft);object-fit:cover;border-radius:7px;place-items:center;width:56px;display:grid}.share-product-option-placeholder{color:var(--muted);text-align:center;font-size:11px}.share-product-option-copy{gap:4px;min-width:0;display:grid}.share-product-option-copy strong,.share-product-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.share-product-option-copy small,.share-product-option-state{color:var(--muted);font-size:12px}.share-product-option.selected .share-product-option-state{color:var(--primary);font-weight:700}.share-product-more{justify-self:start}.empty-state.compact{min-height:0;padding:18px}.share-result{grid-column:1/-1;gap:16px;display:grid}.share-actions{flex-wrap:wrap;gap:12px;display:flex}.share-output-grid{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.qr-card{background:var(--panel-soft);border:1px solid var(--border);text-align:center;border-radius:8px;place-items:center;gap:10px;padding:16px;display:grid}.qr-card img{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;max-width:180px;padding:10px;display:block}.qr-card span{color:var(--muted);font-size:14px;line-height:1.5}.poster-card{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:16px;padding:16px;display:grid}.poster-card h3{margin:0 0 8px}.poster-card p{color:var(--muted);margin:0;line-height:1.6}.poster-card img{aspect-ratio:3/4;border:1px solid var(--border);object-fit:cover;background:#fff;border-radius:8px;width:100%;display:block}.copywriting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.copywriting-card{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;gap:12px;padding:16px;display:grid}.copywriting-card h3{margin:0 0 6px}.copywriting-card p{color:var(--muted);margin:0;line-height:1.5}.copywriting-card textarea{border:1px solid var(--border);color:var(--text);resize:vertical;background:#fff;border-radius:8px;width:100%;min-height:150px;padding:12px}.admin-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-stack{gap:16px;display:grid}.admin-toolbar h2{margin:0 0 4px}.admin-toolbar p{color:var(--muted);margin:0}.admin-filters{flex-wrap:wrap;justify-content:flex-end;align-items:end;gap:12px;display:flex}.admin-search{align-items:end;gap:10px;display:flex}.select-field{gap:8px;min-width:180px;display:grid}.select-field span{color:var(--muted);font-size:14px}.ticket-list{gap:12px;display:grid}.ticket-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;display:grid}.ticket-row p{color:var(--muted);margin:6px 0 0;line-height:1.6}.ticket-actions{place-items:flex-end end;gap:10px;display:grid}.purchase-intent-actions{min-width:260px}.product-admin-main{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px;display:grid}.admin-product-thumb{aspect-ratio:1;background:var(--panel-soft);border:1px solid var(--border);object-fit:cover;border-radius:8px;width:96px;height:96px}.admin-product-thumb.placeholder{color:var(--muted);justify-content:center;align-items:center;display:flex}.product-edit-form{gap:18px;display:grid}.product-edit-section{border-top:1px solid var(--border);gap:14px;padding-top:18px;display:grid}.product-edit-section h3{margin:0}.product-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-edit-grid .wide{grid-column:1/-1}.publishing-check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.publishing-check{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px;display:grid}.publishing-check span{color:var(--muted);font-size:13px;font-weight:700}.publishing-check p{color:var(--muted);grid-column:1/-1;margin:0}.publishing-check.warning{background:#fff9ec;border-color:#ead39f}.publishing-check.error{background:#fff2f2;border-color:#ecc0c0}.publishing-check.error strong,.publishing-check.error span{color:var(--danger)}.checkbox-field label{align-items:center;gap:8px;min-height:44px;display:flex}.checkbox-field input{width:auto;min-height:auto}.form-actions{justify-content:flex-end;display:flex}.admin-media-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-media-card{border:1px solid var(--border);color:var(--text);border-radius:8px;gap:8px;padding-bottom:10px;text-decoration:none;display:grid;overflow:hidden}.admin-media-card a,.admin-media-card img{display:block}.admin-media-card img{aspect-ratio:1;background:var(--panel-soft);object-fit:cover;width:100%}.admin-media-card span,.admin-media-card small{overflow-wrap:anywhere;padding:0 10px}.admin-media-card small{color:var(--muted);line-height:1.45}.admin-media-fields{gap:8px;padding:0 10px;display:grid}.admin-media-fields label{gap:5px;display:grid}.admin-media-fields label span{color:var(--muted);font-size:13px}.admin-media-fields input,.admin-media-fields select{border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;min-height:38px;padding:8px 10px}.status-pill{border:1px solid var(--border);color:var(--accent-strong);background:#eef4ed;border-radius:999px;padding:7px 10px;font-size:14px;font-weight:700;display:inline-flex}.status-pill.risk_flagged{color:var(--danger);background:#fff2f2;border-color:#ecc0c0}.status-pill.needs_more_info{color:var(--warning);background:#fff9ec;border-color:#ead39f}.status-pill.failed{color:var(--danger);background:#fff2f2;border-color:#ecc0c0}.status-pill.partial_failed{color:var(--warning);background:#fff9ec;border-color:#ead39f}.status-pill.success{color:var(--accent-strong);background:#f1f8f3;border-color:#b8d8c0}.status-pill.running{border-color:var(--border);color:var(--accent-strong);background:#eef4ed}.status-pill.not_synced,.status-pill.ignored{color:var(--muted)}.empty-state{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:8px;padding:24px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px;display:grid}.metric-grid,.analytics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.metric-card{background:var(--panel-soft);border:1px solid var(--border);border-radius:8px;gap:8px;padding:16px;display:grid}.metric-button{appearance:none;color:inherit;cursor:pointer;font:inherit;text-align:left;width:100%;transition:border-color .2s,box-shadow .2s}.metric-button:hover,.metric-button:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1f6f4a1f}.metric-card span{color:var(--muted)}.metric-card strong{font-size:32px}.analytics-table{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.analytics-table h3{background:var(--panel-soft);margin:0;padding:12px 14px}.analytics-table table{border-collapse:collapse;width:100%}.analytics-table th,.analytics-table td{border-top:1px solid var(--border);text-align:left;padding:10px 12px}.analytics-table th{color:var(--muted);font-weight:700}.detail-item{background:var(--panel-soft);border-radius:8px;gap:6px;padding:12px;display:grid}.detail-item span{color:var(--muted);font-size:14px}.detail-item strong{overflow-wrap:anywhere}.note-box{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:8px;padding:14px;line-height:1.7}.snapshot-box{margin-top:12px}.raw-payload-box{border:1px solid var(--border);color:var(--muted);white-space:pre-wrap;background:#fff;border-radius:8px;max-height:420px;margin:0;padding:14px;line-height:1.6;overflow:auto}.snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-action-panel{border-bottom:1px solid var(--border);gap:14px;margin-bottom:18px;padding-bottom:18px;display:grid}.inquiry-panel{gap:16px;display:grid}.inquiry-panel .form-grid{max-width:720px}.audit-timeline{gap:12px;display:grid}.audit-item{border-left:3px solid var(--accent);gap:6px;padding:2px 0 12px 12px;display:grid}.audit-item span,.audit-item small,.audit-item p{color:var(--muted);margin:0;line-height:1.6}.audit-item small{overflow-wrap:anywhere}.image-link-group{border-top:1px solid var(--border);gap:8px;padding:14px 0;display:grid}.image-link-group a,.image-link-group span{color:var(--muted);overflow-wrap:anywhere}@media (max-width:860px){.site-shell{padding-top:20px}.hero,.query-layout,.share-tool,.feature-grid,.product-grid,.product-detail-hero{grid-template-columns:1fr}.product-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.share-form-grid,.share-product-options,.share-output-grid,.poster-card,.copywriting-grid,.product-edit-grid,.publishing-check-list{grid-template-columns:1fr}.admin-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar,.ticket-row{grid-template-columns:1fr;align-items:stretch}.admin-filters{justify-content:stretch}.admin-search{flex-direction:column;align-items:stretch}.product-admin-main{grid-template-columns:1fr}.ticket-actions{justify-items:start}.detail-grid,.snapshot-grid,.metric-grid,.analytics-grid{grid-template-columns:1fr}.top-nav{flex-direction:column;align-items:flex-start}}
