*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:NotoSerifSC;src:url(/assets/fonts/NotoSerifSC-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--default-bg-opacity: 1}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:linear-gradient(rgba(255,255,255,var(--default-bg-opacity)),rgba(255,255,255,var(--default-bg-opacity))),url(/assets/images/bg.jpg) center center no-repeat fixed;background-size:cover;height:100vh;padding:0;margin:0;overflow-x:hidden;overflow-y:hidden;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}body:before{content:"";position:fixed;inset:0;background:#0000004d;z-index:-1}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.search-bar{width:100%;display:flex;justify-content:center;padding:0 20px;margin-bottom:30px;position:relative;z-index:10}.search-container{display:flex;align-items:center;gap:10px;background:#fffffff2;backdrop-filter:blur(10px);padding:8px 12px;border-radius:50px;box-shadow:0 8px 24px #00000026;max-width:600px;width:100%;transition:all .3s ease}.search-container:focus-within{box-shadow:0 12px 32px #00000040;transform:translateY(-2px)}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:15px;padding:8px 12px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.search-input::placeholder{color:#999}.search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.search-input-wrapper .search-input{padding-right:32px}.search-clear-btn{position:absolute;right:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;color:#666;padding:0;transition:all .2s ease}.search-clear-btn:hover{background:#0003;color:#333}.custom-select{position:relative;min-width:100px}.custom-select-trigger{display:flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#ffffffe6,#f0f0f0e6);padding:6px 10px 6px 12px;border-radius:20px;font-size:13px;color:#555;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;box-shadow:0 1px 3px #0000000d}.custom-select-trigger:hover{background:linear-gradient(135deg,#fff,#f5f5f5);border-color:#667eea4d;box-shadow:0 2px 6px #667eea26;transform:translateY(-1px);color:#333}.custom-select-trigger .select-arrow{color:#666;transition:all .3s ease}.custom-select-trigger:hover .select-arrow{color:#667eea}.custom-select.active .custom-select-trigger{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 6px #667eea26}.custom-select.active .select-arrow{transform:rotate(180deg);color:#667eea}.custom-select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f,0 0 0 1px #0000000d;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:1000;min-width:120px}.custom-select.active .custom-select-options{opacity:1;visibility:visible;transform:translateY(0)}.custom-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:all .2s ease;font-size:13px;color:#555;font-weight:500}.custom-option:first-child{border-radius:12px 12px 0 0}.custom-option:last-child{border-radius:0 0 12px 12px}.custom-option:hover{background:linear-gradient(135deg,#667eea14,#764ba214);color:#667eea}.custom-option.selected{background:linear-gradient(135deg,#667eea26,#764ba226);color:#667eea;font-weight:600}.custom-option .option-icon{width:18px;height:18px;object-fit:contain}.custom-option .option-text{flex:1}.custom-select-trigger .selected-icon{width:16px;height:16px;object-fit:contain}.search-button{border:none;background:#667eea;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.search-button:hover{background:#5568d3;transform:scale(1.05)}.search-button:active{transform:scale(.95)}.user-btn{position:fixed;top:30px;right:30px;width:56px;height:56px;border-radius:50%;background:#667eea;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #667eea66;transition:all .3s ease;z-index:100;overflow:hidden;padding:0}.user-btn:hover{background:#5568d3;transform:scale(1.1);box-shadow:0 12px 32px #667eea99}.user-btn:active{transform:scale(.95)}#user-btn-avatar,.user-btn img{width:100%;height:100%;object-fit:cover;border-radius:50%}#user-info{display:flex;flex-direction:column;height:100%}.user-avatar-section{display:flex;justify-content:center;align-items:center;padding:40px 0 30px;border-bottom:1px solid #f0f0f0}.user-avatar-wrapper{position:relative;width:140px;height:140px;border-radius:50%;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #667eea33,0 0 0 4px #667eea1a}.user-avatar-wrapper:hover{box-shadow:0 12px 28px #667eea4d,0 0 0 6px #667eea26;transform:scale(1.05)}.user-avatar-wrapper img{width:100%;height:100%;object-fit:cover}.avatar-upload-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#667eeae6,#764ba2e6);backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;gap:10px}.user-avatar-wrapper:hover .avatar-upload-overlay{opacity:1}.avatar-upload-overlay span{font-size:14px;font-weight:600;letter-spacing:.5px}.user-description-section{padding:25px 0;border-bottom:1px solid #f0f0f0}.user-description-wrapper{position:relative;display:flex;align-items:flex-start;gap:12px;background:linear-gradient(135deg,#f8f9ff,#fff);padding:16px;border-radius:12px;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.user-description-wrapper:hover{border-color:#667eea33;box-shadow:0 2px 8px #667eea14}.user-description{flex:1;font-size:14px;color:#555;line-height:1.8;padding:8px 12px;border-radius:6px;min-height:44px;transition:all .3s ease;word-wrap:break-word;display:flex;align-items:center}.user-description[contenteditable=true]{background:#fff;border:2px solid #667eea;outline:none;color:#333;box-shadow:0 0 0 4px #667eea1a}.edit-description-btn{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#667eea1a;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#667eea}.edit-description-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #667eea4d}.background-section{padding:20px 0;flex:1}.section-label{font-size:13px;color:#999;margin-bottom:12px;font-weight:500}.background-thumbnail-wrapper{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000001a;cursor:pointer;transition:all .3s ease}.background-thumbnail-wrapper:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.background-thumbnail{width:100%;height:180px;object-fit:cover;display:block}.background-upload-overlay{position:absolute;inset:0;background:#0009;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;gap:12px}.background-thumbnail-wrapper:hover .background-upload-overlay{opacity:1}.background-upload-overlay span{font-size:14px;font-weight:600}.config-section{padding:20px 0;border-top:1px solid #f0f0f0}.config-section:first-of-type{border-top:none}.api-key-input-wrapper{display:flex;gap:8px;align-items:center;margin-bottom:12px}.api-key-input-wrapper input{flex:1}.api-key-input-wrapper .btn-link{background:transparent;border:none;color:#06c;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.api-key-input-wrapper .btn-link:hover{background:#0066cc1a}.config-options{display:flex;flex-direction:column;gap:12px}.config-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px;background:#f8f9fa;border-radius:8px;transition:all .2s ease}.config-option:hover{background:#e9ecef}.config-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0066cc}.config-option span{font-size:14px;color:#333;user-select:none}.btn-primary{width:100%;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background:#06c;color:#fff}.btn-primary:hover{background:#0052a3;transform:translateY(-1px);box-shadow:0 4px 12px #0066cc4d}.btn-primary:active{transform:translateY(0)}.user-actions{padding:20px 0 0;margin-top:auto;border-top:1px solid #f0f0f0}.btn-logout{width:100%;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;background:#ef4444;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.btn-logout:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-logout:active{transform:translateY(0)}.drawer-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.drawer-overlay.active{opacity:1;visibility:visible}.drawer{position:fixed;top:0;right:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 24px #00000026;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column}.drawer.active{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e8e8e8;flex-shrink:0}#user-drawer .drawer-header{justify-content:center}#user-drawer.logged-in .drawer-header{justify-content:space-between}#user-drawer:not(.logged-in) .user-header-actions{display:none!important}#user-drawer.logged-in .drawer-title{font-size:18px}#user-drawer.logged-in .drawer-content{padding-top:0}.drawer-tabs{display:flex;gap:0;padding:0 24px;background:#f8f8f8;border-bottom:1px solid #e8e8e8}.drawer-tab{flex:1;padding:12px 20px;border:none;background:transparent;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.drawer-tab:hover{color:#333;background:#667eea0d}.drawer-tab.active{color:#667eea;border-bottom-color:#667eea;background:#fff}.drawer-title{font-size:20px;font-weight:600;color:#333;margin:0}.drawer-close{width:32px;height:32px;border-radius:8px;background:#f5f5f5;border:none;font-size:18px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.drawer-close:hover{background:#e8e8e8;color:#333}.drawer-content{flex:1;overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:600;color:#555;margin-bottom:8px}.form-group input{width:100%;padding:11px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;transition:all .3s ease;box-sizing:border-box;background:#fafafa}.form-group input:hover{background:#fff;border-color:#ccc}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea14}.form-actions{display:flex;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid #f0f0f0}.btn-cancel,.btn-submit{flex:1;padding:11px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#e8e8e8}.btn-submit{background:#667eea;color:#fff}.btn-submit:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 3px 8px #667eea4d}.btn-submit:active{transform:translateY(0)}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 3px 8px #ef44444d}.btn-delete:active{transform:translateY(0)}.container{width:100%;max-width:100%;padding:0 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0}.folders-viewport{width:100%;height:auto;min-height:380px;overflow:hidden;position:relative}@media(max-width:768px){.search-bar,.widgets-sidebar,.quick-access-dock,.wheel-toolbar,#live2d-show-btn{display:none!important}.user-btn{width:40px;height:40px;top:15px;right:15px;box-shadow:0 4px 12px #667eea4d}.main-content{width:100%;height:100vh;padding:60px 10px 20px;box-sizing:border-box}.container{width:100%;height:100%;padding:0;flex:1}.folders-viewport{height:calc(100vh - 120px);width:100%}.folders-page{height:calc(100vh - 120px);padding:10px;box-sizing:border-box}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px 10px;max-width:100%;width:100%;padding:5px;align-content:start}.folder{width:100%;max-width:90px;padding-bottom:8px}.folder-icon{width:65px;height:65px;border-radius:16px}.folder-name{font-size:11px;max-width:80px;margin-top:6px}.uncategorized-bookmark{width:100%;max-width:90px;padding:8px 5px}.uncategorized-bookmark .bookmark-icon{width:65px;height:65px;border-radius:16px}.uncategorized-bookmark .bookmark-icon img{width:32px;height:32px}.uncategorized-bookmark .bookmark-name{font-size:11px;max-width:80px}.page-indicators{position:fixed;bottom:20px;left:50%;transform:translate(-50%);margin:0;padding:8px 16px;background:#0000004d;border-radius:20px;backdrop-filter:blur(10px)}.page-dot{width:6px;height:6px}.page-dot.active{width:20px}}@media(max-width:480px){.main-content{padding:55px 8px 15px}.folders-viewport,.folders-page{height:calc(100vh - 100px)}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:12px 8px}.folder{max-width:80px}.folder-icon{width:58px;height:58px;border-radius:14px}.folder-name{font-size:10px;max-width:70px}.uncategorized-bookmark{max-width:80px}.uncategorized-bookmark .bookmark-icon{width:58px;height:58px;border-radius:14px}.uncategorized-bookmark .bookmark-icon img{width:28px;height:28px}.page-indicators{bottom:15px;padding:6px 12px}}.folders-grid{cursor:default}.folders-viewport.dragging,.folders-viewport.dragging *{cursor:grabbing!important}.folders-pages{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1);will-change:transform}.folders-pages.dragging{transition:none;cursor:grabbing}.folders-page{flex-shrink:0;width:100%;height:380px;display:flex;justify-content:center;align-items:flex-start}.folders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,140px));grid-auto-rows:min-content;align-items:start;gap:30px 25px;padding:15px 0;justify-content:center;width:100%;max-width:850px;margin:0 auto;min-height:0}.folders-grid:empty{min-height:0;padding:0}.draggable-container{display:contents}.page-indicators{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:20px;padding:10px;z-index:10;height:28px}.page-dot{width:8px;height:8px;border-radius:50%;background:#fff6;transition:all .3s ease;cursor:pointer;box-shadow:0 2px 4px #0003}.page-dot:hover{background:#fff9;transform:scale(1.2)}.page-dot.active{background:#ffffffe6;width:24px;border-radius:4px}.folder{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;transition:transform .3s ease;user-select:none;width:140px;padding-bottom:15px}.folder:hover{transform:translateY(-8px)}.folder.edit-mode{animation:shake .5s ease-in-out infinite;cursor:move;cursor:grab}.folder.edit-mode:active{cursor:grabbing}.folder.drag-over{transform:scale(1.1);box-shadow:0 0 20px #667eea99}.folder-delete-btn{position:absolute;top:-6px;right:20px;width:22px;height:22px;background:#ef4444;border:2px solid white;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #ef444466}.folder.edit-mode .folder-delete-btn{display:flex}.folder-delete-btn:hover{background:#dc2626;transform:scale(1.15);box-shadow:0 3px 12px #ef444499}.folder-delete-btn:before,.folder-delete-btn:after{content:"";position:absolute;width:10px;height:2px;background:#fff}.folder-delete-btn:before{transform:rotate(45deg)}.folder-delete-btn:after{transform:rotate(-45deg)}.folder-icon{width:100px;height:100px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 10px 30px #0000004d,0 0 0 1px #ffffff1a inset;transition:all .3s ease;position:relative;overflow:hidden;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%)}.folder:hover .folder-icon{box-shadow:0 15px 40px #0006;transform:scale(1.08);filter:brightness(1.1)}.folder-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px;width:100%;height:100%}.folder-preview-item{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.folder-preview-item img{width:16px;height:16px;border-radius:4px}.folder-name{font-size:16px;color:#fff;text-align:center;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);max-width:140px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s ease;margin-top:8px}.folder:hover .folder-name{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);transform:scale(1.05)}.folder-count{font-size:13px;color:#ffffffe6;margin-top:4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-overlay.active{display:flex}.modal-content{background:#ffffff1a;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:0;max-width:90%;max-height:85vh;margin-top:80px;overflow:hidden;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a inset;animation:slideUp .3s ease;position:relative;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 20px;border-bottom:2px solid rgba(255,255,255,.2);flex-shrink:0;background:transparent;border-radius:20px 20px 0 0}.modal-title{font-size:24px;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-close{width:32px;height:32px;border-radius:50%;background:#f0f0f0;border:none;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#e0e0e0;transform:rotate(90deg)}.modal-bookmarks-wrapper{flex:1;overflow-y:auto;padding:30px}.modal-bookmarks{display:grid;grid-template-columns:repeat(6,1fr);gap:25px;justify-items:center}.bookmark-item{position:relative;display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s ease}.bookmark-item:hover{transform:scale(1.1)}.bookmark-item.edit-mode{animation:shake .5s ease-in-out infinite;cursor:move;cursor:grab}.bookmark-item.edit-mode:active{cursor:grabbing}.bookmark-item.drag-over{transform:scale(1.2);box-shadow:0 0 20px #667eeacc}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.bookmark-delete-btn{position:absolute;top:-6px;right:-6px;width:22px;height:22px;background:#ef4444;border:2px solid white;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;box-shadow:0 2px 8px #ef444466}.bookmark-item.edit-mode .bookmark-delete-btn{display:flex}.bookmark-delete-btn:hover{background:#dc2626;transform:scale(1.15);box-shadow:0 3px 12px #ef444499}.bookmark-delete-btn:before,.bookmark-delete-btn:after{content:"";position:absolute;width:10px;height:2px;background:#fff}.bookmark-delete-btn:before{transform:rotate(45deg)}.bookmark-delete-btn:after{transform:rotate(-45deg)}.bookmark-icon-wrapper{width:64px;height:64px;background:#ffffff40;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 4px 12px #0003,0 0 0 1px #fff3 inset;transition:all .3s ease;font-size:32px}.bookmark-item:hover .bookmark-icon-wrapper{box-shadow:0 8px 20px #667eea80;transform:translateY(-2px)}.bookmark-icon{width:48px;height:48px;border-radius:10px}.bookmark-name{font-size:12px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);text-align:center;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.add-folder-card{opacity:.8;transition:all .3s ease}.add-folder-card:hover{opacity:1}.add-folder-card .folder-icon{background:#667eea26;backdrop-filter:blur(10px);border:2px dashed rgba(102,126,234,.5)}.add-folder-card:hover .folder-icon{background:#667eea40;border-color:#667eeacc;box-shadow:0 15px 40px #667eea4d}.add-folder-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.add-folder-icon svg{color:#667eeacc;transition:all .3s ease}.add-folder-card:hover .add-folder-icon svg{color:#667eea;transform:rotate(90deg)}.add-folder-card .folder-name{color:#ffffffe6}.add-bookmark-card{opacity:.8;cursor:pointer;transition:all .3s ease}.add-bookmark-card:hover{opacity:1;transform:scale(1.1)}.add-bookmark-icon{width:64px;height:64px;background:#667eea26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px dashed rgba(102,126,234,.5);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease}.add-bookmark-card:hover .add-bookmark-icon{background:#667eea40;border-color:#667eeacc;box-shadow:0 8px 20px #667eea66}.add-bookmark-icon svg{color:#667eeacc;transition:all .3s ease}.add-bookmark-card:hover .add-bookmark-icon svg{color:#667eea;transform:rotate(90deg)}.add-bookmark-card .bookmark-name{color:#667eea;font-weight:500}@media(max-width:1024px){.add-bookmark-btn{width:50px;height:50px;top:25px;right:25px}.add-bookmark-btn svg{width:22px;height:22px}.search-bar{padding:0 20px;margin-bottom:40px}.search-container{max-width:500px}.folders-grid{grid-template-columns:repeat(auto-fit,minmax(100px,120px));gap:25px 20px;max-width:600px}.folder-icon{width:90px;height:90px}.modal-content{margin-top:60px}.modal-bookmarks{grid-template-columns:repeat(6,1fr);gap:20px}}@media(max-width:768px){.add-bookmark-btn{width:46px;height:46px;top:20px;right:20px}.add-bookmark-btn svg{width:20px;height:20px}.add-bookmark-form-wrapper{padding:20px}.form-group input{padding:10px 14px;font-size:14px}.search-bar{padding:0 15px;margin-top:30px;margin-bottom:30px}.search-container{max-width:100%;padding:6px 10px;gap:8px}.search-input{font-size:14px;padding:6px 10px}.search-engine{font-size:13px;padding:5px 10px}.search-button{width:32px;height:32px}.search-button svg{width:18px;height:18px}.folders-grid{grid-template-columns:repeat(auto-fit,minmax(90px,100px));gap:18px 15px;max-width:450px}.folder-icon{width:80px;height:80px}.folder{width:100px}.modal-content{max-width:95%;max-height:90vh;margin-top:50px}.modal-header{padding:20px 20px 15px}.modal-bookmarks-wrapper{padding:20px}.modal-bookmarks{grid-template-columns:repeat(4,1fr);gap:15px}.bookmark-icon-wrapper{width:56px;height:56px}.bookmark-icon{width:36px;height:36px}.drawer{width:350px}}@media(max-width:480px){.widget-card.widget-collapsed{width:70px;height:70px;border-radius:16px}.widget-mini-time,.widget-mini-date{font-size:18px}.widget-mini-icon{font-size:32px}.widgets-sidebar.collapsed{padding:8px;gap:10px}.add-bookmark-btn{width:42px;height:42px;top:15px;right:15px}.add-bookmark-btn svg{width:18px;height:18px}.add-bookmark-form-wrapper{padding:15px}.form-group{margin-bottom:15px}.form-group label{font-size:13px}.form-group input{padding:9px 12px;font-size:13px}.form-actions{margin-top:20px}.btn-cancel,.btn-submit{padding:10px 20px;font-size:14px}.search-bar{padding:0 10px;margin-top:20px;margin-bottom:25px}.search-container{padding:5px 8px;gap:6px}.search-input{font-size:13px;padding:5px 8px}.search-engine{font-size:12px;padding:4px 8px}.search-button{width:30px;height:30px}.search-button svg{width:16px;height:16px}.container{padding:10px}.folders-grid{grid-template-columns:repeat(auto-fit,minmax(80px,90px));gap:12px 10px;max-width:320px;padding:10px 0}.folder-icon{width:70px;height:70px}.folder{width:85px;padding-bottom:10px}.folder-name{font-size:12px;max-width:85px}.modal-content{margin-top:40px}.modal-header{padding:15px 15px 10px}.modal-title{font-size:18px}.modal-close{width:28px;height:28px;font-size:18px}.modal-bookmarks-wrapper{padding:15px}.modal-bookmarks{grid-template-columns:repeat(3,1fr);gap:12px}.bookmark-icon-wrapper{width:50px;height:50px}.bookmark-icon{width:32px;height:32px}.bookmark-name{font-size:11px;max-width:70px}.drawer{width:100%;max-width:320px}.drawer-header{padding:15px 20px}.drawer-title{font-size:18px}.drawer-content{padding:15px 20px}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);background:#fff;color:#333;padding:16px 24px;border-radius:12px;box-shadow:0 8px 24px #00000026;font-size:14px;font-weight:500;z-index:10000;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);max-width:350px;word-wrap:break-word}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast-success{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toast-error{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.toast-info{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.modal-bookmarks-wrapper::-webkit-scrollbar{width:10px}.modal-bookmarks-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:10px 0}.modal-bookmarks-wrapper::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px;border:2px solid transparent;background-clip:padding-box;backdrop-filter:blur(10px)}.modal-bookmarks-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff80;border:2px solid transparent;background-clip:padding-box}.widgets-sidebar{position:fixed;left:30px;top:30px;display:flex;flex-direction:column;gap:20px;z-index:50;width:340px;transition:left .3s ease,transform .3s ease}.widgets-sidebar.collapsed{width:auto;padding:15px;left:30px;display:flex;flex-direction:column;gap:15px;align-items:center}.widget-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000001a;transition:background .3s ease,box-shadow .3s ease,transform .3s ease,opacity .3s ease,border-color .3s ease;overflow:hidden;box-sizing:border-box;position:relative}.widget-card:hover{background:#fff3;box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.widget-collapse-btn{position:absolute;top:0;left:0;width:35px;height:35px;cursor:pointer;z-index:10;padding:0;background:transparent;border:none;overflow:visible;border-radius:20px 0 0}.widget-collapse-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:0 0 0 0;border-color:transparent #d8d8d8 transparent transparent;transition:all .2s ease-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.25))}.widget-collapse-btn:hover:before{border-width:30px 30px 0 0}.widget-collapse-btn:active:before{border-width:33px 33px 0 0;border-color:transparent #c8c8c8 transparent transparent;filter:drop-shadow(3px 3px 4px rgba(0,0,0,.3))}.widget-collapse-btn .collapse-icon,.widget-card.widget-collapsed .widget-collapse-btn{display:none}.widget-content{opacity:1;transition:opacity .3s ease}.widget-card.widget-collapsed .widget-content{display:none}.widget-mini{display:none;opacity:0;transition:opacity .3s ease}.widget-card.widget-collapsed .widget-mini{display:flex;flex-direction:column;opacity:1;align-items:center;justify-content:center;padding:0;width:100%;height:100%;gap:4px}.widget-card.widget-collapsed{width:100px;height:100px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;border-radius:22px;background:#ffffff26;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(20px);transition:background .3s ease,box-shadow .3s ease,transform .3s ease,opacity .3s ease,border-color .3s ease;border:1px solid rgba(255,255,255,.3)}.widget-card.widget-collapsed:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026;background:#fff3}.widget-mini-time{font-size:28px;font-weight:600;color:#fffffff2;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.widget-mini-date{font-size:28px;font-weight:600;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;letter-spacing:.5px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.widget-mini-icon{font-size:48px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.time-widget{text-align:center;background:#fffffff2;border:1px solid rgba(0,0,0,.08);position:relative;overflow:visible;padding:24px 20px!important}.time-widget:hover{background:#fffffffa;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 32px #0000001a;transform:none}.time-greeting{display:none}.time-display{font-size:52px;font-weight:300;color:#666;margin-bottom:12px;letter-spacing:3px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.time-seconds{display:none}.date-display{font-size:16px;color:#666;font-weight:400;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;letter-spacing:.5px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.06)}.lunar-display{font-size:44px;color:#333;font-weight:900;margin-bottom:16px;font-family:NotoSerifSC,KaiTi,STKaiti,serif;letter-spacing:2px;line-height:1.2;white-space:nowrap}.solar-term{font-size:14px;color:#999;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;letter-spacing:.5px}.currency-widget{background:#fffffff2;border:1px solid rgba(0,0,0,.08);padding:20px!important}.currency-widget:hover{background:#fffffffa;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 32px #0000001a;transform:none}.widget-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px;text-shadow:0 1px 2px rgba(255,255,255,.8);letter-spacing:.3px}.widget-title span:first-child{font-size:18px}.currency-input-group{display:flex;gap:8px;margin-bottom:12px;width:100%}.currency-input{flex:1;min-width:0;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#00000005;color:#333;font-size:14px;font-weight:500;transition:all .3s ease;box-sizing:border-box}.currency-input::placeholder{color:#999}.currency-input:focus{outline:none;border-color:#007aff;background:#fff;box-shadow:0 0 0 3px #007aff1a}.currency-input:read-only{cursor:default;background:#00000008;color:#666}.currency-select{padding:10px 8px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#00000005;color:#333;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;width:85px;flex-shrink:0;box-sizing:border-box}.currency-select:hover{background:#0000000a;border-color:#00000026}.currency-select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.currency-select option{background:#fff;color:#333}.currency-swap-btn{width:100%;padding:8px;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#00000005;color:#666;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.currency-swap-btn:hover{background:#0000000a;border-color:#00000026;color:#333}.currency-swap-btn:active{transform:scale(.98)}.currency-rate{text-align:center;font-size:12px;color:#666;margin-top:8px;font-weight:500}.calendar-widget{background:#fffffff2;border:1px solid rgba(0,0,0,.08);padding:16px!important}.calendar-widget:hover{background:#fffffffa;border:1px solid rgba(0,0,0,.12);box-shadow:0 8px 32px #0000001a;transform:none}.calendar-header{display:flex;justify-content:center;align-items:center;margin-bottom:16px;padding:0 4px}.calendar-month-year{font-size:15px;font-weight:600;color:#333;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.calendar-page-flip-container{position:relative;width:calc(100% + 32px);height:0;left:-16px;bottom:-16px;pointer-events:none}.page-flip-corner{position:absolute;bottom:0;width:30px;height:30px;cursor:pointer;pointer-events:auto;z-index:5;overflow:visible}.page-flip-left{left:0}.page-flip-left:before{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-style:solid;border-width:0 0 0 0;border-color:transparent transparent #d8d8d8 transparent;transition:all .2s ease-out;filter:drop-shadow(-3px 3px 6px rgba(0,0,0,.3))}.page-flip-left:hover:before{border-width:0 35px 35px 0}.page-flip-left:active:before{border-width:0 38px 38px 0;border-color:transparent transparent #c8c8c8 transparent;filter:drop-shadow(-4px 4px 8px rgba(0,0,0,.35))}.page-flip-right{right:0}.page-flip-right:before{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 0 0;border-color:transparent transparent #d8d8d8 transparent;transition:all .2s ease-out;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.3))}.page-flip-right:hover:before{border-width:0 0 35px 35px}.page-flip-right:active:before{border-width:0 0 38px 38px;border-color:transparent transparent #c8c8c8 transparent;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.35))}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-size:11px;color:#999;font-weight:500;padding:4px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:#333;border-radius:8px;cursor:pointer;transition:all .2s ease;font-weight:400;background:transparent}.calendar-day:hover:not(.other-month){background:#0000000d}.calendar-day.other-month{color:#ccc;cursor:default}.calendar-day.today{background:#007aff;color:#fff;font-weight:600}.calendar-day.today:hover{background:#0051d5}.calendar-day.selected{background:#007aff1a;color:#007aff;font-weight:600}.calendar-day.selected:not(.today):hover{background:#007aff26}.widgets-toggle-btn{position:fixed;left:20px;bottom:30px;width:48px;height:48px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d,0 0 0 1px #ffffff1a inset;transition:all .3s ease;z-index:100;padding:0}.widgets-toggle-btn:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #0006,0 0 0 1px #fff3 inset;color:#fff}.widgets-toggle-btn:active{transform:translateY(0)}.widgets-sidebar.collapsed+.widgets-toggle-btn{left:20px}@media(max-width:1024px){.widgets-sidebar{left:15px;width:320px}.widget-card{padding:16px}.time-display{font-size:36px}.lunar-display{font-size:34px}.currency-select{width:75px;font-size:12px;padding:8px 6px}.calendar-day{font-size:12px}}@media(max-width:768px){.widgets-sidebar{left:-330px;transition:left .3s ease;width:310px}.widgets-sidebar:not(.collapsed){left:20px}.widgets-sidebar.collapsed{left:20px!important;width:auto;padding:10px}.widgets-toggle-btn{display:flex}.widget-card.widget-collapsed{width:80px;height:80px;border-radius:18px}.widget-mini-time,.widget-mini-date{font-size:22px}.widget-mini-icon{font-size:36px}.search-bar{margin-top:30px;margin-bottom:30px}.time-display{font-size:42px}.lunar-display{font-size:36px}}.ai-chat-float-btn{position:fixed;bottom:30px;left:30px;width:60px;height:60px;border-radius:50%;background:transparent;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d,0 0 0 1px #ffffff1a inset;transition:all .3s ease;z-index:998;padding:10px}.ai-chat-float-btn .ai-icon{width:100%;height:100%;object-fit:contain}.ai-chat-float-btn:hover{transform:translateY(-3px);background:#ffffff1a;box-shadow:0 6px 20px #0006,0 0 0 1px #ffffff26 inset}.ai-chat-float-btn:active{transform:translateY(-1px)}.ai-chat-container{position:fixed;bottom:105px;left:30px;width:420px;height:500px;background:#fffffff2;backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 8px 32px #0000001a;display:none;flex-direction:column;overflow:hidden;z-index:999;transition:all .3s ease}.ai-chat-container.active{display:flex}.ai-chat-container.fullscreen{width:calc(100vw - 40px);height:calc(100vh - 40px);bottom:20px;right:20px}.ai-chat-header{padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ai-chat-title{font-size:16px;font-weight:600;margin:0}.ai-chat-toolbar{display:flex;gap:8px}.toolbar-btn{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.toolbar-btn:hover{background:#fff3}.toolbar-btn:active{transform:scale(.95)}.ai-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.ai-chat-messages::-webkit-scrollbar{width:6px}.ai-chat-messages::-webkit-scrollbar-track{background:transparent}.ai-chat-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.ai-chat-messages::-webkit-scrollbar-thumb:hover{background:#0000004d}.ai-message{display:flex;gap:12px;max-width:85%;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message.user{align-self:flex-end;flex-direction:row-reverse}.ai-message.assistant{align-self:flex-start}.message-avatar{width:36px;height:36px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;padding:6px;box-shadow:0 2px 8px #0000001a}.message-avatar .ai-avatar-img{width:100%;height:100%;object-fit:contain}.message-content{padding:12px 16px;border-radius:12px;line-height:1.5;word-wrap:break-word}.ai-message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.ai-message.assistant .message-content{background:#0000000d;color:#333;border-bottom-left-radius:4px}.message-content.typing{display:flex;gap:4px;padding:16px}.message-content.typing span{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.ai-chat-input-area{padding:16px 20px;background:#fff;border-top:1px solid rgba(0,0,0,.1);display:flex;gap:12px;align-items:flex-end;flex-shrink:0}.ai-chat-input{flex:1;min-height:20px;max-height:150px;padding:10px 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .2s ease}.ai-chat-input:focus{border-color:#667eea}.ai-chat-send-btn{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.ai-chat-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.ai-chat-send-btn:active{transform:translateY(0)}@media(max-width:768px){.ai-chat-container{width:calc(100vw - 40px);height:calc(100vh - 40px);bottom:20px;right:20px}.ai-chat-float-btn{bottom:20px;right:20px;width:56px;height:56px}}@media(max-width:480px){.ai-chat-container{width:100vw;height:100vh;bottom:0;right:0;border-radius:0}.ai-chat-float-btn{bottom:16px;right:16px}.ai-message{max-width:90%}}.user-info-modal{max-width:550px;width:90%}#user-info-modal-overlay .modal-content{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#user-info-modal-overlay .modal-header{background:#fff!important}#user-info-modal-overlay .modal-title{color:#333!important}#user-info-modal-overlay .modal-body{background:#fff!important}.modal-body{padding:30px;overflow-y:auto;flex:1}.edit-section{margin-bottom:30px}.edit-section:last-of-type{margin-bottom:0}.edit-section .section-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333;margin-bottom:15px}.edit-section .section-label svg{flex-shrink:0}.description-textarea{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;transition:all .3s ease}.description-textarea:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.modal-actions{display:flex;gap:12px;margin-top:30px;padding-top:20px;border-top:2px solid #f0f0f0}.btn-modal{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-modal.btn-cancel{background:#f5f5f5;color:#666}.btn-modal.btn-cancel:hover{background:#e8e8e8;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-modal.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-modal.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-modal:active{transform:translateY(0)}.user-header-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:8px;background:#f5f5f5;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.icon-btn:hover{background:#e8e8e8;transform:scale(1.05)}.icon-btn:active{transform:scale(.95)}.icon-btn.logout-btn{color:#e74c3c}.icon-btn.logout-btn:hover{background:#fee}.btn-secondary{padding:12px 24px;background:#f0f0f0;color:#333;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;width:100%}.btn-secondary:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-secondary:active{transform:translateY(0)}.textarea-wrapper{position:relative;width:100%}.emoji-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.emoji-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 2px 8px #0000001a}.emoji-btn:active{transform:scale(.95)}.emoji-picker{margin-top:8px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emoji-tabs{display:flex;gap:4px;padding:8px;background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,.05)}.emoji-tab{flex:1;padding:8px;background:transparent;border:none;border-radius:6px;font-size:20px;cursor:pointer;transition:all .2s ease;opacity:.6}.emoji-tab:hover{background:#0000000d;opacity:1}.emoji-tab.active{background:#fff;opacity:1;box-shadow:0 1px 3px #0000001a}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;max-height:200px;overflow-y:auto}.emoji-item{width:100%;aspect-ratio:1;background:transparent;border:none;border-radius:6px;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.emoji-item:hover{background:#0000000d;transform:scale(1.2)}.emoji-item:active{transform:scale(.9)}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.emoji-grid{grid-template-columns:repeat(6,1fr);max-height:180px}.emoji-item{font-size:20px}.emoji-tabs{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.emoji-tab{flex-shrink:0;min-width:40px}}@media(max-width:480px){.emoji-grid{grid-template-columns:repeat(5,1fr);max-height:160px}.emoji-item{font-size:18px}}#oml2d-stage{position:fixed!important;bottom:0!important;right:10px!important;z-index:9999!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-end!important}#oml2d-canvas{vertical-align:bottom!important;display:block!important}.live2d-show-btn{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:#fffffff2;backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.3);cursor:pointer;font-size:24px;z-index:997;box-shadow:0 4px 16px #667eea4d,0 0 #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}.live2d-show-btn:hover{background:#fff;border-color:#667eea80;box-shadow:0 8px 24px #667eea66,0 0 0 8px #667eea1a;transform:scale(1.1)}.live2d-show-btn:active{transform:scale(.95)}@keyframes pulse{0%,to{box-shadow:0 4px 16px #667eea4d,0 0 #667eea66}50%{box-shadow:0 4px 16px #667eea4d,0 0 0 10px #667eea00}}#oml2d-tips{background:#fffffff2!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:0 4px 16px #0000001a!important;color:#333!important;padding:12px 16px!important;line-height:1.5!important}#oml2d-menus{background:#fffffff2!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:6px!important;box-shadow:0 2px 8px #0000001a!important;padding:3px!important;font-size:16px!important;left:-45px!important;max-width:38px!important}#oml2d-statusBar{font-size:8px!important;padding:3px 2px!important;min-width:12px!important;min-height:25px!important;border-width:1px!important}.oml2d-menus-item{transition:all .2s ease!important;width:28px!important;height:28px!important;padding:4px!important;margin:2px 0!important;display:flex!important;align-items:center!important;justify-content:center!important}.oml2d-menus-item:hover{background:#667eea1a!important;transform:scale(1.05)}@media(max-width:768px){#oml2d-stage{bottom:0!important;right:10px!important;width:225px!important;height:337.5px!important}.live2d-show-btn{width:45px;height:45px;font-size:20px;bottom:15px;right:15px}}@media(max-width:480px){#oml2d-stage,.live2d-show-btn{display:none!important}}@media(min-width:769px){body.widgets-sidebar-visible #oml2d-stage{right:280px!important;transition:right .3s ease}}@media(max-width:768px){.page-indicators{margin-top:25px;gap:6px}.page-dot{width:7px;height:7px}.page-dot.active{width:20px}}@media(max-width:480px){.page-indicators{margin-top:20px;gap:5px}.page-dot{width:6px;height:6px}.page-dot.active{width:16px}}.wheel-toolbar{position:fixed;bottom:30px;left:30px;width:80px;height:80px;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1)}.wheel-toolbar.expanded{width:400px;height:80px}.wheel-center-btn{position:absolute;bottom:0;left:0;width:60px;height:60px;border-radius:50%;background:transparent;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.wheel-center-btn .wheel-icon{color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1)}.wheel-toolbar.expanded .wheel-center-btn{transform:rotate(135deg);background:#ffffff1a;box-shadow:0 6px 24px #0006,0 0 0 1px #ffffff26 inset}.wheel-center-btn:hover{transform:scale(1.1);background:#ffffff1a;box-shadow:0 6px 20px #0006,0 0 0 1px #ffffff26 inset}.wheel-toolbar.expanded .wheel-center-btn:hover{transform:rotate(135deg) scale(1.1)}.wheel-tools-container{position:absolute;bottom:0;left:0;width:100%;height:100%}.wheel-tool-btn{position:absolute;bottom:0;left:0;width:50px;height:50px;margin:0 0 5px;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(0) scale(0);opacity:0;color:#fff;pointer-events:none}.wheel-tool-btn:hover{background:#fff3;border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 20px #0006,0 0 0 1px #fff3 inset;z-index:10;color:#fff}.wheel-tool-btn:hover svg{color:#fff}.tool-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tool-modal{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tool-modal-header{padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:space-between}.tool-modal-header h3{margin:0;font-size:18px;font-weight:600}.tool-modal-close{width:32px;height:32px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tool-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.calculator-modal{width:320px}.calculator-display{padding:20px;background:#f8f9fa}.calculator-display input{width:100%;padding:16px;font-size:24px;text-align:right;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-family:Courier New,monospace}.calculator-buttons{padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calculator-buttons button{padding:16px;font-size:18px;font-weight:600;border:none;border-radius:8px;background:#f0f0f0;cursor:pointer;transition:all .2s ease}.calculator-buttons button:hover{background:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.calculator-buttons button:active{transform:translateY(0)}.notepad-modal{width:500px;max-width:90vw}.notepad-content{padding:0}.notepad-content textarea{width:100%;height:400px;padding:20px;border:none;resize:none;font-size:14px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notepad-content textarea:focus{outline:none}.notepad-footer{padding:16px 24px;background:#f8f9fa;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e0e0e0}@media(max-width:768px){.wheel-toolbar{bottom:20px;left:20px;width:120px;height:120px}.wheel-toolbar.expanded{width:140px;height:140px}.wheel-center-btn{width:56px;height:56px}.wheel-tools-container{bottom:28px;left:28px}.wheel-tool-btn{width:46px;height:46px;margin:-23px 0 0 -23px}.calculator-modal{width:280px}.notepad-modal{width:100%;height:100vh;border-radius:0}.notepad-content textarea{height:calc(100vh - 160px)}}@media(max-width:480px){.wheel-toolbar{bottom:16px;left:16px;width:100px;height:100px}.wheel-toolbar.expanded{width:120px;height:120px}.wheel-center-btn{width:50px;height:50px}.wheel-tools-container{bottom:25px;left:25px}.wheel-tool-btn{width:42px;height:42px;margin:-21px 0 0 -21px}}.add-folder-btn{opacity:.9;transition:opacity .3s ease,transform .3s ease}.add-folder-btn:hover{opacity:1}.add-folder-btn .folder-icon{background:#ffffff1f;border:2px dashed rgba(255,255,255,.3);backdrop-filter:blur(10px)}.add-folder-btn:hover .folder-icon{background:#fff3;border-color:#ffffff80}.add-folder-icon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%}.add-folder-icon-content svg{color:#ffffffe6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.add-folder-text{font-size:13px;font-weight:600;color:#fffffff2;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media(prefers-color-scheme:dark){body:before{background:#00000080}.search-container{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1)}.search-input{color:#e0e0e0}.search-input::placeholder{color:#888}.search-clear-btn{background:#ffffff26;color:#aaa}.search-clear-btn:hover{background:#ffffff40;color:#fff}.custom-select-trigger{background:linear-gradient(135deg,#323232e6,#282828e6);border-color:#ffffff1a;color:#ccc}.custom-select-trigger:hover{background:linear-gradient(135deg,#3c3c3c,#323232);color:#fff}.custom-select-options{background:#2a2a2a;border:1px solid rgba(255,255,255,.1)}.custom-option{color:#ccc}.custom-option:hover{background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff}.drawer{background:#1a1a1a}.drawer-header{border-bottom-color:#333}.drawer-title{color:#e0e0e0}.drawer-close{background:#333;color:#ccc}.drawer-close:hover{background:#444;color:#fff}.drawer-tabs{background:#222;border-bottom-color:#333}.drawer-tab{color:#999}.drawer-tab:hover{color:#fff;background:#667eea1a}.drawer-tab.active{color:#667eea;background:#1a1a1a}.form-group label{color:#ccc}.form-group input{background:#2a2a2a;border-color:#444;color:#e0e0e0}.form-group input:hover{background:#333;border-color:#555}.form-group input:focus{background:#333;border-color:#667eea}.btn-cancel{background:#333;color:#ccc}.btn-cancel:hover{background:#444}.toast{background:#2a2a2a;color:#e0e0e0}.widget-card{background:#1e1e1ecc;border-color:#ffffff1a}.widget-card:hover{background:#282828d9}.empty-title{color:#ffffffe6}.empty-description{color:#fff9}.user-avatar-section,.user-description-section{border-bottom-color:#333}.user-description-wrapper{background:linear-gradient(135deg,#222,#1a1a1a);border-color:#667eea33}.user-description{color:#ccc}.config-section{border-top-color:#333}.config-option{background:#2a2a2a}.config-option:hover{background:#333}.config-option span{color:#ccc}.user-actions{border-top-color:#333}.section-label{color:#888}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.folder:hover{transform:none}.folder:hover .folder-icon{transform:none;filter:none}.bookmark-item:hover{transform:none}.folder.edit-mode,.bookmark-item.edit-mode,.uncategorized-bookmark.edit-mode,.empty-icon{animation:none}.folders-pages{transition:none}.modal-content{animation:none}.toast{transition:none}.toast.show{transform:translate(-50%)}}.folders-viewport{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.folders-pages{touch-action:pan-x}.folders-viewport,.folders-pages,.folders-page,.folders-grid{-webkit-user-select:none;user-select:none}.quick-access-dock{touch-action:pan-x;-webkit-overflow-scrolling:touch}.modal-bookmarks-wrapper{touch-action:pan-y;-webkit-overflow-scrolling:touch}.widgets-sidebar{touch-action:pan-y}.drawer-content{touch-action:pan-y;-webkit-overflow-scrolling:touch}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}.quick-access-dock{padding-bottom:max(15px,env(safe-area-inset-bottom))}.drawer{padding-bottom:max(0px,env(safe-area-inset-bottom))}}#app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-loading[data-v-3ea106f1]{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn-3ea106f1 .3s ease}@keyframes fadeIn-3ea106f1{0%{opacity:0}to{opacity:1}}.loading-content[data-v-3ea106f1]{text-align:center;color:#fff}.spinner[data-v-3ea106f1]{width:60px;height:60px;margin:0 auto 20px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-3ea106f1 1s linear infinite}@keyframes spin-3ea106f1{to{transform:rotate(360deg)}}.loading-text[data-v-3ea106f1]{margin:0;font-size:16px;font-weight:500;opacity:.9;animation:pulse-3ea106f1 1.5s ease-in-out infinite}@keyframes pulse-3ea106f1{0%,to{opacity:.6}50%{opacity:1}}.toast-container[data-v-0b6c1bcf]{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:500;z-index:10000;max-width:400px;word-wrap:break-word;box-shadow:0 8px 32px #0003;backdrop-filter:blur(10px)}.toast-icon[data-v-0b6c1bcf]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message[data-v-0b6c1bcf]{line-height:1.4}.toast-success[data-v-0b6c1bcf]{background:linear-gradient(135deg,#22c55ef2,#15803df2);color:#fff}.toast-error[data-v-0b6c1bcf]{background:linear-gradient(135deg,#ef4444f2,#b91c1cf2);color:#fff}.toast-warning[data-v-0b6c1bcf]{background:linear-gradient(135deg,#f59e0bf2,#d97706f2);color:#fff}.toast-info[data-v-0b6c1bcf]{background:linear-gradient(135deg,#667eeaf2,#764ba2f2);color:#fff}.toast-enter-active[data-v-0b6c1bcf]{animation:toast-in-0b6c1bcf .35s cubic-bezier(.21,1.02,.73,1)}.toast-leave-active[data-v-0b6c1bcf]{animation:toast-out-0b6c1bcf .3s cubic-bezier(.06,.71,.55,1)}@keyframes toast-in-0b6c1bcf{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes toast-out-0b6c1bcf{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-20px) scale(.9)}}