@media (max-width:768px){.color-grid,.swatch-grid,.palette-grid,[class*="color-grid"],[class*="swatch-grid"],[class*="palette-grid"]{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding:12px !important}.color-card,.swatch-card,.palette-card,[class*="color-card"],[class*="swatch-card"],[class*="palette-card"]{display:flex !important;flex-direction:column !important;border-radius:12px !important;overflow:hidden !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important;transition:all 0.2s !important}.color-card:active,.swatch-card:active,.palette-card:active{transform:scale(0.96) !important}.color-preview,.swatch-preview,.palette-preview,[class*="color-preview"],[class*="swatch-preview"]{width:100% !important;height:100px !important;min-height:100px !important}.color-info,.swatch-info,.palette-info,[class*="color-info"],[class*="swatch-info"]{padding:10px !important;background:#fff !important}.color-name,.swatch-name,.palette-name,[class*="color-name"],[class*="swatch-name"]{font-size:13px !important;font-weight:600 !important;color:#333 !important;margin-bottom:4px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.color-hex,.swatch-hex,.palette-hex,[class*="color-hex"],[class*="swatch-hex"]{font-size:11px !important;color:#999 !important;font-family:monospace !important}.scheme-colors,.palette-colors,[class*="scheme-colors"],[class*="palette-colors"]{display:flex !important;height:80px !important;border-radius:8px !important;overflow:hidden !important;margin:10px 0 !important}.scheme-color,.palette-color,[class*="scheme-color"],[class*="palette-color"]{flex:1 !important;min-width:0 !important;position:relative !important}.scheme-color:active::after,.palette-color:active::after{content:'' !important;position:absolute !important;inset:0 !important;background:rgba(0,0,0,0.1) !important}.color-picker,.color-selector,[class*="color-picker"],[class*="color-selector"]{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:8px !important;padding:12px !important}.color-option,[class*="color-option"]{aspect-ratio:1 !important;border-radius:8px !important;border:2px solid transparent !important;cursor:pointer !important;transition:all 0.2s !important;position:relative !important}.color-option:active{transform:scale(0.92) !important}.color-option.selected{border-color:var(--primary-color,#c9a96e) !important;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-color,#c9a96e) !important}.color-option.selected::after{content:'✓' !important;position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;color:#fff !important;font-size:16px !important;font-weight:bold !important;text-shadow:0 1px 2px rgba(0,0,0,0.3) !important}.zodiac-grid,.stars-grid,.constellation-grid,[class*="zodiac-grid"],[class*="stars-grid"],[class*="constellation-grid"]{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important;padding:12px !important}.zodiac-card,.star-card,.constellation-card,[class*="zodiac-card"],[class*="star-card"],[class*="constellation-card"]{display:flex !important;flex-direction:column !important;align-items:center !important;padding:14px 10px !important;background:#fff !important;border:1px solid #eee !important;border-radius:12px !important;cursor:pointer !important;transition:all 0.2s !important;min-height:100px !important}.zodiac-card:active,.star-card:active,.constellation-card:active{transform:scale(0.95) !important;background:#f9f9f9 !important}.zodiac-card.selected,.star-card.selected,.constellation-card.selected{border-color:var(--primary-color,#c9a96e) !important;background:#fef9f0 !important;box-shadow:0 2px 8px rgba(201,169,110,0.2) !important}.zodiac-icon,.star-icon,.constellation-icon,[class*="zodiac-icon"],[class*="star-icon"]{font-size:32px !important;margin-bottom:8px !important}.zodiac-name,.star-name,.constellation-name,[class*="zodiac-name"],[class*="star-name"]{font-size:13px !important;font-weight:600 !important;color:#333 !important;text-align:center !important}.zodiac-date,.star-date,.constellation-date,[class*="zodiac-date"],[class*="star-date"]{font-size:10px !important;color:#999 !important;margin-top:2px !important;text-align:center !important}.guoxue-result,.tradition-result,[class*="guoxue-result"],[class*="tradition-result"]{padding:16px !important;background:linear-gradient(135deg,#fef9f0 0%,#fff 100%) !important;border-radius:12px !important;margin:12px !important}.guoxue-title,.tradition-title,[class*="guoxue-title"],[class*="tradition-title"]{font-size:18px !important;font-weight:700 !important;color:#333 !important;text-align:center !important;margin-bottom:12px !important}.guoxue-colors,.tradition-colors,[class*="guoxue-colors"],[class*="tradition-colors"]{display:flex !important;height:100px !important;border-radius:8px !important;overflow:hidden !important;margin-bottom:12px !important}.guoxue-color,.tradition-color,[class*="guoxue-color"],[class*="tradition-color"]{flex:1 !important;min-width:0 !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;padding-bottom:8px !important}.guoxue-color-name,.tradition-color-name,[class*="guoxue-color-name"],[class*="tradition-color-name"]{font-size:10px !important;color:#fff !important;text-shadow:0 1px 2px rgba(0,0,0,0.5) !important;white-space:nowrap !important}.guoxue-desc,.tradition-desc,[class*="guoxue-desc"],[class*="tradition-desc"]{font-size:13px !important;color:#666 !important;line-height:1.6 !important;text-align:center !important}.brand-grid,.brand-list,[class*="brand-grid"],[class*="brand-list"]{display:grid !important;grid-template-columns:1fr !important;gap:10px !important;padding:12px !important}.brand-card,[class*="brand-card"]{display:flex !important;align-items:center !important;padding:14px !important;background:#fff !important;border:1px solid #eee !important;border-radius:12px !important;transition:all 0.2s !important}.brand-card:active{transform:scale(0.98) !important;background:#f9f9f9 !important}.brand-card.selected{border-color:var(--primary-color,#c9a96e) !important;background:#fef9f0 !important}.brand-logo,[class*="brand-logo"]{width:48px !important;height:48px !important;border-radius:8px !important;background:#f5f5f5 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:20px !important;flex-shrink:0 !important;margin-right:12px !important}.brand-info,[class*="brand-info"]{flex:1 !important;min-width:0 !important}.brand-name,[class*="brand-name"]{font-size:15px !important;font-weight:600 !important;color:#333 !important;margin-bottom:4px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}.brand-meta,[class*="brand-meta"]{font-size:12px !important;color:#999 !important;display:flex !important;flex-wrap:wrap !important;gap:6px !important}.brand-score,[class*="brand-score"]{flex-shrink:0 !important;text-align:center !important;margin-left:10px !important}.brand-score-value,[class*="brand-score-value"]{font-size:18px !important;font-weight:700 !important;color:var(--primary-color,#c9a96e) !important}.brand-score-label,[class*="brand-score-label"]{font-size:10px !important;color:#999 !important}.compare-table,[class*="compare-table"]{display:block !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;margin:12px !important}.compare-table table{min-width:500px !important}.case-grid,.case-list,[class*="case-grid"],[class*="case-list"]{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;padding:12px !important}.case-card,[class*="case-card"]{display:flex !important;flex-direction:column !important;background:#fff !important;border-radius:12px !important;overflow:hidden !important;box-shadow:0 2px 8px rgba(0,0,0,0.06) !important;transition:all 0.2s !important}.case-card:active{transform:scale(0.98) !important}.case-image,[class*="case-image"]{width:100% !important;height:180px !important;min-height:180px !important;background:#f0f0f0 !important;object-fit:cover !important}.case-content,[class*="case-content"]{padding:14px !important}.case-title,[class*="case-title"]{font-size:15px !important;font-weight:600 !important;color:#333 !important;margin-bottom:8px !important}.case-meta,[class*="case-meta"]{display:flex !important;flex-wrap:wrap !important;gap:6px !important;margin-bottom:10px !important}.case-tag,[class*="case-tag"]{font-size:11px !important;color:#666 !important;background:#f5f5f5 !important;padding:3px 8px !important;border-radius:4px !important}.case-desc,[class*="case-desc"]{font-size:13px !important;color:#999 !important;line-height:1.5 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.designer-grid,.team-grid,.person-grid,[class*="designer-grid"],[class*="team-grid"],[class*="person-grid"]{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding:12px !important}.designer-card,.team-card,.person-card,[class*="designer-card"],[class*="team-card"],[class*="person-card"]{display:flex !important;flex-direction:column !important;align-items:center !important;padding:16px 12px !important;background:#fff !important;border:1px solid #eee !important;border-radius:12px !important;transition:all 0.2s !important}.designer-card:active,.team-card:active,.person-card:active{transform:scale(0.96) !important;background:#f9f9f9 !important}.designer-avatar,.team-avatar,.person-avatar,[class*="designer-avatar"],[class*="team-avatar"],[class*="person-avatar"]{width:64px !important;height:64px !important;border-radius:50% !important;background:linear-gradient(135deg,#c9a96e 0%,#a88b5a 100%) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:24px !important;color:#fff !important;margin-bottom:10px !important}.designer-name,.team-name,.person-name,[class*="designer-name"],[class*="team-name"],[class*="person-name"]{font-size:14px !important;font-weight:600 !important;color:#333 !important;margin-bottom:4px !important;text-align:center !important}.designer-title,.team-title,.person-title,[class*="designer-title"],[class*="team-title"],[class*="person-title"]{font-size:11px !important;color:#999 !important;text-align:center !important;margin-bottom:6px !important}.designer-tags,.team-tags,.person-tags,[class*="designer-tags"],[class*="team-tags"],[class*="person-tags"]{display:flex !important;flex-wrap:wrap !important;gap:4px !important;justify-content:center !important}.designer-tag,.team-tag,.person-tag,[class*="designer-tag"],[class*="team-tag"],[class*="person-tag"]{font-size:10px !important;color:var(--primary-color,#c9a96e) !important;background:#fef9f0 !important;padding:2px 6px !important;border-radius:3px !important}.style-grid,[class*="style-grid"]{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;padding:12px !important}.style-card,[class*="style-card"]{display:flex !important;flex-direction:column !important;align-items:center !important;padding:16px 12px !important;background:#fff !important;border:1px solid #eee !important;border-radius:12px !important;transition:all 0.2s !important;cursor:pointer !important}.style-card:active{transform:scale(0.96) !important}.style-card.selected{border-color:var(--primary-color,#c9a96e) !important;background:#fef9f0 !important}.style-icon,[class*="style-icon"]{font-size:36px !important;margin-bottom:8px !important}.style-name,[class*="style-name"]{font-size:14px !important;font-weight:600 !important;color:#333 !important;text-align:center !important}.bottom-actions,.action-bar,.floating-actions,[class*="bottom-actions"],[class*="action-bar"]{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;background:#fff !important;padding:10px 12px !important;padding-bottom:calc(10px + env(safe-area-inset-bottom)) !important;box-shadow:0 -2px 10px rgba(0,0,0,0.1) !important;z-index:100 !important;display:flex !important;gap:10px !important}.bottom-actions button,.action-bar button{flex:1 !important;height:46px !important;font-size:15px !important;border-radius:8px !important}.has-bottom-actions,[class*="has-bottom-actions"]{padding-bottom:80px !important}.result-card,.analysis-card,.report-card,[class*="result-card"],[class*="analysis-card"],[class*="report-card"]{margin:12px !important;padding:16px !important;background:#fff !important;border-radius:12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.06) !important}.result-title,.analysis-title,.report-title,[class*="result-title"],[class*="analysis-title"],[class*="report-title"]{font-size:16px !important;font-weight:600 !important;color:#333 !important;margin-bottom:12px !important;padding-bottom:10px !important;border-bottom:1px solid #f0f0f0 !important}.result-content,.analysis-content,.report-content,[class*="result-content"],[class*="analysis-content"],[class*="report-content"]{font-size:13px !important;color:#666 !important;line-height:1.6 !important}.tabs,.tab-nav,.tab-bar,[class*="tabs"],[class*="tab-nav"],[class*="tab-bar"]{display:flex !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;padding:0 12px !important;gap:0 !important;background:#fff !important;border-bottom:1px solid #eee !important}.tabs::-webkit-scrollbar,.tab-nav::-webkit-scrollbar,.tab-bar::-webkit-scrollbar{display:none !important}.tab,.tab-item,[class*="tab-item"]{flex-shrink:0 !important;padding:12px 16px !important;font-size:14px !important;color:#666 !important;border-bottom:2px solid transparent !important;white-space:nowrap !important;cursor:pointer !important;transition:all 0.2s !important}.tab.active,.tab-item.active{color:var(--primary-color,#c9a96e) !important;border-bottom-color:var(--primary-color,#c9a96e) !important;font-weight:600 !important}.form-group,.form-item,[class*="form-group"],[class*="form-item"]{margin-bottom:16px !important}.form-label,[class*="form-label"]{display:block !important;font-size:14px !important;font-weight:500 !important;color:#333 !important;margin-bottom:8px !important}.form-input,.form-select,.form-textarea,[class*="form-input"],[class*="form-select"],[class*="form-textarea"]{width:100% !important;min-height:44px !important;font-size:15px !important;padding:10px 12px !important;border:1px solid #ddd !important;border-radius:8px !important;background:#fff !important;color:#333 !important;box-sizing:border-box !important}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none !important;border-color:var(--primary-color,#c9a96e) !important}.form-textarea,[class*="form-textarea"]{min-height:100px !important;resize:vertical !important}}@media (max-width:480px){.color-grid,.swatch-grid,.palette-grid{grid-template-columns:1fr !important}.zodiac-grid,.stars-grid,.constellation-grid{grid-template-columns:repeat(2,1fr) !important}.designer-grid,.team-grid,.person-grid,.style-grid{grid-template-columns:1fr !important}.color-picker,.color-selector{grid-template-columns:repeat(3,1fr) !important}.case-image{height:160px !important;min-height:160px !important}}