:root{--surface: #f8f6ef;--paper: #fffdfa;--ink: #232323;--muted: #6d675d;--accent: #d56f3e;--line: rgba(35, 35, 35, .12);--shadow: 0 18px 50px rgba(44, 35, 24, .08);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif;color:var(--ink);background:radial-gradient(circle at top,#fff7eb 0%,var(--surface) 56%,#f0ede6 100%)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.user-shell{min-height:100vh;padding:32px}.header-nav,.hero-card,.theme-panel{background:#fffdfaeb;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.header-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#2d2a26,#51463e);color:#fff7eb;font-weight:700}.brand h1,.hero-card h2,.theme-panel h3{margin:0}.brand p,.hero-card p,.theme-panel li{color:var(--muted)}.nav-links{display:flex;gap:18px;font-size:14px}.main-content{display:grid;gap:24px;margin-top:24px}.nav-links .router-link-active{color:var(--accent)}.hero-card{padding:32px}.eyebrow{display:inline-block;margin-bottom:12px;color:var(--accent);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.theme-grid-single{grid-template-columns:1fr}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.theme-panel{padding:24px}.theme-panel ul{margin:16px 0 0;padding-left:18px}.category-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.category-pill{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#fff;color:var(--muted);font:inherit;cursor:pointer}.category-pill-active{border-color:#d56f3e47;background:#d56f3e1f;color:var(--accent)}.theme-panel-error{border-color:#d56f3e66}.hero-meta,.product-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;color:var(--muted);font-size:14px}.product-card{display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#fffdfaeb;box-shadow:var(--shadow)}.product-image{width:100%;aspect-ratio:16 / 10;border-radius:20px;object-fit:cover;border:1px solid var(--line);background:#efe7da}.product-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:#d56f3e1f;color:var(--accent);font-size:12px;font-weight:700;text-transform:uppercase}.product-price{font-size:20px;font-weight:700}.product-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.detail-layout{align-items:start}.detail-panel{display:grid;gap:18px}.detail-image{width:100%;aspect-ratio:16 / 10;border-radius:20px;object-fit:cover;border:1px solid var(--line);background:#efe7da}.detail-copy{display:grid;gap:12px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.link-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(213,111,62,.26);border-radius:999px;padding:10px 16px;background:#d56f3e1a;color:var(--accent);font-weight:700}.link-button-solid{border:0;background:var(--accent);color:#fffdfa;font:inherit;cursor:pointer}.link-button:disabled,.link-button-solid:disabled{opacity:.7;cursor:wait}.user-form{display:grid;gap:14px;margin-top:16px}.user-form label{display:grid;gap:8px}.user-form input,.user-form select,.user-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fffdfa;color:var(--ink);font:inherit}.user-form textarea{resize:vertical}.form-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-message,.form-error{margin:16px 0 0;color:var(--muted)}.form-error{color:#b54a3c}.order-card{display:grid;gap:10px;margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fffdf8}.payment-provider-row label{display:grid;gap:8px;margin-top:8px}.payment-provider-row select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fffdfa;color:var(--ink);font:inherit}.order-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-row strong{white-space:nowrap}.order-row span{color:var(--muted);text-align:right}.payment-qr-card{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px dashed rgba(213,111,62,.32);border-radius:20px;background:#d56f3e0f}.payment-qr-card h4,.payment-qr-card p{margin:0}.payment-qr-image{width:min(100%,280px);border-radius:18px;border:1px solid var(--line);background:#fffdfa}.payment-qr-copy{padding:10px 12px;border-radius:14px;background:#fffdfa;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.payment-qr-actions{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:860px){.user-shell{padding:16px}.header-nav,.theme-grid,.catalog-grid{grid-template-columns:1fr}.header-nav{flex-direction:column;align-items:flex-start}.nav-links{flex-wrap:wrap}.form-split,.order-row{grid-template-columns:1fr}.order-row{display:grid}.order-row span{text-align:left}}