:root{--dj-primary: #059669;--dj-primary-dark: #047857;--dj-primary-light: #d1fae5;--dj-accent: #ea580c;--dj-bg: #f7fbf9;--dj-text: #064e3b;--dj-muted: #64748b;--dj-border: #e2e8f0;--dj-card: #ffffff;--dj-radius: 14px;--dj-radius-sm: 10px;--dj-shadow: 0 1px 3px rgba(6, 78, 59, .06), 0 4px 14px rgba(6, 78, 59, .06);--dj-shadow-hover: 0 8px 24px rgba(6, 78, 59, .12)}*{box-sizing:border-box}body{margin:0;background:var(--dj-bg);color:var(--dj-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}a{color:var(--dj-primary);text-decoration:none}.dj-card{background:var(--dj-card);border:1px solid var(--dj-border);border-radius:var(--dj-radius);padding:20px;transition:box-shadow .25s ease,transform .25s ease}.dj-card--hover:hover{box-shadow:var(--dj-shadow-hover);transform:translateY(-2px);cursor:pointer}.dj-hero{background:radial-gradient(1200px 420px at 15% -10%,rgba(5,150,105,.16),transparent),radial-gradient(900px 380px at 90% 0%,rgba(234,88,12,.1),transparent),linear-gradient(180deg,#f0fdf6 0%,var(--dj-bg) 100%);border-bottom:1px solid var(--dj-border)}.dj-hero-inner{max-width:1120px;margin:0 auto;padding:52px 20px 40px;text-align:center}.dj-hero-title{font-size:34px;line-height:1.25;font-weight:800;color:var(--dj-text);margin:0 0 10px}.dj-hero-sub{color:var(--dj-muted);font-size:16px;margin:0 0 22px}.dj-product-cover{height:132px;border-radius:var(--dj-radius-sm);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#fff;letter-spacing:4px;text-shadow:0 2px 8px rgba(0,0,0,.18);margin-bottom:14px;background:linear-gradient(135deg,#059669,#10b981 70%,#34d399)}.dj-product-cover--alt{background:linear-gradient(135deg,#ea580c,#f97316 70%,#fdba74)}.dj-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dj-price{color:var(--dj-accent);font-weight:800;font-size:20px}.dj-price-original{color:var(--dj-muted);text-decoration:line-through;font-size:13px;margin-left:6px}.dj-container{max-width:1120px;margin:0 auto;padding:0 20px}.dj-header{position:sticky;top:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--dj-border)}.dj-nav-scroll{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.dj-nav-scroll::-webkit-scrollbar{display:none}.dj-footer{border-top:1px solid var(--dj-border);background:#fff;color:var(--dj-muted);padding:26px 20px 90px;text-align:center;font-size:13px}.dj-qrcode-box{width:200px;height:200px;margin:0 auto;padding:10px;background:#fff;border:1px solid var(--dj-border);border-radius:var(--dj-radius-sm)}.dj-qrcode-box svg{width:100%;height:100%}.dj-card-key{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f0fdf4;border:1px dashed #6ee7b7;border-radius:8px;padding:8px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;word-break:break-all;-webkit-user-select:all;user-select:all}.dj-bottom-nav{display:none}@media (max-width: 720px){.dj-hero-inner{padding:34px 16px 26px}.dj-hero-title{font-size:25px}.dj-footer{padding-bottom:110px}.dj-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--dj-border);padding-bottom:env(safe-area-inset-bottom)}.dj-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;color:var(--dj-muted);font-size:11px}.dj-bottom-nav a.active{color:var(--dj-primary);font-weight:600}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--dj-primary);outline-offset:2px;border-radius:4px}