* {margin: 0;padding: 0;box-sizing: border-box;}:root {--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #f3f4f6;--text-color: #1f2937;--text-light: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--danger-color: #ef4444;--warning-color: #f59e0b;--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.1);--radius: 8px;--radius-lg: 12px;}body {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;line-height: 1.6;color: var(--text-color);background: #fcfcfc;min-height: 100vh;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}body.wallpaper-enabled .dropdown-menu {background: rgba(255, 255, 255, 0.12) !important;backdrop-filter: blur(30px) saturate(200%) !important;-webkit-backdrop-filter: blur(30px) saturate(200%) !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.25),inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;}body.wallpaper-enabled .dropdown-item {color: rgba(255, 255, 255, 0.9) !important;}body.wallpaper-enabled .dropdown-item:hover {background: rgba(255, 255, 255, 0.15) !important;color: white !important;}body.wallpaper-enabled .message-bar {background: rgba(255, 255, 255, 0.08) !important;backdrop-filter: blur(25px) saturate(180%) !important;-webkit-backdrop-filter: blur(25px) saturate(180%) !important;border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;}body.wallpaper-enabled .message {background: rgba(255, 255, 255, 0.12) !important;backdrop-filter: blur(20px) saturate(200%) !important;-webkit-backdrop-filter: blur(20px) saturate(200%) !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;border-left: none !important;border-radius: 12px !important;color: rgba(255, 255, 255, 0.95) !important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.15),inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;}body.wallpaper-enabled .message-success {background: rgba(16, 185, 129, 0.2) !important;color: rgba(255, 255, 255, 0.95) !important;}body.wallpaper-enabled .message-error {background: rgba(239, 68, 68, 0.2) !important;color: rgba(255, 255, 255, 0.95) !important;}body.wallpaper-enabled .message-warning {background: rgba(245, 158, 11, 0.2) !important;color: rgba(255, 255, 255, 0.95) !important;}body.wallpaper-enabled .message-info {background: rgba(59, 130, 246, 0.2) !important;color: rgba(255, 255, 255, 0.95) !important;}body.wallpaper-enabled .showModal-dialog {background: rgba(255, 255, 255, 0.12) !important;backdrop-filter: blur(35px) saturate(200%) !important;-webkit-backdrop-filter: blur(35px) saturate(200%) !important;border: 1px solid rgba(255, 255, 255, 0.25) !important;box-shadow:0 40px 80px rgba(0, 0, 0, 0.35),inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;}body.wallpaper-enabled .showModal-header,body.wallpaper-enabled .showModal-footer {background: rgba(255, 255, 255, 0.08) !important;border-color: rgba(255, 255, 255, 0.2) !important;}body.wallpaper-enabled .showModal-title {color: rgba(255, 255, 255, 0.95) !important;text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;}body.wallpaper-enabled .showModal-body {color: rgba(255, 255, 255, 0.9) !important;}body.wallpaper-enabled .showModal-confirm {background: rgba(79, 70, 229, 0.8) !important;backdrop-filter: blur(10px) !important;}body.wallpaper-enabled .showModal-cancel {background: rgba(255, 255, 255, 0.1) !important;color: rgba(255, 255, 255, 0.9) !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;}body.wallpaper-enabled .showModal-cancel:hover {background: rgba(255, 255, 255, 0.15) !important;}body.wallpaper-enabled .alert {background: rgba(255, 255, 255, 0.12) !important;backdrop-filter: blur(30px) saturate(200%) !important;-webkit-backdrop-filter: blur(30px) saturate(200%) !important;border: 1px solid rgba(255, 255, 255, 0.2) !important;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3),inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;}body.wallpaper-enabled .alert-success {background: rgba(16, 185, 129, 0.25) !important;}body.wallpaper-enabled .alert-error {background: rgba(239, 68, 68, 0.25) !important;}body.wallpaper-enabled .alert-warning {background: rgba(245, 158, 11, 0.25) !important;}body.wallpaper-enabled .alert-info {background: rgba(59, 130, 246, 0.25) !important;}body.wallpaper-enabled .user-avatar {color: rgba(255, 255, 255, 0.9) !important;}body.wallpaper-enabled .user-avatar:hover {background: rgba(255, 255, 255, 0.15) !important;}body.wallpaper-enabled .btn-outline {background: rgba(255, 255, 255, 0.1) !important;border-color: rgba(255, 255, 255, 0.3) !important;color: rgba(255, 255, 255, 0.9) !important;}body.wallpaper-enabled .btn-primary {background: rgba(79, 70, 229, 0.8) !important;backdrop-filter: blur(10px) !important;}body.wallpaper-enabled .btn-primary:hover {background: rgba(79, 70, 229, 0.95) !important;}.btn {display: inline-block;padding: 10px 20px;border-radius: var(--radius);font-weight: 500;text-decoration: none;cursor: pointer;border: none;transition: all 0.3s ease;font-size: 14px;}.btn-primary {background: var(--primary-color);color: white;}.btn-primary:hover {background: var(--primary-hover);transform: translateY(-1px);box-shadow: var(--shadow);}.btn-outline {background: transparent;color: var(--primary-color);border: 1px solid var(--primary-color);}.btn-outline:hover {background: var(--primary-color);color: white;}.btn-sm {padding: 6px 12px;font-size: 12px;}.navbar {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);box-shadow: var(--shadow);position: sticky;top: 0;z-index: 1000;padding: 12px 0;}.navbar .container {display: flex;justify-content: space-between;align-items: center;}.nav-left,.nav-center,.nav-right {display: flex;align-items: center;gap: 20px;}.logo {display: flex;align-items: center;gap: 10px;font-size: 1.5rem;font-weight: bold;color: var(--primary-color);text-decoration: none;}.logo i {font-size: 1.8rem;}.nav-link {color: var(--text-light);text-decoration: none;padding: 8px 12px;border-radius: var(--radius);transition: all 0.3s ease;display: flex;align-items: center;gap: 6px;}.nav-link:hover,.nav-link.active {color: var(--primary-color);background: var(--secondary-color);}.dropdown {position: relative;}.dropdown-menu {position: absolute;top: 100%;left: 0;background: white;box-shadow: var(--shadow-lg);border-radius: var(--radius);padding: 8px 0;min-width: 180px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;z-index: 1000;}.dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}.dropdown-item {display: block;padding: 10px 20px;color: var(--text-color);text-decoration: none;transition: all 0.2s ease;}.dropdown-item:hover {background: var(--secondary-color);color: var(--primary-color);}.dropdown-divider {height: 1px;background: var(--border-color);margin: 8px 0;}.user-avatar {display: flex;align-items: center;gap: 10px;cursor: pointer;padding: 8px 12px;border-radius: var(--radius);transition: background 0.3s ease;}.user-avatar:hover {background: var(--secondary-color);}.user-avatar img {width: 32px;height: 32px;border-radius: 50%;object-fit: cover;}.main-container {margin-top: 30px;margin-bottom: 60px;min-height: calc(100vh - 200px);}.message-bar {background: #f8f9fa;border-bottom: 1px solid #e9ecef;padding: 12px 0;position: relative;}.message {display: flex;align-items: center;gap: 10px;padding: 12px 12px;border-radius: 6px;font-size: 15px;}.message-success {background: #d1fae5;color: #065f46;border-left: 4px solid #10b981;}.message-error {background: #fee2e2;color: #991b1b;border-left: 4px solid #ef4444;}.message-warning {background: #fef3c7;color: #92400e;border-left: 4px solid #f59e0b;}.message-info {background: #dbeafe;color: #1e40af;border-left: 4px solid #3b82f6;}.message i {font-size: 16px;}.form-container {max-width: 600px;margin: 0 auto;background: white;border-radius: var(--radius-lg);padding: 40px;box-shadow: var(--shadow-lg);}.form-title {font-size: 1.8rem;margin-bottom: 30px;color: var(--text-color);text-align: center;}.form-group {margin-bottom: 25px;}.form-label {display: block;margin-bottom: 8px;font-weight: 500;color: var(--text-color);}.form-label.required::after {content: " *";color: var(--danger-color);}.form-control {width: 100%;padding: 12px 16px;border: 1px solid var(--border-color);border-radius: var(--radius);font-size: 16px;transition: all 0.3s ease;}.form-control:focus {outline: none;border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);}textarea.form-control {min-height: 120px;resize: vertical;}.form-text {font-size: 14px;color: var(--text-light);margin-top: 6px;}.form-submit {width: 100%;padding: 14px;font-size: 16px;}.user-profile-card {background: white;border-radius: var(--radius-lg);padding: 30px;box-shadow: var(--shadow);margin-bottom: 30px;display: flex;align-items: center;gap: 30px;}.profile-avatar {width: 100px;height: 100px;border-radius: 50%;overflow: hidden;border: 4px solid white;box-shadow: var(--shadow);}.profile-avatar img {width: 100%;height: 100%;object-fit: cover;}.profile-info h2 {font-size: 1.8rem;margin-bottom: 8px;}.profile-info p {color: var(--text-light);margin-bottom: 5px;}.tabs {display: flex;gap: 2px;background: var(--secondary-color);border-radius: var(--radius);padding: 4px;margin-bottom: 30px;}.tab-btn {flex: 1;padding: 12px 20px;background: transparent;border: none;border-radius: calc(var(--radius) - 4px);cursor: pointer;font-weight: 500;color: var(--text-light);transition: all 0.3s ease;}.tab-btn.active {background: white;color: var(--primary-color);box-shadow: var(--shadow);}.submission-item,.bookmark-item {padding: 20px;border-bottom: 1px solid var(--border-color);background: white;border-radius: var(--radius-lg);box-shadow: var(--shadow);}.submission-item:hover,.bookmark-item:hover {background: var(--secondary-color);}.submission-item:last-child,.bookmark-item:last-child {border-bottom: none;}.submission-header,.bookmark-header {display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 10px;}.submission-title {font-size: 16px;font-weight: 600;color: var(--text-color);}.submission-meta,.bookmark-meta {display: flex;gap: 15px;font-size: 12px;color: var(--text-light);}.status-badge {padding: 4px 12px;border-radius: 20px;font-size: 12px;font-weight: 500;}.status-pending {background: #fef3c7;color: #92400e;}.status-approved {background: #d1fae5;color: #065f46;}.status-rejected {background: #fee2e2;color: #991b1b;}.footer {background: #ffffff;padding: 30px 0;margin-top: 40px;border-top: 1px solid #e9ecef;}.footer-content {text-align: center;}.footer-copyright {color: #6c757d;font-size: 14px;line-height: 1.6;}.footer-copyright p {margin: 5px 0;}.social-links {display: flex;gap: 15px;margin-top: 20px;}.social-links a {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: var(--secondary-color);border-radius: 50%;color: var(--text-light);transition: all 0.3s ease;}.social-links a:hover {background: var(--primary-color);color: white;transform: translateY(-2px);}.footer-bottom {text-align: center;padding-top: 30px;border-top: 1px solid var(--border-color);color: var(--text-light);font-size: 14px;}.footer-bottom p {margin-bottom: 5px;}@media (max-width: 768px) {.navbar .container {flex-direction: column;gap: 15px;}.nav-center {order: 3;width: 100%;justify-content: center;flex-wrap: wrap;}.user-profile-card {flex-direction: column;text-align: center;}.tabs {flex-direction: column;}.footer-content {grid-template-columns: 1fr;text-align: center;}.social-links {justify-content: center;}}@media (max-width: 480px) {.search-title {font-size: 2rem;}}.alert {position: fixed;top: 80px;right: 20px;padding: 16px 20px;border-radius: 12px;min-width: 280px;max-width: 320px;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);z-index: 99999;display: flex;align-items: center;gap: 12px;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);transform: translateX(100%);opacity: 0;animation: slideInRight 0.3s ease forwards;transition: all 0.3s ease;}.alert-enter {animation: slideInRight 0.3s ease forwards !important;}.alert-exit {animation: slideOutRight 0.3s ease forwards !important;}.alert::before {content: '';width: 4px;height: calc(100% - 32px);border-radius: 2px;position: absolute;left: 12px;top: 16px;}.alert i {font-size: 18px;width: 24px;text-align: center;}.alert-content {flex: 1;font-size: 14px;line-height: 1.5;}.alert-close {background: transparent;border: none;color: inherit;opacity: 0.7;cursor: pointer;padding: 4px;border-radius: 4px;transition: opacity 0.2s ease;}.alert-close:hover {opacity: 1;background: rgba(255, 255, 255, 0.1);}.alert-success {background: linear-gradient(135deg, rgba(16, 185, 129, 0.95), rgba(5, 150, 105, 0.95));color: white;}.alert-success::before {background: #10b981;}.alert-error {background: linear-gradient(135deg, rgba(239, 68, 68, 0.95), rgba(220, 38, 38, 0.95));color: white;}.alert-error::before {background: #ef4444;}.alert-warning {background: linear-gradient(135deg, rgba(245, 158, 11, 0.95), rgba(217, 119, 6, 0.95));color: white;}.alert-warning::before {background: #f59e0b;}.alert-info {background: linear-gradient(135deg, rgba(59, 130, 246, 0.95), rgba(37, 99, 235, 0.95));color: white;}.alert-info::before {background: #3b82f6;}.showModal-container {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: all 0.3s ease;pointer-events: none;}.showModal-container.show {opacity: 1;visibility: visible;pointer-events: auto;}.showModal-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(3px);opacity: 0;transition: opacity 0.3s ease;}.showModal-container.show .showModal-overlay {opacity: 1;}.showModal-dialog {background: white;border-radius: var(--radius-lg);box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);width: 90%;max-width: 500px;position: relative;z-index: 10001;transform: translateY(-30px) scale(0.95);opacity: 0;transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);overflow: hidden;pointer-events: none;}.showModal-container.show .showModal-dialog {transform: translateY(0) scale(1);opacity: 1;pointer-events: auto;}.showModal-header {padding: 20px 24px;border-bottom: 1px solid var(--border-color);display: flex;align-items: center;justify-content: space-between;background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);}.showModal-title {font-size: 18px;font-weight: 600;color: var(--text-color);display: flex;align-items: center;line-height: 1.4;}.showModal-close {background: transparent;border: none;font-size: 24px;color: var(--text-light);cursor: pointer;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 6px;transition: all 0.2s ease;line-height: 1;padding: 0;margin: 0;}.showModal-close:hover {background: var(--secondary-color);color: var(--danger-color);transform: rotate(90deg);}.showModal-body {padding: 24px;color: var(--text-color);line-height: 1.6;font-size: 15px;}.showModal-body p {margin: 0 0 10px 0;}.showModal-body p:last-child {margin-bottom: 0;}.showModal-body .form-text {font-size: 14px;color: var(--text-light);margin-top: 8px;display: block;}.showModal-footer {padding: 20px 24px;border-top: 1px solid var(--border-color);display: flex;justify-content: flex-end;gap: 12px;background: #f8fafc;}.showModal-confirm,.showModal-cancel {min-width: 80px;padding: 10px 20px;font-weight: 500;font-size: 14px;transition: all 0.3s ease;border-radius: var(--radius);border: none;cursor: pointer;}.showModal-confirm {color: white;}.showModal-confirm:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);filter: brightness(1.1);}.showModal-cancel {background: transparent;color: var(--text-light);border: 1px solid var(--border-color);}.showModal-cancel:hover {background: var(--secondary-color);color: var(--text-color);border-color: var(--text-light);}.showModal-body a {color: var(--primary-color);text-decoration: none;border-bottom: 1px dotted var(--primary-color);transition: all 0.2s ease;}.showModal-body a:hover {border-bottom-style: solid;color: var(--primary-hover);}@media (max-width: 768px) {.showModal-dialog {width: 95%;margin: 20px;max-width: calc(100vw - 40px);}.showModal-header,.showModal-body,.showModal-footer {padding: 16px 20px;}.showModal-footer {flex-direction: column-reverse;gap: 10px;}.showModal-confirm,.showModal-cancel {width: 100%;padding: 12px;}}@media (max-width: 480px) {.showModal-dialog {margin: 10px;max-width: calc(100vw - 20px);}.showModal-title {font-size: 16px;}.showModal-body {font-size: 14px;line-height: 1.5;}}@media (prefers-color-scheme: dark) {.showModal-dialog {background: #1f2937;color: #f3f4f6;}.showModal-title {color: #f9fafb;}.showModal-body {color: #e5e7eb;}.showModal-header,.showModal-footer {background: #111827;border-color: #374151;}.showModal-close {color: #9ca3af;}.showModal-close:hover {background: #374151;color: #f3f4f6;}.showModal-cancel {color: #d1d5db;border-color: #4b5563;}.showModal-cancel:hover {background: #374151;color: #f3f4f6;border-color: #6b7280;}}@keyframes slideInRight {from {transform: translateX(100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}@keyframes slideOutRight {from {transform: translateX(0);opacity: 1;}to {transform: translateX(100%);opacity: 0;}}@media (max-width: 768px) {.alert {top: 10px;right: 10px;left: 10px;max-width: none;min-width: auto;transform: translateY(-100%);animation: slideInDown 0.3s ease forwards;}.alert-exit {animation: slideOutUp 0.3s ease forwards;}@keyframes slideInDown {from {transform: translateY(-100%);opacity: 0;}to {transform: translateY(0);opacity: 1;}}@keyframes slideOutUp {from {transform: translateY(0);opacity: 1;}to {transform: translateY(-100%);opacity: 0;}}}