@media (max-width:768px){.page-container,.main-container,.content-wrapper,[class*="page-container"],[class*="main-container"]{padding:0 !important;margin:0 !important}.page-header,.content-header,[class*="page-header"],[class*="content-header"]{position:sticky !important;top:0 !important;z-index:100 !important;background:rgba(255,255,255,0.95) !important;backdrop-filter:blur(10px) !important;padding:10px 12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.08) !important}.page-title,.content-title,[class*="page-title"],[class*="content-title"]{font-size:18px !important;font-weight:600 !important;margin:0 !important}.page-stats,.content-stats,[class*="page-stats"],[class*="content-stats"]{font-size:12px !important;color:#666 !important;margin-top:4px !important}.search-box,.search-bar,.search-container,[class*="search-box"],[class*="search-bar"]{position:sticky !important;top:0 !important;z-index:99 !important;background:#fff !important;padding:10px 12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.05) !important}.search-box input,.search-bar input,[class*="search-box"] input,[class*="search-bar"] input{width:100% !important;height:44px !important;font-size:15px !important;padding:0 16px 0 40px !important;border:1px solid #ddd !important;border-radius:22px !important;background:#f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 14px center !important;background-size:18px !important}.search-box input:focus,.search-bar input:focus{outline:none !important;border-color:var(--primary-color,#c9a96e) !important;background-color:#fff !important}.category-tabs,.filter-tabs,.type-tabs,[class*="category-tabs"],[class*="filter-tabs"],[class*="type-tabs"]{display:flex !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;padding:10px 12px !important;gap:8px !important;background:#fff !important;border-bottom:1px solid #eee !important}.category-tabs::-webkit-scrollbar,.filter-tabs::-webkit-scrollbar,.type-tabs::-webkit-scrollbar{display:none !important}.category-tab,.filter-tab,.type-tab,[class*="category-tab"],[class*="filter-tab"],[class*="type-tab"]{flex-shrink:0 !important;padding:8px 16px !important;font-size:13px !important;border-radius:20px !important;background:#f0f0f0 !important;color:#666 !important;white-space:nowrap !important;min-height:36px !important;display:inline-flex !important;align-items:center !important;border:none !important;cursor:pointer !important;-webkit-tap-highlight-color:transparent !important}.category-tab:active,.filter-tab:active,.type-tab:active{transform:scale(0.95) !important}.category-tab.active,.filter-tab.active,.type-tab.active,[class*="category-tab"].active,[class*="filter-tab"].active{background:var(--primary-color,#c9a96e) !important;color:#fff !important;font-weight:500 !important}.filter-panel,.filter-sidebar,.filter-container,[class*="filter-panel"],[class*="filter-sidebar"]{display:none !important}.filter-toggle,.filter-button,[class*="filter-toggle"],[class*="filter-button"]{display:inline-flex !important;align-items:center !important;justify-content:center !important;height:40px !important;padding:0 16px !important;font-size:14px !important;border-radius:20px !important;background:#f0f0f0 !important;color:#333 !important;border:none !important}.filter-toggle:active,.filter-button:active{background:#e0e0e0 !important}.filter-modal,.filter-popup,[class*="filter-modal"],[class*="filter-popup"]{position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;max-height:80vh !important;background:#fff !important;border-radius:16px 16px 0 0 !important;z-index:1000 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;animation:slideUp 0.3s ease !important}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.filter-modal-header,[class*="filter-modal-header"]{position:sticky !important;top:0 !important;background:#fff !important;padding:16px !important;border-bottom:1px solid #eee !important;display:flex !important;justify-content:space-between !important;align-items:center !important}.filter-modal-title{font-size:16px !important;font-weight:600 !important}.filter-modal-close{width:32px !important;height:32px !important;font-size:20px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f0f0f0 !important;border-radius:50% !important;border:none !important}.filter-modal-body,[class*="filter-modal-body"]{padding:16px !important}.filter-group{margin-bottom:20px !important}.filter-group-title{font-size:14px !important;font-weight:600 !important;color:#333 !important;margin-bottom:10px !important}.filter-options{display:flex !important;flex-wrap:wrap !important;gap:8px !important}.filter-option{padding:8px 14px !important;font-size:13px !important;border-radius:8px !important;background:#f5f5f5 !important;color:#666 !important;border:1px solid transparent !important;min-height:36px !important;display:inline-flex !important;align-items:center !important}.filter-option.selected{background:#fef9f0 !important;color:var(--primary-color,#c9a96e) !important;border-color:var(--primary-color,#c9a96e) !important}.filter-modal-footer,[class*="filter-modal-footer"]{position:sticky !important;bottom:0 !important;background:#fff !important;padding:12px 16px !important;padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important;border-top:1px solid #eee !important;display:flex !important;gap:10px !important}.filter-modal-footer button{flex:1 !important;height:44px !important;font-size:15px !important;border-radius:8px !important}.card-list,.material-list,.recipe-list,.craft-list,[class*="card-list"],[class*="material-list"],[class*="recipe-list"]{padding:12px !important;display:flex !important;flex-direction:column !important;gap:12px !important}.card,.material-card,.recipe-card,.craft-card,[class*="material-card"],[class*="recipe-card"],[class*="craft-card"]{display:flex !important;flex-direction:column !important;padding:14px !important;background:#fff !important;border:1px solid #eee !important;border-radius:12px !important;box-shadow:0 2px 8px rgba(0,0,0,0.04) !important;transition:all 0.2s !important}.card:active,.material-card:active,.recipe-card:active,.craft-card:active{transform:scale(0.98) !important;box-shadow:0 1px 4px rgba(0,0,0,0.08) !important}.card-header,.material-card-header,[class*="card-header"],[class*="material-card-header"]{display:flex !important;justify-content:space-between !important;align-items:flex-start !important;margin-bottom:10px !important}.card-title,.material-name,.recipe-name,.craft-name,[class*="card-title"],[class*="material-name"]{font-size:15px !important;font-weight:600 !important;color:#333 !important;flex:1 !important;margin-right:10px !important}.card-badge,.material-badge,.dim-badge,.score-badge,[class*="card-badge"],[class*="dim-badge"],[class*="score-badge"]{flex-shrink:0 !important;padding:4px 10px !important;font-size:11px !important;font-weight:600 !important;border-radius:12px !important;background:var(--primary-color,#c9a96e) !important;color:#fff !important}.card-meta,.material-meta,.recipe-meta,.craft-meta,[class*="card-meta"],[class*="material-meta"]{display:flex !important;flex-wrap:wrap !important;gap:6px !important;margin-bottom:10px !important}.meta-item,[class*="meta-item"]{font-size:12px !important;color:#999 !important;background:#f5f5f5 !important;padding:3px 8px !important;border-radius:4px !important}.card-desc,.material-desc,.recipe-desc,.craft-desc,[class*="card-desc"],[class*="material-desc"]{font-size:13px !important;color:#666 !important;line-height:1.5 !important;margin-bottom:10px !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}.card-footer,.material-card-footer,[class*="card-footer"],[class*="material-card-footer"]{display:flex !important;justify-content:space-between !important;align-items:center !important;padding-top:10px !important;border-top:1px solid #f0f0f0 !important}.card-price,.material-price,[class*="card-price"],[class*="material-price"]{font-size:16px !important;font-weight:700 !important;color:var(--primary-color,#c9a96e) !important}.card-actions,[class*="card-actions"]{display:flex !important;gap:8px !important}.card-actions button,.card-actions a{padding:6px 12px !important;font-size:12px !important;min-height:32px !important;border-radius:6px !important}.table-container,.table-wrapper,[class*="table-container"],[class*="table-wrapper"]{display:block !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;margin:12px !important;border:1px solid #eee !important;border-radius:8px !important}table{width:100% !important;min-width:600px !important;font-size:13px !important;border-collapse:collapse !important}thead{position:sticky !important;top:0 !important;background:#f5f5f5 !important;z-index:1 !important}th,td{padding:10px 12px !important;text-align:left !important;border-bottom:1px solid #eee !important;white-space:nowrap !important}th{font-weight:600 !important;color:#333 !important;font-size:13px !important}td{color:#666 !important}tbody tr:active{background:#f9f9f9 !important}.pagination,[class*="pagination"]{display:flex !important;justify-content:center !important;align-items:center !important;flex-wrap:wrap !important;gap:6px !important;padding:20px 12px !important}.pagination a,.pagination button,.pagination span{min-width:40px !important;height:40px !important;padding:0 12px !important;font-size:14px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:8px !important;border:1px solid #ddd !important;background:#fff !important;color:#333 !important;text-decoration:none !important}.pagination a:active,.pagination button:active{background:#f0f0f0 !important}.pagination .current,.pagination .active{background:var(--primary-color,#c9a96e) !important;color:#fff !important;border-color:var(--primary-color,#c9a96e) !important}.pagination .disabled{opacity:0.5 !important;pointer-events:none !important}.detail-modal,.info-modal,.preview-modal,[class*="detail-modal"],[class*="info-modal"],[class*="preview-modal"]{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100% !important;max-width:100% !important;height:100vh !important;max-height:100vh !important;margin:0 !important;border-radius:0 !important;z-index:1000 !important;display:flex !important;flex-direction:column !important;background:#fff !important}.detail-modal-header,[class*="detail-modal-header"]{position:sticky !important;top:0 !important;background:#fff !important;padding:14px 16px !important;border-bottom:1px solid #eee !important;display:flex !important;justify-content:space-between !important;align-items:center !important;flex-shrink:0 !important;z-index:10 !important}.detail-modal-title{font-size:17px !important;font-weight:600 !important;color:#333 !important;flex:1 !important}.detail-modal-close{width:36px !important;height:36px !important;font-size:22px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#f0f0f0 !important;border-radius:50% !important;border:none !important;margin-left:10px !important}.detail-modal-body,[class*="detail-modal-body"]{flex:1 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;padding:16px !important}.detail-modal-footer,[class*="detail-modal-footer"]{position:sticky !important;bottom:0 !important;background:#fff !important;padding:12px 16px !important;padding-bottom:calc(12px + env(safe-area-inset-bottom)) !important;border-top:1px solid #eee !important;display:flex !important;gap:10px !important;flex-shrink:0 !important}.detail-modal-footer button{flex:1 !important;height:46px !important;font-size:15px !important;border-radius:8px !important}.empty-state,.no-results,.loading-state,[class*="empty-state"],[class*="no-results"]{padding:60px 20px !important;text-align:center !important}.empty-icon,[class*="empty-icon"]{font-size:56px !important;margin-bottom:16px !important}.empty-title,[class*="empty-title"]{font-size:17px !important;font-weight:600 !important;color:#333 !important;margin-bottom:8px !important}.empty-desc,[class*="empty-desc"]{font-size:14px !important;color:#999 !important;margin-bottom:20px !important}.empty-action,[class*="empty-action"]{display:inline-block !important;padding:12px 24px !important;background:var(--primary-color,#c9a96e) !important;color:#fff !important;border-radius:8px !important;font-size:15px !important;text-decoration:none !important;min-height:46px !important}.load-more,[class*="load-more"]{display:flex !important;justify-content:center !important;padding:20px 12px !important}.load-more button{width:100% !important;max-width:300px !important;height:44px !important;font-size:14px !important;border-radius:22px !important;background:#f5f5f5 !important;color:#666 !important;border:1px solid #eee !important}.load-more button:active{background:#e8e8e8 !important}.loading-spinner-small{display:inline-block !important;width:20px !important;height:20px !important;border:2px solid #f0f0f0 !important;border-top-color:var(--primary-color,#c9a96e) !important;border-radius:50% !important;animation:spin 0.8s linear infinite !important;margin-right:8px !important;vertical-align:middle !important}.content-area,.main-content,.list-container,[class*="content-area"],[class*="main-content"],[class*="list-container"]{padding-bottom:80px !important}select,.select-input,[class*="select-input"]{width:100% !important;height:44px !important;font-size:15px !important;padding:0 12px !important;border:1px solid #ddd !important;border-radius:8px !important;background:#fff !important;color:#333 !important}select:focus{outline:none !important;border-color:var(--primary-color,#c9a96e) !important}}@media (max-width:480px){.card-title,.material-name,.recipe-name,.craft-name{font-size:14px !important}.card-price,.material-price{font-size:15px !important}.pagination a,.pagination button,.pagination span{min-width:36px !important;height:36px !important;font-size:13px !important}table{min-width:500px !important;font-size:12px !important}th,td{padding:8px 10px !important}}