body{font-family:Menlo,Monaco,Consolas,Helvetica Neue,Helvetica,Courier New,微软雅黑,monospace,Arial,sans-serif,黑体;color:#555}a{display:inline-block;text-decoration:none;font-family:Menlo,Monaco,Consolas,微软雅黑;color:#29abe2}.green{color:#0fd59d}.red{color:#f98280}.blue{color:#29abe2}input:focus,textarea:focus{outline:none}a:hover{text-decoration:none;color:#15b374}.label-success{background-color:#0fd59d}.header{box-shadow:0 0 1px #e5e5e5;border-bottom:solid 1px #d5d5d5;padding:0}.logo{text-decoration:none;font-weight:700;font-size:24px;color:#0fd59d;padding:10px}.navi{padding:5px 20px;font-size:14px;font-weight:700;font-family:Menlo,Monaco,Consolas,Courier New,monospace,Helvetica Neue,Helvetica,Arial,sans-serif,幼圆}.navi a{padding:0 20px;color:#999}.navi a:hover{color:#15b374}body{min-height:100vh;display:flex;flex-direction:column;margin:0}.emoji-picker-container{width:80%;margin:80px auto 20px;padding:20px;background-color:var(--bg-color);border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:30px;flex:1}.header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:0 20px}h1{color:var(--text-color);font-size:2em;margin:0}.emoji-categories{display:flex;flex-direction:column;gap:10px;width:200px;flex-shrink:0;padding:20px;background-color:var(--secondary-bg-color);border-radius:10px;height:fit-content;position:sticky;top:100px}.category-btn{padding:12px 20px;border:none;border-radius:10px;background-color:transparent;color:var(--text-color);cursor:pointer;transition:all .3s ease;font-size:15px;text-align:left;display:flex;align-items:center;gap:10px}.category-btn i{width:20px;text-align:center}.category-btn:hover{background-color:var(--hover-color)}.category-btn.active{background-color:var(--primary-color);color:#82dfa8}.emoji-content{flex:1;padding:20px;background-color:var(--secondary-bg-color);border-radius:10px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px;padding:10px}.emoji-item{display:flex;flex-direction:column;align-items:center;padding:15px;background-color:var(--bg-color);border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:center}.emoji-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a;background-color:var(--hover-color)}.emoji{font-size:2em;margin-bottom:8px}.description{font-size:12px;color:var(--text-color);opacity:.8}.copy-notification{position:fixed;bottom:50%;left:55%;transform:translate(-50%);background-color:#eef5fa;color:#45a8e0;padding:10px 20px;border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:9999;box-shadow:0 2px 10px #0000001a}@media(max-width:1400px){.emoji-picker-container{width:90%}}@media(max-width:768px){.emoji-picker-container{width:95%;flex-direction:column;margin:70px auto 10px;padding:10px;gap:15px}.emoji-categories{flex-direction:row;overflow-x:auto;padding:10px;position:static;width:100%}.category-btn{padding:8px 15px;font-size:14px;white-space:nowrap}.emoji-content{padding:10px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.emoji-item{padding:10px}.header-container{flex-direction:column;gap:15px;align-items:stretch}h1{text-align:center}.search-box{width:100%}}.dark-theme .emoji-categories,.dark-theme .emoji-content,.dark-theme .emoji-item{background-color:var(--dark-secondary-bg)}.dark-theme .emoji-item:hover{background-color:var(--dark-hover-color)}.emoji-item.hover{animation:bounce .5s ease}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.search-container{flex-shrink:0}.search-box{position:relative;width:300px}.search-box input{width:100%;padding:12px 20px 12px 40px;border:2px solid var(--secondary-bg-color);border-radius:25px;font-size:16px;color:var(--text-color);background-color:var(--bg-color);transition:all .3s ease;position:relative;z-index:1}.search-box input::placeholder{color:var(--text-color);opacity:.5}.search-box input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.2)}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-color);opacity:.5;pointer-events:none;font-size:14px;z-index:0}.emoji-item.hidden{display:none}.emoji-item.highlight{animation:highlight .5s ease}@keyframes highlight{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}