{"id":116,"url":"https:\/\/web.daaee.cn\/.\/simple_nav.php","title":"\u7f51\u5740\u5bfc\u822a","content":"<!DOCTYPE html>\n        <html lang=\"zh-CN\">\n        <head>\n            <meta charset=\"UTF-8\">\n            <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n            <title>\u7f51\u5740\u5bfc\u822a<\/title>\n            <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n            <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;500;700&family=Exo+2:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n            <style>\n            * {\n                margin: 0;\n                padding: 0;\n                box-sizing: border-box;\n            }\n            \n            :root {\n                --primary-color: #00d4ff;\n                --secondary-color: #0099ff;\n                --dark-bg: #0a0e17;\n                --darker-bg: #050811;\n                --light-text: #ffffff;\n                --gray-text: #a0aec0;\n                --card-bg: rgba(16, 23, 41, 0.8);\n                --border-color: rgba(0, 212, 255, 0.2);\n                --success-color: #00ff9d;\n                --warning-color: #ffb300;\n                --danger-color: #ff4757;\n            }\n            \n            .light-theme {\n                --primary-color: #0066ff;\n                --secondary-color: #0044cc;\n                --dark-bg: #f5f7fa;\n                --darker-bg: #e4e9f2;\n                --light-text: #1a202c;\n                --gray-text: #4a5568;\n                --card-bg: rgba(255, 255, 255, 0.9);\n                --border-color: rgba(0, 102, 255, 0.2);\n            }\n            \n            .blue-theme {\n                --primary-color: #3b82f6;\n                --secondary-color: #1d4ed8;\n                --dark-bg: #0f172a;\n                --darker-bg: #1e293b;\n                --light-text: #f8fafc;\n                --gray-text: #94a3b8;\n                --card-bg: rgba(30, 41, 59, 0.9);\n                --border-color: rgba(59, 130, 246, 0.3);\n            }\n            \n            body {\n                font-family: \"Exo 2\", sans-serif;\n                background-color: var(--dark-bg);\n                color: var(--light-text);\n                min-height: 100vh;\n                background-image: \n                    radial-gradient(circle at 10% 20%, rgba(0, 212, 255, 0.05) 0%, transparent 20%),\n                    radial-gradient(circle at 90% 80%, rgba(0, 153, 255, 0.05) 0%, transparent 20%);\n                transition: background-color 0.3s, color 0.3s;\n            }\n            \n            body.dark-theme {\n                \/* \u5e94\u7528\u4e3b\u9898 *\/\n            }\n            \n            .container {\n                max-width: 1400px;\n                margin: 0 auto;\n                padding: 20px;\n            }\n            \n            \/* \u9876\u90e8\u680f\u6837\u5f0f *\/\n            .top-bar {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                margin-bottom: 30px;\n                padding: 20px;\n                background: var(--card-bg);\n                border-radius: 16px;\n                border: 1px solid var(--border-color);\n                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n                backdrop-filter: blur(10px);\n            }\n            \n            .site-title {\n                font-family: \"Orbitron\", sans-serif;\n                font-weight: 700;\n                font-size: 2.2rem;\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                -webkit-background-clip: text;\n                -webkit-text-fill-color: transparent;\n                text-shadow: 0 0 20px rgba(0, 212, 255, 0.3);\n            }\n            \n            .search-box {\n                display: flex;\n                flex-grow: 0.4;\n                max-width: 400px;\n            }\n            \n            .search-box input {\n                flex-grow: 1;\n                padding: 12px 20px;\n                background: rgba(255, 255, 255, 0.1);\n                border: 1px solid var(--border-color);\n                border-radius: 50px 0 0 50px;\n                color: var(--light-text);\n                font-size: 16px;\n                outline: none;\n                transition: all 0.3s;\n            }\n            \n            .search-box input:focus {\n                border-color: var(--primary-color);\n                box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);\n            }\n            \n            .search-box button {\n                padding: 12px 25px;\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                border: none;\n                border-radius: 0 50px 50px 0;\n                color: white;\n                cursor: pointer;\n                font-size: 16px;\n                transition: all 0.3s;\n            }\n            \n            .search-box button:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 5px 15px rgba(0, 212, 255, 0.4);\n            }\n            \n            .view-controls {\n                display: flex;\n                gap: 10px;\n            }\n            \n            .view-btn, .admin-btn, .logout-btn, .login-btn {\n                padding: 10px 20px;\n                background: rgba(255, 255, 255, 0.1);\n                border: 1px solid var(--border-color);\n                border-radius: 8px;\n                color: var(--light-text);\n                cursor: pointer;\n                transition: all 0.3s;\n                text-decoration: none;\n                display: inline-flex;\n                align-items: center;\n                gap: 8px;\n                font-family: \"Exo 2\", sans-serif;\n            }\n            \n            .view-btn:hover, .admin-btn:hover, .logout-btn:hover, .login-btn:hover {\n                background: rgba(0, 212, 255, 0.2);\n                border-color: var(--primary-color);\n                transform: translateY(-2px);\n            }\n            \n            .view-btn.active {\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                color: white;\n            }\n            \n            \/* \u5206\u7c7b\u6837\u5f0f *\/\n            .categories {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 10px;\n                margin-bottom: 30px;\n                padding: 15px;\n                background: var(--card-bg);\n                border-radius: 12px;\n                border: 1px solid var(--border-color);\n            }\n            \n            .category {\n                padding: 8px 20px;\n                background: rgba(255, 255, 255, 0.05);\n                border: 1px solid var(--border-color);\n                border-radius: 50px;\n                color: var(--light-text);\n                text-decoration: none;\n                transition: all 0.3s;\n            }\n            \n            .category:hover {\n                background: rgba(0, 212, 255, 0.2);\n                border-color: var(--primary-color);\n                transform: translateY(-2px);\n            }\n            \n            .category.active {\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                color: white;\n            }\n            \n            \/* \u7f51\u5740\u5c55\u793a\u6837\u5f0f *\/\n            .sites-container {\n                display: grid;\n                gap: 20px;\n                margin-bottom: 40px;\n            }\n            \n            .grid-view {\n                grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n            }\n            \n            .list-view {\n                grid-template-columns: 1fr;\n            }\n            \n            .card-view {\n                grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n            }\n            \n            .site-item {\n                background: var(--card-bg);\n                border-radius: 12px;\n                border: 1px solid var(--border-color);\n                padding: 20px;\n                transition: all 0.3s;\n                position: relative;\n                overflow: hidden;\n            }\n            \n            .site-item:hover {\n                transform: translateY(-5px);\n                border-color: var(--primary-color);\n                box-shadow: 0 10px 25px rgba(0, 212, 255, 0.2);\n            }\n            \n            .site-item::before {\n                content: \"\";\n                position: absolute;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 3px;\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                transform: scaleX(0);\n                transition: transform 0.3s;\n            }\n            \n            .site-item:hover::before {\n                transform: scaleX(1);\n            }\n            \n            .site-logo {\n                width: 60px;\n                height: 60px;\n                border-radius: 12px;\n                overflow: hidden;\n                margin-bottom: 15px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                background: rgba(0, 212, 255, 0.1);\n                border: 1px solid var(--border-color);\n            }\n            \n            .site-logo img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n            }\n            \n            .logo-placeholder {\n                width: 100%;\n                height: 100%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 24px;\n                font-weight: bold;\n                background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\n                color: white;\n            }\n            \n            .site-info h3 {\n                margin-bottom: 10px;\n                font-size: 18px;\n            }\n            \n            .site-info h3 a {\n                color: var(--light-text);\n                text-decoration: none;\n                transition: color 0.3s;\n            }\n            \n            .site-info h3 a:hover {\n                color: var(--primary-color);\n            }\n            \n            .site-description {\n                color: var(--gray-text);\n                font-size: 14px;\n                line-height: 1.5;\n                margin-bottom: 10px;\n            }\n            \n            .site-tags {\n                display: flex;\n                flex-wrap: wrap;\n                gap: 5px;\n                margin-bottom: 15px;\n            }\n            \n            .tag {\n                padding: 3px 10px;\n                background: rgba(0, 212, 255, 0.1);\n                border-radius: 50px;\n                font-size: 12px;\n                color: var(--primary-color);\n            }\n            \n            .site-meta {\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n                padding-top: 10px;\n                border-top: 1px solid rgba(255, 255, 255, 0.05);\n            }\n            \n            .site-meta .category {\n                font-size: 12px;\n                padding: 3px 10px;\n                background: rgba(0, 212, 255, 0.1);\n                border-radius: 50px;\n                color: var(--primary-color);\n            }\n            \n            .site-meta .actions {\n                display: flex;\n                gap: 8px;\n            }\n            \n            .site-meta .actions a {\n                color: var(--gray-text);\n                transition: color 0.3s;\n            }\n            \n            .site-meta .actions a:hover {\n                color: var(--primary-color);\n            }\n            \n            .empty-state {\n                grid-column: 1 \/ -1;\n                text-align: center;\n                padding: 60px 20px;\n            }\n            \n            .empty-state i {\n                font-size: 60px;\n                color: var(--primary-color);\n                margin-bottom: 20px;\n            }\n            \n            .empty-state h3 {\n                font-size: 24px;\n                margin-bottom: 10px;\n            }\n            \n            .empty-state p {\n                color: var(--gray-text);\n            }\n            \n            \/* \u5206\u9875\u6837\u5f0f *\/\n            .pagination {\n                display: flex;\n                justify-content: center;\n                gap: 5px;\n                margin-bottom: 40px;\n            }\n            \n            .pagination a {\n                padding: 8px 15px;\n                background: rgba(255, 255, 255, 0.05);\n                border: 1px solid var(--border-color);\n                border-radius: 6px;\n                color: var(--light-text);\n                text-decoration: none;\n                transition: all 0.3s;\n            }\n            \n            .pagination a:hover {\n                background: rgba(0, 212, 255, 0.2);\n                border-color: var(--primary-color);\n            }\n            \n            .pagination a.active {\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                color: white;\n                cursor: default;\n            }\n            \n            \/* \u6dfb\u52a0\u7f51\u5740\u6309\u94ae *\/\n            .add-site-btn-container {\n                text-align: center;\n                margin-bottom: 30px;\n            }\n            \n            .add-site-btn {\n                display: inline-flex;\n                align-items: center;\n                gap: 10px;\n                padding: 15px 30px;\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                border-radius: 50px;\n                color: white;\n                text-decoration: none;\n                font-size: 16px;\n                font-weight: 600;\n                transition: all 0.3s;\n                box-shadow: 0 5px 20px rgba(0, 212, 255, 0.3);\n            }\n            \n            .add-site-btn:hover {\n                transform: translateY(-3px);\n                box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4);\n            }\n            \n            \/* \u767b\u5f55\u9875\u9762\u6837\u5f0f *\/\n            .login-container {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                min-height: 100vh;\n                padding: 20px;\n                background: linear-gradient(135deg, var(--darker-bg) 0%, var(--dark-bg) 100%);\n            }\n            \n            .login-box {\n                width: 100%;\n                max-width: 400px;\n                background: var(--card-bg);\n                border-radius: 20px;\n                border: 1px solid var(--border-color);\n                padding: 40px;\n                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n                backdrop-filter: blur(10px);\n            }\n            \n            .login-header {\n                text-align: center;\n                margin-bottom: 30px;\n            }\n            \n            .login-header h2 {\n                font-family: \"Orbitron\", sans-serif;\n                font-size: 28px;\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                -webkit-background-clip: text;\n                -webkit-text-fill-color: transparent;\n                margin-bottom: 10px;\n            }\n            \n            .login-header p {\n                color: var(--gray-text);\n                font-size: 14px;\n            }\n            \n            .login-form .form-group {\n                margin-bottom: 20px;\n            }\n            \n            .login-form label {\n                display: block;\n                margin-bottom: 8px;\n                color: var(--light-text);\n                font-weight: 500;\n            }\n            \n            .login-form input {\n                width: 100%;\n                padding: 12px 20px;\n                background: rgba(255, 255, 255, 0.05);\n                border: 1px solid var(--border-color);\n                border-radius: 8px;\n                color: var(--light-text);\n                font-size: 16px;\n                outline: none;\n                transition: all 0.3s;\n            }\n            \n            .login-form input:focus {\n                border-color: var(--primary-color);\n                box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);\n            }\n            \n            .btn-login {\n                width: 100%;\n                padding: 14px;\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                border: none;\n                border-radius: 8px;\n                color: white;\n                font-size: 16px;\n                font-weight: 600;\n                cursor: pointer;\n                transition: all 0.3s;\n                margin-top: 10px;\n            }\n            \n            .btn-login:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 10px 25px rgba(0, 212, 255, 0.3);\n            }\n            \n            .login-footer {\n                text-align: center;\n                margin-top: 30px;\n                padding-top: 20px;\n                border-top: 1px solid rgba(255, 255, 255, 0.05);\n                color: var(--gray-text);\n                font-size: 14px;\n            }\n            \n            .alert {\n                padding: 12px 20px;\n                border-radius: 8px;\n                margin-bottom: 20px;\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            \n            .alert-error {\n                background: rgba(255, 71, 87, 0.1);\n                border: 1px solid rgba(255, 71, 87, 0.3);\n                color: var(--danger-color);\n            }\n            \n            \/* \u7ba1\u7406\u9875\u9762\u6837\u5f0f *\/\n            .admin-container {\n                display: flex;\n                min-height: 100vh;\n            }\n            \n            .admin-sidebar {\n                width: 250px;\n                background: var(--card-bg);\n                border-right: 1px solid var(--border-color);\n                padding: 20px;\n            }\n            \n            .admin-sidebar h3 {\n                font-family: \"Orbitron\", sans-serif;\n                margin-bottom: 30px;\n                color: var(--primary-color);\n                font-size: 18px;\n            }\n            \n            .admin-sidebar ul {\n                list-style: none;\n            }\n            \n            .admin-sidebar li {\n                margin-bottom: 10px;\n            }\n            \n            .admin-sidebar a {\n                display: block;\n                padding: 12px 15px;\n                color: var(--light-text);\n                text-decoration: none;\n                border-radius: 8px;\n                transition: all 0.3s;\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            \n            .admin-sidebar a:hover, .admin-sidebar a.active {\n                background: rgba(0, 212, 255, 0.1);\n                color: var(--primary-color);\n            }\n            \n            .admin-content {\n                flex-grow: 1;\n                padding: 30px;\n            }\n            \n            .admin-section {\n                display: none;\n            }\n            \n            .admin-section.active {\n                display: block;\n            }\n            \n            .admin-section h3 {\n                font-family: \"Orbitron\", sans-serif;\n                font-size: 24px;\n                margin-bottom: 25px;\n                color: var(--primary-color);\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            \n            .table-container {\n                overflow-x: auto;\n                margin-bottom: 25px;\n                background: var(--card-bg);\n                border-radius: 12px;\n                border: 1px solid var(--border-color);\n            }\n            \n            .admin-table {\n                width: 100%;\n                border-collapse: collapse;\n            }\n            \n            .admin-table th {\n                text-align: left;\n                padding: 15px;\n                background: rgba(0, 0, 0, 0.2);\n                color: var(--primary-color);\n                font-weight: 600;\n                border-bottom: 1px solid var(--border-color);\n            }\n            \n            .admin-table td {\n                padding: 15px;\n                border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n            }\n            \n            .admin-table tr:hover {\n                background: rgba(0, 212, 255, 0.05);\n            }\n            \n            .admin-table .actions {\n                display: flex;\n                gap: 10px;\n            }\n            \n            .btn-edit, .btn-delete, .btn-add, .btn-save, .btn-cancel, .btn-sync, .btn-clear {\n                padding: 8px 15px;\n                border-radius: 6px;\n                border: none;\n                font-family: \"Exo 2\", sans-serif;\n                font-size: 14px;\n                cursor: pointer;\n                transition: all 0.3s;\n                text-decoration: none;\n                display: inline-flex;\n                align-items: center;\n                gap: 5px;\n            }\n            \n            .btn-edit {\n                background: rgba(0, 212, 255, 0.1);\n                color: var(--primary-color);\n                border: 1px solid rgba(0, 212, 255, 0.3);\n            }\n            \n            .btn-edit:hover {\n                background: rgba(0, 212, 255, 0.2);\n            }\n            \n            .btn-delete {\n                background: rgba(255, 71, 87, 0.1);\n                color: var(--danger-color);\n                border: 1px solid rgba(255, 71, 87, 0.3);\n            }\n            \n            .btn-delete:hover {\n                background: rgba(255, 71, 87, 0.2);\n            }\n            \n            .btn-add {\n                background: linear-gradient(90deg, var(--primary-color), var(--secondary-color));\n                color: white;\n                border: none;\n            }\n            \n            .btn-add:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 5px 15px rgba(0, 212, 255, 0.3);\n            }\n            \n            .btn-save {\n                background: linear-gradient(90deg, var(--success-color), #00cc88);\n                color: white;\n                border: none;\n            }\n            \n            .btn-save:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 5px 15px rgba(0, 255, 157, 0.3);\n            }\n            \n            .btn-cancel {\n                background: rgba(255, 255, 255, 0.05);\n                color: var(--light-text);\n                border: 1px solid var(--border-color);\n            }\n            \n            .btn-cancel:hover {\n                background: rgba(255, 255, 255, 0.1);\n            }\n            \n            .btn-sync {\n                background: linear-gradient(90deg, #ffb300, #ff9500);\n                color: white;\n                margin-right: 10px;\n                margin-bottom: 10px;\n            }\n            \n            .btn-sync:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 5px 15px rgba(255, 179, 0, 0.3);\n            }\n            \n            .btn-clear {\n                background: rgba(255, 71, 87, 0.1);\n                color: var(--danger-color);\n                border: 1px solid rgba(255, 71, 87, 0.3);\n                margin-top: 10px;\n            }\n            \n            .btn-clear:hover {\n                background: rgba(255, 71, 87, 0.2);\n            }\n            \n            .btn-delete-small {\n                padding: 5px 10px;\n                background: rgba(255, 71, 87, 0.1);\n                color: var(--danger-color);\n                border-radius: 4px;\n                text-decoration: none;\n                font-size: 12px;\n                margin-left: 10px;\n            }\n            \n            .form-group {\n                margin-bottom: 20px;\n            }\n            \n            .form-group label {\n                display: block;\n                margin-bottom: 8px;\n                color: var(--light-text);\n                font-weight: 500;\n            }\n            \n            .form-group input, .form-group select, .form-group textarea {\n                width: 100%;\n                padding: 12px 15px;\n                background: rgba(255, 255, 255, 0.05);\n                border: 1px solid var(--border-color);\n                border-radius: 8px;\n                color: var(--light-text);\n                font-family: \"Exo 2\", sans-serif;\n                font-size: 16px;\n                outline: none;\n                transition: all 0.3s;\n            }\n            \n            .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n                border-color: var(--primary-color);\n                box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);\n            }\n            \n            .form-group textarea {\n                min-height: 100px;\n                resize: vertical;\n            }\n            \n            .checkbox-group {\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            \n            .checkbox-group input {\n                width: auto;\n            }\n            \n            .checkbox-group label {\n                margin-bottom: 0;\n            }\n            \n            .sync-urls ul {\n                list-style: none;\n                background: rgba(0, 0, 0, 0.2);\n                border-radius: 8px;\n                padding: 15px;\n                margin-bottom: 25px;\n            }\n            \n            .sync-urls li {\n                padding: 10px 15px;\n                background: rgba(255, 255, 255, 0.05);\n                border-radius: 6px;\n                margin-bottom: 10px;\n                display: flex;\n                justify-content: space-between;\n                align-items: center;\n            }\n            \n            .sync-urls li:last-child {\n                margin-bottom: 0;\n            }\n            \n            .sync-actions {\n                margin-bottom: 30px;\n            }\n            \n            .sync-log {\n                background: rgba(0, 0, 0, 0.3);\n                border-radius: 8px;\n                padding: 20px;\n                margin-top: 30px;\n            }\n            \n            .sync-log pre {\n                white-space: pre-wrap;\n                font-family: monospace;\n                font-size: 12px;\n                color: var(--gray-text);\n                max-height: 300px;\n                overflow-y: auto;\n                padding: 15px;\n                background: rgba(0, 0, 0, 0.2);\n                border-radius: 6px;\n            }\n            \n            .sync-log h4 {\n                margin-bottom: 15px;\n                color: var(--primary-color);\n            }\n            \n            .no-data {\n                text-align: center;\n                padding: 30px;\n                color: var(--gray-text);\n                font-style: italic;\n            }\n            \n            .current-user {\n                color: var(--primary-color);\n                font-size: 12px;\n            }\n            \n            \/* \u7f16\u8f91\u9875\u9762\u6837\u5f0f *\/\n            .edit-container {\n                max-width: 800px;\n                margin: 0 auto;\n                padding: 30px;\n            }\n            \n            .edit-container h2 {\n                font-family: \"Orbitron\", sans-serif;\n                font-size: 28px;\n                margin-bottom: 30px;\n                color: var(--primary-color);\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            \n            .edit-form {\n                background: var(--card-bg);\n                border-radius: 16px;\n                border: 1px solid var(--border-color);\n                padding: 30px;\n                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);\n            }\n            \n            .edit-form .form-group {\n                margin-bottom: 25px;\n            }\n            \n            .edit-form small {\n                display: block;\n                margin-top: 5px;\n                color: var(--gray-text);\n                font-size: 12px;\n            }\n            \n            .form-actions {\n                display: flex;\n                gap: 15px;\n                margin-top: 30px;\n                padding-top: 20px;\n                border-top: 1px solid rgba(255, 255, 255, 0.05);\n            }\n            \n            \/* \u6a21\u6001\u6846\u6837\u5f0f *\/\n            .modal {\n                position: fixed;\n                top: 0;\n                left: 0;\n                width: 100%;\n                height: 100%;\n                background: rgba(0, 0, 0, 0.8);\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                z-index: 1000;\n                backdrop-filter: blur(5px);\n            }\n            \n            .modal-content {\n                background: var(--card-bg);\n                border-radius: 16px;\n                border: 1px solid var(--border-color);\n                padding: 30px;\n                width: 90%;\n                max-width: 500px;\n                max-height: 90vh;\n                overflow-y: auto;\n            }\n            \n            .modal-content h3 {\n                font-family: \"Orbitron\", sans-serif;\n                font-size: 22px;\n                margin-bottom: 25px;\n                color: var(--primary-color);\n                display: flex;\n                align-items: center;\n                gap: 10px;\n            }\n            \n            \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\n            @media (max-width: 992px) {\n                .top-bar {\n                    flex-direction: column;\n                    gap: 20px;\n                    text-align: center;\n                }\n                \n                .search-box {\n                    max-width: 100%;\n                    width: 100%;\n                }\n                \n                .admin-container {\n                    flex-direction: column;\n                }\n                \n                .admin-sidebar {\n                    width: 100%;\n                    border-right: none;\n                    border-bottom: 1px solid var(--border-color);\n                }\n            }\n            \n            @media (max-width: 768px) {\n                .container {\n                    padding: 10px;\n                }\n                \n                .site-title {\n                    font-size: 1.8rem;\n                }\n                \n                .grid-view, .card-view {\n                    grid-template-columns: 1fr;\n                }\n                \n                .admin-content {\n                    padding: 15px;\n                }\n                \n                .edit-container {\n                    padding: 15px;\n                }\n            }\n            \n            @media (max-width: 480px) {\n                .view-controls {\n                    flex-wrap: wrap;\n                    justify-content: center;\n                }\n                \n                .categories {\n                    justify-content: center;\n                }\n                \n                .pagination {\n                    flex-wrap: wrap;\n                }\n                \n                .form-actions {\n                    flex-direction: column;\n                }\n            }\n            <\/style>\n        <\/head>\n        <body class=\"dark-theme\"><br \/>\n<b>Warning<\/b>:  Undefined array key \"sites\" in <b>\/mnt\/sda1\/www\/simple_nav.php<\/b> on line <b>178<\/b><br \/>\n<br \/>\n<b>Fatal error<\/b>:  Uncaught TypeError: count(): Argument #1 ($value) must be of type Countable|array, null given in \/mnt\/sda1\/www\/simple_nav.php:196\nStack trace:\n#0 \/mnt\/sda1\/www\/simple_nav.php(158): NavSystem-&gt;showMainPage()\n#1 \/mnt\/sda1\/www\/simple_nav.php(38): NavSystem-&gt;handleRequest()\n#2 \/mnt\/sda1\/www\/simple_nav.php(2426): NavSystem-&gt;__construct()\n#3 {main}\n  thrown in <b>\/mnt\/sda1\/www\/simple_nav.php<\/b> on line <b>196<\/b><br \/>\n"}