:root{--primaryColor:#4a6fa5;--secondaryColor:#6b8cce;--backgroundColor:#f5f7fa;--cardColor:#fff;--textColor:#333;--textLight:#666;--borderRadius:8px;--shadow:0 2px 8px rgba(0,0,0,0.1);--transition:all 0.3s ease;--headerHeight:63px;--sidebarWidth:220px}:target{scroll-margin-top:calc(var(--headerHeight) + 12px)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--backgroundColor);color:var(--textColor);line-height:1.6}.container{padding:0 20px}.header{position:sticky;top:0;z-index:100;box-sizing:border-box;height:var(--headerHeight);padding:12px 0;color:white;box-shadow:var(--shadow);background-color:var(--primaryColor)}.headerContent{display:flex;justify-content:space-between;align-items:center;gap:16px}.menuToggle{display:none;background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:4px 8px}.logo{min-width:120px}.logoIcon{display:inline-block;margin-right:3px;width:26px;height:26px;vertical-align:middle}.logoText{display:inline-block;font-size:22px;font-weight:bold;color:white;text-decoration:none;white-space:nowrap;vertical-align:middle}.searchContainer{position:relative;flex:1;max-width:400px}#search{width:100%;padding:10px 40px 10px 15px;border:none;border-radius:25px;font-size:14px;outline:none}#searchBtn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;cursor:pointer}.favoriteBtn{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,0.2);border:none;padding:8px 16px;border-radius:20px;cursor:pointer;color:white;font-size:14px;transition:var(--transition);white-space:nowrap}.favoriteBtn:hover{background:rgba(255,255,255,0.3)}.favoriteIcon{font-size:18px}.favoriteCount{background:#ff6b6b;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:bold}.headerNav{display:flex;align-items:center;gap:8px}.headerNavLink{padding:6px 14px;border-radius:20px;color:white;text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition);background:rgba(255,255,255,0.15)}.headerNavLink:hover{background:rgba(255,255,255,0.3)}.headerNavLink.active{background:rgba(255,255,255,0.35);font-weight:600}.mobileSearchOverlay{display:none;position:fixed;top:var(--headerHeight);left:0;right:0;background-color:var(--primaryColor);padding:12px 10px;z-index:99;box-shadow:0 4px 12px rgba(0,0,0,0.15);transform-origin:top;animation:slideDown 0.3s ease-out}.mobileSearchOverlay.active{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobileSearchContainer{position:relative;max-width:600px;margin:0 auto}#mobileSearch{width:100%;padding:12px 50px 12px 15px;border:none;border-radius:25px;font-size:15px;outline:none;background-color:white}.mobileSearchClose{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:20px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.mobileSearchClose:hover{background-color:rgba(0,0,0,0.1);color:#333}.sidebar{position:sticky;top:var(--headerHeight);float:left;width:var(--sidebarWidth);height:100vh;background-color:var(--cardColor);box-shadow:-2px 0 10px rgba(0,0,0,0.1);z-index:200;overflow-y:auto;transition:transform 0.3s ease}.sidebar.active{transform:translateX(0)}.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:150;opacity:0;transition:opacity 0.3s ease}.overlay.active{display:block;opacity:1}.sidebarHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;font-weight:bold;color:var(--primaryColor);position:sticky;top:0;background:var(--cardColor);z-index:1}.sidebarList{list-style:none;padding:10px 0}.sidebarItem{border-bottom:1px solid #f0f0f0}.sidebarLink{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--textColor);text-decoration:none;transition:var(--transition)}.sidebarLink:hover{background-color:#f5f7fa;color:var(--primaryColor)}.sidebarIcon{font-size:18px}.sidebarText{font-weight:500}.sidebarSublist{list-style:none;background-color:#fafafa}.sidebarSubitem{border-bottom:1px solid #eee}.sidebarSublink{display:block;padding:10px 20px 10px 48px;color:var(--textLight);text-decoration:none;font-size:13px;transition:var(--transition)}.sidebarSublink:hover{background-color:#f0f2f5;color:var(--primaryColor)}.main{margin-left:var(--sidebarWidth);padding:20px 0}.mainContent{padding:0 20px}.pageHeader{margin-bottom:24px}.pageTitle{font-size:28px;margin-bottom:8px;color:var(--textColor)}.pageDesc{color:var(--textLight);font-size:14px}.sectionTitle{font-size:20px;margin:30px 0 16px;color:var(--primaryColor);border-bottom:2px solid var(--primaryColor);padding-bottom:8px}.subcategory{margin-bottom:24px}.subcategoryTitle{font-size:16px;margin:20px 0 12px;color:var(--textColor);padding-left:12px;border-left:3px solid var(--secondaryColor)}.emojiGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.emojiItem{position:relative;padding:14px 10px;min-width:100px;max-width:150px;text-align:center;cursor:pointer;border-radius:var(--borderRadius);box-shadow:var(--shadow);background-color:var(--cardColor);transition:var(--transition)}.emojiItem:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,0.15)}.emojiSymbol{font-size:40px;margin-bottom:6px;display:block}.emojiName{display:block;margin:auto;width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:11px;color:var(--textLight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favoriteStar{position:absolute;top:4px;right:4px;background:none;border:none;font-size:14px;cursor:pointer;opacity:0.4;transition:var(--transition);padding:2px}.favoriteStar:hover{opacity:1;transform:scale(1.2)}.favoriteStar.active{opacity:1;color:#ffd700}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(100px);background-color:rgba(0,0,0,0.8);color:white;padding:12px 24px;border-radius:var(--borderRadius);font-size:14px;z-index:1000;opacity:0;transition:var(--transition)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.footer{background-color:var(--cardColor);padding:20px 0;margin-top:40px;text-align:center;color:var(--textLight);font-size:14px}@media (max-width:1199px){.emojiGrid{grid-template-columns:repeat(6,1fr)}}@media (max-width:991px){.emojiGrid{grid-template-columns:repeat(5,1fr)}.headerContent{flex-wrap:wrap}.searchContainer{order:3;max-width:100%;width:100%}.sidebar{position:fixed;top:var(--headerHeight);left:0;width:280px;height:calc(100vh - var(--headerHeight));transform:translateX(-100%);box-shadow:2px 0 10px rgba(0,0,0,0.1)}.sidebar.active{transform:translateX(0)}.main{margin-left:0}}@media (max-width:767px){:root{--headerHeight:50px}.container{padding:0 5px 0 0}.header{padding:8px 0}.menuToggle{display:block;font-size:20px}.headerContent{flex-wrap:nowrap;gap:12px}.logoIcon{width:22px;height:22px}.logoText{font-size:18px}.searchContainer{order:0;flex:0 0 auto;max-width:none;width:auto}.searchContainer #search{display:none}.searchContainer #searchBtn{position:static;transform:none;background:rgba(255,255,255,0.2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:var(--transition)}.searchContainer #searchBtn:hover{background:rgba(255,255,255,0.3)}.favoriteBtn{padding:5px 10px;font-size:12px}.favoriteIcon{font-size:16px}.favoriteCount{padding:1px 6px;font-size:11px}.headerNav{gap:6px}.headerNavLink{padding:5px 10px;font-size:12px}.emojiGrid{grid-template-columns:repeat(4,1fr);gap:8px}.emojiItem{padding:10px 6px}.emojiSymbol{font-size:32px;margin-bottom:4px}.emojiName{font-size:10px}.pageTitle{font-size:22px}.sectionTitle{font-size:18px}.subcategoryTitle{font-size:15px}body.sidebar-open{overflow:hidden}.mobileSearchOverlay{top:var(--headerHeight)}.sidebar{top:var(--headerHeight);height:calc(100vh - var(--headerHeight))}}@media (max-width:479px){.emojiGrid{grid-template-columns:repeat(3,1fr);gap:6px}.emojiItem{padding:8px 4px}.emojiSymbol{font-size:28px;margin-bottom:2px}.emojiName{font-size:9px}.favoriteStar{font-size:12px;top:2px;right:2px}.pageTitle{font-size:18px}.sectionTitle{font-size:16px}.subcategoryTitle{font-size:14px}}@media (prefers-color-scheme:dark){:root{--backgroundColor:#1a1a1a;--cardColor:#2d2d2d;--textColor:#ffffff;--textLight:#b0b0b0}.header{background-color:#2a3b5a}.sidebar{background-color:#2d2d2d}.sidebarHeader{border-bottom-color:#444}.sidebarItem{border-bottom-color:#3a3a3a}.sidebarSublist{background-color:#252525}.sidebarSubitem{border-bottom-color:#333}.sidebarLink:hover,.sidebarSublink:hover{background-color:#3a3a3a}.emojiItem{box-shadow:0 2px 8px rgba(0,0,0,0.3)}.footer{background-color:#2d2d2d}}.symbolTable{width:100%;border-collapse:collapse;margin:20px 0;background-color:var(--cardColor);box-shadow:var(--shadow);border-radius:var(--borderRadius);overflow:hidden}.symbolTable th{background-color:var(--primaryColor);color:white;padding:12px 15px;text-align:left;font-weight:600}.symbolTable td{padding:10px 15px;border-bottom:1px solid #eee}.symbolTable tr:hover{background-color:#f5f7fa}.symbolTable tr:last-child td{border-bottom:none}.symbolCell{font-size:24px;text-align:center;cursor:pointer;transition:var(--transition)}.symbolCell:hover{transform:scale(1.2)}.symbolName{font-size:14px;color:var(--textLight)}.symbolCode{font-family:monospace;font-size:12px;color:var(--textLight)}.symbolSection{margin-bottom:30px}@media (max-width:767px){.symbolTable{font-size:14px}.symbolTable th,.symbolTable td{padding:8px 10px}.symbolCell{font-size:20px}}@media (prefers-color-scheme:dark){.symbolTable tr:hover{background-color:#3a3a3a}.symbolTable td{border-bottom-color:#444}}