ul li ul{display:none}body{font-family:arial,hiragino sans gb,microsoft yahei,微軟正黑體,sans-serif;padding-bottom:120px}

/* 多项编辑弹窗样式 */
#multi-edit-modal .file-item {
    display: flex;
    align-items: center;
    padding: 12px;
    margin: 4px 0;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    cursor: move;
    transition: all 0.2s ease;
    user-select: none;
}

#multi-edit-modal .file-item:hover {
    background: #f8f9fa;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

#multi-edit-modal .file-item.dragging,
#multi-edit-modal .separator-item.dragging {
    opacity: 0.5;
    transform: scale(0.95);
    z-index: 1000;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

#multi-edit-modal .file-item.drag-over,
#multi-edit-modal .separator-item.drag-over {
    border: 2px solid #07c160;
    background: #f0f9ff;
    transform: scale(1.02);
    transition: all 0.2s ease;
}

/* 拖拽指示器样式 */
.drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: #07c160;
    border-radius: 2px;
    z-index: 1001;
    opacity: 0.8;
    animation: dropIndicatorPulse 1s ease-in-out infinite alternate;
}

@keyframes dropIndicatorPulse {
    from { opacity: 0.6; }
    to { opacity: 1; }
}

/* 拖拽手柄样式优化 */
#multi-edit-modal .drag-handle {
    margin-left: 10px;
    color: #ccc;
    cursor: grab;
    font-size: 16px;
    padding: 5px;
    border-radius: 3px;
    transition: all 0.2s ease;
}

#multi-edit-modal .drag-handle:hover {
    color: #07c160;
    background: rgba(7, 193, 96, 0.1);
    cursor: grabbing;
}

#multi-edit-modal .file-item:hover .drag-handle,
#multi-edit-modal .separator-item:hover .drag-handle {
    color: #999;
}

#multi-edit-modal .file-item .checkbox {
    margin-right: 12px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#multi-edit-modal .file-item .icon {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center;
}

#multi-edit-modal .file-item .title {
    flex: 1;
    font-size: 14px;
    color: #333;
}



#multi-edit-modal button:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

#multi-edit-modal #batch-delete-btn:not(:disabled):hover {
    background: #e73c3c !important;
}

#multi-edit-modal #batch-delete-btn:disabled {
    cursor: not-allowed;
}a{color:#000;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}a:hover{color:#6495ed;text-decoration:none;cursor:pointer}.menu{border-left:1px solid #000;margin:5px 0 5px -16px;padding-left:32px;z-index:1001;position:relative}li{list-style-type:none;line-height:1.7;text-indent:-12px}li ul{margin-left:18px;height:auto !important}#top{text-align:center;margin-top:15px}.topSerach{border:1px solid;padding:3px;font-size:15px;border-radius:4px;margin:0 3px 0 3px}#mainmenu{margin-left:-45px;font-size:17px;z-index:1001;position:relative}.fa-windows{color:#007bda;margin-right:3px;margin-left:2px}.fa-laptop{padding-left:4px;text-indent:0;color:grey}.fa-linux{padding-left:4px;text-indent:0}.fa-android{padding-left:4px;text-indent:0;color:#7cb342}.fa-apple{margin:0 2px 0 -8px;text-indent:0;color:grey}.fa-folder{color:gold}.fa-cog{margin-top:2px;margin-left:-25px}.fa-file-text-o{padding:0 4px 0 4px;color:teal}.fa-youtube-play{padding:0 2px 0 2px;color:tomato}.fa-gift{padding:0 3px 0 4px;color:coral}.fa-shopping-cart{padding:0 4px 0 2px;color:#ff5b00}.fa-weixin{color:#07c261}.fa-tree{color:#07c261}.fa-commenting-o{padding-left:2px}#footer{text-align:center;margin-top:20px;color:#5c5c5c;font-size:12px;-webkit-text-size-adjust:100%;position:fixed;bottom:10px;left:0;right:0;background:rgba(245,245,245,0.9);padding:5px 0 10px 0;z-index:1;transition:all 0.3s ease}#split{color:black;font-size:12px;opacity:.7;margin-left:-13px}.light{opacity:1}.dark{opacity:0;position:absolute}.mode{width:34px}.res{border-style:solid;border-width:1;margin:0 2px;padding:0 2px}.fa-link{padding:0 6px 0 4px;color:cornflowerblue;vertical-align:middle}.fa-internet-explorer{padding:0 6px 0 3px;color:cornflowerblue;vertical-align:baseline;margin-bottom:2px}.bei{margin:0 0 -7px 4px}.free{height:20px;margin:0 2px -5px -12px}.pay{height:23px;margin:0 0 -6px -12px}.result{background:#ff0}.forkit{position:fixed;right:0;top:0;width:150px;height:100px;font-family:lato,sans-serif;text-decoration:none}.forkit .tag{display:block;height:30px;width:200px;color:#fff;background:#000;text-align:center;font-size:12px;line-height:30px;box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-transform-origin:15px 0;-moz-transform-origin:15px 0;-ms-transform-origin:15px 0;-o-transform-origin:15px 0;transform-origin:15px 0}.update-log-btn .tag{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;transition:all 0.3s ease;font-weight:600;letter-spacing:0.5px;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.update-log-btn:hover .tag{background:linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important;transform:rotate(45deg) scale(0.9) !important;box-shadow:0 8px 25px rgba(102,126,234,0.6);border-color:rgba(255,255,255,0.5)}.update-log-btn .tag{animation:pulse-glow 2s ease-in-out infinite alternate}.update-log-btn:hover .tag{animation:none}@keyframes pulse-glow{0%{box-shadow:0 4px 15px rgba(102,126,234,0.4)}100%{box-shadow:0 4px 20px rgba(102,126,234,0.6)}}.darkmode-toggle{width:25px;height:14px;position:absolute;border:0;background:0;right:unset;left:23px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:2;margin-top:7px}.button{display:inline-block;font-size:12px;cursor:pointer;background-color:FFF;border:solid 1px #07c160;border-radius:3px}.button:hover{background-color:#f0f0f0}.button:active{background-color:#FFF;transform:translateY(2px)}:focus{outline:0}.fa-info-circle{margin:5px 8px 5px 20px;color:darkgray}.fa-info-circle:hover::after{content:attr(notes);padding-left:4px;font-size:15px;line-height:17px}.fa-info-circle.touched::after{content:attr(notes);padding-left:4px;font-size:15px;line-height:17px}.fa-quote-left{padding:0 4px 0 4px;color:yellowgreen}.fa-ban{padding:0 4px 0 4px;color:#ff5b00}.fa-medkit{padding:0 4px 0 4px;color:#ff5b00}.fa-exclamation-triangle{padding:0 3px 0 3px;color:#ffc83d}.icon{width:24px;margin-right:2px;vertical-align:middle}

/* SVG图标统一样式 */
li svg {
    width: 18px !important;
    height: 18px !important;
    margin-right: 6px;
    margin-left: -10px;
    vertical-align: middle;
    display: inline-block;
}

/* 确保SVG图标在列表中的对齐 */
#mainmenu li svg {
    width: 18px !important;
    height: 18px !important;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;
}

@keyframes blink{0%,100%{color:#FFF}50%{color:#000}}.blink{animation:blink 3s linear infinite}.android{text-indent:inherit;padding-right:4px}#win{height:18px;vertical-align:middle;padding-left:2px}#mac{height:18px;vertical-align:middle;padding-left:2px}#linux{height:18px;vertical-align:middle;padding-left:2px}#android{height:18px;vertical-align:middle;padding-left:2px}#ios{height:18px;vertical-align:middle;margin-left:-11px;margin-right:3px}#extend{height:24px;vertical-align:middle;margin-left:-14px}#web{height:18px;vertical-align:middle;padding-left:2px}#applet{height:18px;vertical-align:middle;margin:0 2px 0 -10px}.two{height:18px;vertical-align:middle;margin-left:-11px;margin-right:3px}.three{height:18px;vertical-align:middle;margin-left:-11px;margin-right:3px}.four{height:18px;vertical-align:middle;margin:0 3px 0 -11px}.five{height:18px;vertical-align:middle;margin:0 3px 0 -11px}.six{height:18px;vertical-align:middle;margin:0 3px 0 -11px}.eight{height:18px;vertical-align:middle;margin:0 3px 0 -11px}.mySwiper:hover .swiper-button-next,.mySwiper:hover .swiper-button-prev{opacity:.85 !important}.swiper-pagination{position:absolute;bottom:10px;left:0;width:100%;z-index:10;display:flex;justify-content:center;align-items:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;margin:0 4px;cursor:pointer;background:#5c5c5c;opacity:.4}.swiper-pagination-bullet-active{opacity:1;background:#5c5c5c;width:10px;height:10px;border-radius:50%}.mySwiper{position:relative;z-index:999}

/* 分割线编辑弹窗样式 */
#separator-edit-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10002;
    justify-content: center;
    align-items: center;
}

#separator-edit-modal.show {
    display: flex;
}

.separator-edit-content {
    background: white;
    padding: 25px;
    border-radius: 12px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(-20px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.separator-edit-content h3 {
    margin: 0 0 20px 0;
    color: #333;
    font-size: 18px;
    border-bottom: 2px solid #1A76D2;
    padding-bottom: 8px;
}

.separator-edit-content .input-group {
    margin-bottom: 20px;
}

.separator-edit-content .input-group label {
    display: block;
    margin-bottom: 8px;
    color: #555;
    font-weight: 500;
    font-size: 14px;
}

.separator-edit-content .input-group input {
    width: 100%;
    padding: 12px;
    border: 2px solid #e0e0e0;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
}

.separator-edit-content .input-group input:focus {
    outline: none;
    border-color: #1A76D2;
    box-shadow: 0 0 0 3px rgba(26, 118, 210, 0.1);
}

.separator-edit-buttons {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 25px;
}

.separator-edit-buttons button {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 500;
}

.separator-edit-buttons .save-btn {
    background: #1A76D2;
    color: white;
}

.separator-edit-buttons .save-btn:hover {
    background: #1565C0;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(26, 118, 210, 0.3);
}

.separator-edit-buttons .delete-btn {
    background: #e74c3c;
    color: white;
}

.separator-edit-buttons .delete-btn:hover {
    background: #c0392b;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);
}

.separator-edit-buttons .cancel-btn {
    background: #f5f5f5;
    color: #666;
    border: 2px solid #e0e0e0;
}

.separator-edit-buttons .cancel-btn:hover {
    background: #e8e8e8;
    border-color: #ccc;
    transform: translateY(-1px);
}

/* 分割线鼠标悬停效果 - 只在编辑模式下生效 */
body.edit-mode #split, 
body.edit-mode li[id="split"] {
    cursor: pointer;
    transition: all 0.2s ease;
    padding: 2px 4px;
    border-radius: 3px;
}

body.edit-mode #split:hover, 
body.edit-mode li[id="split"]:hover {
    background-color: rgba(26, 118, 210, 0.1);
    color: #1A76D2 !important;
    transform: scale(1.02);
}

/* 非编辑模式下的分割线样式 */
body:not(.edit-mode) #split, 
body:not(.edit-mode) li[id="split"] {
    cursor: default;
    transition: none;
}

/* 总链接数量显示样式 - 方案1: 简洁文字样式 */
.link-count-simple {
    color: #666;
    font-size: 14px;
    cursor: help;
    transition: color 0.2s ease;
}

.link-count-simple:hover {
    color: #333;
}

/* 方案2: 轻微强调样式（备用） */
.link-count-subtle {
    color: #555;
    font-size: 13px;
    background: #f5f5f5;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    cursor: help;
    transition: all 0.2s ease;
}

.link-count-subtle:hover {
    background: #ebebeb;
    border-color: #ccc;
    color: #333;
}

/* 方案3: 图标风格样式（备用） */
.link-count-icon {
    color: #666;
    font-size: 14px;
    cursor: help;
    transition: color 0.2s ease;
}

.link-count-icon:hover {
    color: #6495ed;
}

.link-count-icon:before {
    content: "🔗 ";
    margin-right: 3px;
}

#link-count-number {
    animation: countUp 0.3s ease-out;
}

@keyframes countUp {
    from {
        opacity: 0;
        transform: scale(0.9);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* 书签拖拽区域样式 */
#bookmark-drop-zone {
    border: 2px dashed #ccc;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    background: #fafafa;
    transition: all 0.3s ease;
    cursor: pointer;
}

#bookmark-drop-zone:hover {
    border-color: #1A76D2;
    background: #f0f8ff;
}

#bookmark-drop-zone.drag-over {
    border-color: #07c160;
    background: #f0fff4;
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(7, 193, 96, 0.2);
}

#bookmark-drop-zone.drag-over .fa-cloud-upload {
    color: #07c160;
    animation: bounce 0.6s ease-in-out infinite alternate;
}

@keyframes bounce {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-5px);
    }
}

/* 文件上传状态提示 */
.upload-success {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.upload-error {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.upload-processing {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

/* SVG图标样式 */
svg {
    width: 18px !important;
    height: 18px !important;
    margin-right: 6px;
    vertical-align: middle;
    display: inline-block;
}

/* SVG图标可点击样式 */
svg[data-icon-edit="true"] {
    cursor: pointer;
}

svg[data-icon-edit="true"]:hover {
    opacity: 0.8;
}

/* 开关样式 */
.notice-toggle {
    transition: 0.3s;
    margin-right: 10px;
}

.notice-toggle-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background: white;
    border-radius: 50%;
    transition: 0.3s;
}

.notice-toggle input:checked + .notice-toggle-slider {
    background: #67c23a;
}

.notice-toggle input:checked + .notice-toggle-slider:before {
    transform: translateX(26px);
}

.notice-toggle-text {
    font-size: 14px;
    color: #333;
}

/* 表单样式 */
.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    color: #333;
    font-size: 14px;
}

.form-group input,
.form-group textarea,
.form-group select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.2s ease;
    box-sizing: border-box;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.1);
}

.form-group textarea {
    resize: vertical;
    min-height: 80px;
}

/* 弹窗底部 */
.notice-modal-footer {
    padding: 20px;
    background: #f8f9fa;
    border-top: 1px solid #e5e5e5;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* 按钮样式 */
.notice-btn {
    padding: 10px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}

.notice-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.notice-btn-primary {
    background: #667eea;
    color: white;
}

.notice-btn-primary:hover {
    background: #5a6fd8;
}

.notice-btn-secondary {
    background: #6c757d;
    color: white;
}