*{box-sizing:border-box;font-family:Microsoft YaHei,PingFang SC,sans-serif;margin:0;padding:0;user-select:none}:root{--primary-color:#1677ff;--primary-light:#e8f4f8;--primary-dark:#0958d9;--gray-100:#f0f2f5;--gray-200:#f5f5f5;--gray-300:#fafafa;--gray-400:#d9d9d9;--gray-500:#999;--gray-600:#666;--gray-700:#333;--highlight-color:#fff7e6;--highlight-border:#ffc53d;--highlight-text:#fa8c16;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 20px rgba(0,0,0,.15);--shadow-primary:0 2px 8px rgba(22,119,255,.3);--radius-sm:4px;--radius-md:8px;--transition-base:all 0.2s ease}body{background-color:var(--gray-100);min-height:100vh;padding:20px}.header-top{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:40px}.header-top-button{background-color:var(--gray-300);border-radius:4px;color:#343a40;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease;user-select:none}.header-top-button:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.header-top-right{gap:10px}.header-top-left,.header-top-right{cursor:pointer;display:flex;flex-direction:row;user-select:none}.header-top-left{align-items:center;justify-content:center}.header-top-left span{cursor:pointer;font-size:24px;user-select:none}.bookmark-container{background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:52px auto 0;max-width:1200px;padding:24px;width:100%}.top-actions{align-items:center;display:grid;gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto;margin-bottom:20px}.search-container{margin:0 auto 20px;max-width:600px;position:relative;user-select:none;width:100%}.search-input{background:var(--gray-300) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 12px center;border:1px solid var(--gray-400);border-radius:var(--radius-sm);font-size:14px;padding:10px 15px 10px 40px;transition:var(--transition-base);width:100%}.search-input:focus{background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(22,119,255,.1);outline:none}.search-input::placeholder{color:var(--gray-500)}.search-input-close{align-items:center;background-color:var(--gray-300);border-radius:7px;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;position:absolute;right:10px;top:6px;user-select:none;width:30px}.search-input-close:hover{background-color:var(--gray-400)}.core-add-btns{justify-content:flex-end}.core-add-btns,.level1-tabs{display:flex;flex-wrap:wrap;gap:8px}.level1-tabs{padding-bottom:8px;position:relative;user-select:none;width:100%}.level1-tab{background-color:var(--gray-200);border:none;border-radius:var(--radius-sm);color:var(--gray-700);cursor:pointer;font-size:14px;padding:9px 60px 9px 20px;position:relative;transition:var(--transition-base);white-space:nowrap}.level1-tab.active{background-color:var(--primary-color);color:#fff}.level1-tab:hover:not(.active){background-color:var(--primary-light);color:var(--primary-color)}.level1-dropdown{min-width:120px}.add-category-btn{background-color:var(--gray-300);border:1px dashed var(--gray-400);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;font-size:14px;padding:9px 18px;transition:var(--transition-base);user-select:none;white-space:nowrap}.add-category-btn:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.level2-container{background-color:var(--gray-300);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:20px;padding:12px 15px}.level2-header{justify-content:space-between;margin-bottom:8px}.level2-header,.level2-title{align-items:center;display:flex;position:relative}.level2-title{color:var(--primary-color);cursor:pointer;flex:none;font-size:15px;font-weight:600;gap:8px;padding:4px 80px 4px 0}.level2-icon{color:var(--primary-color);font-size:14px;transition:transform .2s ease}.level2-icon.expanded{transform:rotate(90deg)}.bookmark-list{display:none;flex-wrap:wrap;gap:10px;margin-bottom:4px;padding:0}.bookmark-list.expanded{display:flex}.bookmark-item{align-items:center;background-color:#fff;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--gray-700);display:flex;font-size:14px;gap:8px;justify-content:flex-start;min-width:180px;padding:10px 18px;position:relative;text-decoration:none;transition:var(--transition-base)}.bookmark-item:hover{background-color:var(--primary-light);border-color:var(--primary-light);box-shadow:var(--shadow-sm);color:var(--primary-color);transform:translateY(-1px)}.bookmark-item.highlight{background-color:var(--highlight-color);border:1px solid var(--highlight-border)}.bookmark-item .highlight-text{color:var(--highlight-text);font-weight:600}.bookmark-icon{align-items:center;background-color:var(--primary-color);border-radius:3px;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;width:20px}.add-btn{background-color:var(--gray-300);border:1px dashed var(--gray-400);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;font-size:13px;height:fit-content;padding:8px 15px;transition:var(--transition-base)}.add-btn:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.add-bookmark-level2{margin:0}.add-bookmark-in-list{margin:8px 0 0;width:fit-content}.add-level2{margin:15px 0 25px;width:fit-content}.level1-content{display:none}.level1-content.active{display:block}.no-result{background-color:var(--gray-300);border-radius:var(--radius-md);color:var(--gray-500);display:none;font-size:15px;margin:20px 0;padding:60px 20px;text-align:center}.no-result.show{display:block}.modal{align-items:center;backdrop-filter:blur(2px);background-color:rgba(0,0,0,.5);display:none;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:modalFadeIn .2s ease;background-color:#fff;border-radius:8px;box-shadow:var(--shadow-md);max-width:450px;padding:28px;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-title{align-items:center;border-bottom:1px solid var(--gray-200);color:var(--gray-700);display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:24px;padding-bottom:12px}.modal-title:before{background-color:var(--primary-color);border-radius:2px;content:"";height:20px;width:4px}.modal-form{display:flex;flex-direction:column;gap:18px}.modal-input{border:1px solid var(--gray-400);border-radius:4px;font-size:14px;padding:12px 15px;transition:border .2s ease;width:100%}.modal-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(22,119,255,.1);outline:none}.modal-btns{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:var(--transition-base);white-space:nowrap}.confirm-btn{background-color:var(--primary-color);color:#fff}.confirm-btn:hover{background-color:var(--primary-dark)}.cancel-btn{background-color:var(--gray-200);color:var(--gray-600)}.cancel-btn:hover{background-color:var(--gray-400)}.delete-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:24px;justify-content:center;margin-left:8px;opacity:0;position:absolute;right:8px;transition:all .2s ease;width:24px}.delete-btn:hover{background-color:#ffebee;transform:scale(1.1)}.delete-btn1{background:none;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;display:inline-block;font-size:20px;font-weight:700;height:24px;line-height:24px;margin-left:8px;opacity:0;position:absolute;right:8px;text-align:center;top:8px;transition:all .2s ease;width:24px}.delete-btn1:hover{background-color:#ffebee;transform:scale(1.1)}.bookmark-item:hover .delete-btn{opacity:1}.delete-level1{margin-left:auto;opacity:0;transition:opacity .2s ease}.level1-tab:hover .delete-level1{opacity:1}.delete-level2{margin-left:auto;opacity:0;transition:opacity .2s ease}.level1-tab:not(:first-child):hover:after,.level2-header:hover .delete-level2{opacity:1}@media (max-width:1024px){.search-container{max-width:500px}}@media (max-width:768px){body{padding:0}.bookmark-container{margin-top:56px;padding:16px}.search-container{max-width:100%}.core-add-btns{justify-self:flex-start}.add-bookmark-main{flex:1;justify-content:center}.level2-header{align-items:space-between;flex-direction:row;gap:8px;position:relative}.bookmark-item{min-width:100%}.modal-content{padding:20px}.delete-btn{margin-left:auto;position:static}.level1-tab{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:0}.search-button-item{flex-basis:60px;font-size:14px;gap:10px}}@media (max-width:480px){.level1-tab{font-size:13px}.add-bookmark-main,.add-category-btn{flex:1 0 0;font-size:13px;padding:8px 12px}.modal-btn{font-size:13px;padding:8px 15px}}.qrcode-btn:hover{background-color:#66b1ff}.qrcode-box{align-items:center;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.1);display:none;flex-direction:column;justify-content:center;margin-top:10px;padding:10px;position:absolute;transform:translateX(-50%);z-index:999}#qrurl{display:block;font-size:12px;margin-top:-10px;overflow-wrap:break-word;padding:8px;width:150px}.qrcode-box:before{border:8px solid transparent;border-bottom-color:#fff;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}#qrcode{height:150px;width:150px}.verification-container{display:flex;gap:10px}.verification-code{flex:1}.send-code-btn{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;white-space:nowrap}.send-code-btn:hover{background-color:#45a049}.send-code-btn:disabled{background-color:#ccc;cursor:not-allowed}.footer-record{border-top:1px solid #eee;color:#999;font-size:12px;margin-top:50px;padding:20px 0;text-align:center;width:100%}.footer-record a{color:#999;text-decoration:none}.footer-record a:hover{color:#666;text-decoration:underline}.record-items{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:5px}.copyright{margin-top:5px}.w100{width:100%}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.row{flex-direction:row}.column{flex-direction:column}.gap20{gap:20px}.unselect{user-select:none}.pointer{cursor:pointer}.relative{position:relative}.mb20{margin-bottom:20px}.search-type-item.active:after{background-color:#1677ff;border-radius:2px;bottom:-4px;content:"";height:4px;left:15%;position:absolute;width:70%}.search-type-item:hover{font-weight:700}.search-button-group{gap:20px;margin:0 auto;max-width:600px}.search-button-item{cursor:pointer;flex:0 1 80px;font-size:14px;user-select:none}.search-button-item:hover{font-weight:700}.dragging{background-color:#f0f7ff!important;cursor:move;opacity:.6}.drag-placeholder{background-color:#e8f4fd;border:1px dashed #4096ff;border-radius:4px}