:root{--primary: #2563EB;--bg: #F8FAFC;--card-bg: #FFFFFF;--text: #1E293B;--text-secondary: #64748B;--border: #E2E8F0;--success: #22C55E;--warning: #F59E0B;--error: #EF4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;max-width:1200px;margin:0 auto;padding:20px;width:100%}.header{background:var(--card-bg);border-bottom:1px solid var(--border);padding:12px 20px}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;color:var(--primary)}.logo-icon{font-size:24px}.search-form{flex:1;display:flex;max-width:400px}.search-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px 0 0 8px;font-size:14px;outline:none}.search-input:focus{border-color:var(--primary)}.search-btn{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;font-size:14px}.search-btn:hover{background:#1d4ed8}.github-link{color:var(--text-secondary);font-size:14px}.github-link:hover{color:var(--text)}.category-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.category-tag{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border);border-radius:20px;font-size:14px;color:var(--tag-color);transition:all .2s}.category-tag:hover,.category-tag.active{color:#fff!important}.category-icon{font-size:14px}.deal-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.deal-list-loading,.deal-list-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-icon{font-size:48px;display:block;margin-bottom:12px}.deal-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s}.deal-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.deal-card-image{position:relative;aspect-ratio:16/9;background:var(--border);overflow:hidden}.deal-card-image img{width:100%;height:100%;object-fit:cover}.deal-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.deal-card-lock{position:absolute;top:8px;right:8px;background:#0009;padding:4px 8px;border-radius:4px;font-size:12px}.deal-card-content{padding:16px}.deal-card-category{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;color:#fff;margin-bottom:8px}.deal-card-title{font-size:16px;font-weight:600;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deal-card-desc{font-size:14px;color:var(--text-secondary);margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.deal-card-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.deal-card-expire{color:var(--warning)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.pagination-item{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;transition:all .2s}.pagination-item:hover,.pagination-item.active{background:var(--primary);border-color:var(--primary);color:#fff}.detail{background:var(--card-bg);border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.detail-back{display:inline-block;color:var(--primary);font-size:14px;margin-bottom:16px}.detail-back:hover{text-decoration:underline}.detail-image{width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--border);margin-bottom:20px}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:64px;background:linear-gradient(135deg,#e2e8f0,#f1f5f9)}.detail-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.detail-category{padding:4px 12px;border-radius:4px;font-size:12px;color:#fff}.detail-expire{font-size:14px;color:var(--warning)}.detail-title{font-size:24px;font-weight:600;margin-bottom:12px}.detail-info{display:flex;gap:20px;font-size:14px;color:var(--text-secondary);margin-bottom:20px}.detail-divider{height:1px;background:var(--border);margin:20px 0}.detail-content{font-size:16px;line-height:1.8;white-space:pre-wrap}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.detail-tag{padding:4px 12px;background:var(--bg);border-radius:16px;font-size:13px;color:var(--text-secondary)}.detail-locked{text-align:center;padding:40px 20px}.locked-icon{font-size:48px;margin-bottom:16px}.locked-text{font-size:16px;color:var(--text-secondary);margin-bottom:20px}.password-form{display:flex;gap:10px;max-width:300px;margin:0 auto}.password-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;outline:none}.password-input:focus{border-color:var(--primary)}.password-btn{padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.password-btn:hover{background:#1d4ed8}.clear-password-btn{margin-top:20px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:6px;font-size:13px;cursor:pointer}.clear-password-btn:hover{background:var(--border)}.detail-loading,.detail-error{text-align:center;padding:60px 20px;color:var(--text-secondary)}.detail-error span{font-size:48px;display:block;margin-bottom:16px}.back-link{display:inline-block;margin-top:16px;color:var(--primary)}.footer{background:var(--card-bg);border-top:1px solid var(--border);padding:20px;text-align:center;font-size:14px;color:var(--text-secondary)}.not-found{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.not-found-icon{font-size:72px;font-weight:700;color:var(--border);margin-bottom:16px}.not-found h1{font-size:24px;margin-bottom:8px}.not-found p{color:var(--text-secondary);margin-bottom:20px}.back-home{color:var(--primary);font-size:14px}.back-home:hover{text-decoration:underline}@media (max-width: 768px){.header-content{flex-wrap:wrap}.search-form{order:3;max-width:100%;width:100%}.deal-list{grid-template-columns:1fr}.detail-info{flex-direction:column;gap:8px}}