@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/notoserifsc/v35/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7SCqyWv.ttf) format('truetype')}@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/notoserifsc/v35/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7SwqyWv.ttf) format('truetype')}@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/notoserifsc/v35/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7RcrCWv.ttf) format('truetype')}@font-face{font-family:'Noto Serif SC';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/notoserifsc/v35/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7RlrCWv.ttf) format('truetype')}.color-categories{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;justify-content:center}.cat-inner-btn{background:transparent;border:1px solid var(--gray-200);padding:8px 20px;border-radius:40px;cursor:pointer;transition:all 0.3s;font-size:0.85rem;color:var(--gray-600)}.cat-inner-btn i{margin-right:6px}.cat-inner-btn.active{background:#8B4513;border-color:#8B4513;color:white;box-shadow:0 4px 12px rgba(139,69,19,0.3)}.cat-inner-btn:hover:not(.active){background:var(--gray-100);transform:translateY(-2px)}.search-bar-chinese{display:flex;align-items:center;background:white;border:1px solid var(--gray-200);border-radius:60px;padding:4px 4px 4px 20px;margin-bottom:32px;box-shadow:0 2px 10px rgba(0,0,0,0.02)}.search-bar-chinese i{color:var(--gray-400);font-size:1rem}.search-input-chinese{flex:1;border:none;padding:12px 12px;font-size:0.9rem;background:transparent}.search-input-chinese:focus{outline:none}.search-btn-chinese{background:#8B4513;border:none;color:white;width:44px;height:44px;border-radius:50%;cursor:pointer;transition:all 0.3s}.search-btn-chinese:hover{background:#A0522D;transform:scale(1.02)}.colors-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:20px;margin-bottom:40px}.color-card{background:white;border-radius:20px;overflow:hidden;cursor:pointer;transition:all 0.3s;border:1px solid var(--gray-100);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.color-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,0.1)}.color-preview{height:140px;position:relative}.color-name{padding:14px 12px;text-align:center;border-top:1px solid var(--gray-100)}.color-name h4{font-size:1rem;font-weight:600;font-family:'Noto Serif SC',serif;color:#2d2d2d;margin-bottom:6px}.color-name p{font-size:0.7rem;color:var(--gray-500);font-family:monospace}.color-card-footer{padding:8px 12px 12px;text-align:center;border-top:1px solid var(--gray-100);background:var(--gray-50)}.color-hex-small{font-family:monospace;font-size:0.7rem;color:var(--gray-500)}.color-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn 0.3s ease}.modal-content{background:white;border-radius:28px;max-width:480px;width:90%;overflow:hidden;animation:slideUp 0.3s ease}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:1.4rem;font-weight:600;font-family:'Noto Serif SC',serif;color:#2d2d2d}.modal-close{background:var(--gray-100);border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all 0.2s}.modal-close:hover{background:var(--gray-300)}.modal-body{padding:24px}.modal-color-preview{height:120px;border-radius:16px;margin-bottom:20px}.modal-info{margin-bottom:24px}.info-row{display:flex;padding:10px 0;border-bottom:1px solid var(--gray-100)}.info-row span{width:80px;color:var(--gray-500);font-weight:500}.info-row strong{flex:1;font-family:monospace;color:var(--gray-700)}.info-row p{flex:1;margin:0;color:var(--gray-600);line-height:1.5}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1}.knowledge-grid-chinese{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;margin-top:20px}.knowledge-card-chinese{background:linear-gradient(135deg, #fef9e6, #fdf4e0);border-radius:20px;padding:20px;text-align:center;border:1px solid rgba(139,69,19,0.1)}.knowledge-card-chinese i{font-size:32px;color:#8B4513;margin-bottom:12px}.knowledge-card-chinese h4{font-size:0.9rem;margin-bottom:8px;color:#5d3a1a}.knowledge-card-chinese p{font-size:0.75rem;color:#7a5a3a;line-height:1.5}.empty-state-chinese{text-align:center;padding:60px;color:var(--gray-400)}.empty-state-chinese i{font-size:48px;margin-bottom:16px}@media (max-width:900px){.colors-grid{grid-template-columns:repeat(auto-fill, minmax(160px, 1fr))}.knowledge-grid-chinese{grid-template-columns:repeat(2, 1fr)}}@media (max-width:600px){.knowledge-grid-chinese{grid-template-columns:1fr}.color-categories{gap:8px}.cat-inner-btn{padding:6px 14px;font-size:0.75rem}}