.page-enter-active,.page-leave-active{transition:opacity .3s,transform .3s}.page-enter-from{opacity:0;transform:translateY(20px)}.page-leave-to{opacity:0;transform:translateY(-20px)}.categories-page .page-header[data-v-e9207ae1]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.categories-page .page-title[data-v-e9207ae1]{color:#fff;font-size:20px}.categories-page .add-btn[data-v-e9207ae1]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:8px;align-items:center;gap:8px;padding:16px 24px;font-weight:600;display:flex}.categories-page .add-btn svg[data-v-e9207ae1]{width:20px;height:20px}.categories-page .categories-list[data-v-e9207ae1]{flex-direction:column;gap:16px;display:flex}.categories-page .category-item[data-v-e9207ae1]{background:#15151f;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;padding:24px;display:flex}.categories-page .category-item .category-name[data-v-e9207ae1]{color:#fff;margin-bottom:8px;font-size:18px}.categories-page .category-item .category-desc[data-v-e9207ae1]{color:#a0a0b0;margin-bottom:16px;font-size:14px}.categories-page .category-item .category-count[data-v-e9207ae1]{color:#4a4a5a;font-size:12px}.categories-page .category-item .category-actions[data-v-e9207ae1]{gap:8px;display:flex}.categories-page .category-item .category-actions .action-btn[data-v-e9207ae1]{color:#a0a0b0;border-radius:4px;padding:8px 16px;font-size:14px}.categories-page .category-item .category-actions .action-btn[data-v-e9207ae1]:hover{background:#1e1e2a}.categories-page .category-item .category-actions .action-btn.edit[data-v-e9207ae1]:hover{color:#c9a962}.categories-page .category-item .category-actions .action-btn.delete[data-v-e9207ae1]:hover{color:#ff4d4f}.categories-page .modal-overlay[data-v-e9207ae1]{z-index:500;background:#0a0a0fcc;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.categories-page .modal-content[data-v-e9207ae1]{background:#15151f;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:400px;padding:48px}.categories-page .modal-content .modal-title[data-v-e9207ae1]{color:#fff;margin-bottom:24px;font-size:20px}.categories-page .modal-content .form-group[data-v-e9207ae1]{margin-bottom:24px}.categories-page .modal-content .form-label[data-v-e9207ae1]{color:#a0a0b0;margin-bottom:8px;font-size:14px;display:block}.categories-page .modal-content .form-input[data-v-e9207ae1],.categories-page .modal-content .form-textarea[data-v-e9207ae1]{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:16px;font-size:16px}.categories-page .modal-content .form-input[data-v-e9207ae1]:focus,.categories-page .modal-content .form-textarea[data-v-e9207ae1]:focus{border-color:#c9a962}.categories-page .modal-content .modal-actions[data-v-e9207ae1]{gap:16px;margin-top:32px;display:flex}.categories-page .modal-content .modal-actions .modal-btn[data-v-e9207ae1]{border-radius:8px;flex:1;padding:16px;font-weight:600}.categories-page .modal-content .modal-actions .modal-btn.secondary[data-v-e9207ae1]{color:#a0a0b0;background:#1a1a25}.categories-page .modal-content .modal-actions .modal-btn.primary[data-v-e9207ae1]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%)}.admin-dashboard[data-v-0bef6b42]{background:#0a0a0f;min-height:100vh;display:flex}.sidebar[data-v-0bef6b42]{background:#12121a;border-right:1px solid #ffffff14;flex-direction:column;width:240px;display:flex}@media (width<=768px){.sidebar[data-v-0bef6b42]{width:200px}}@media (width<=640px){.sidebar[data-v-0bef6b42]{z-index:300;width:240px;height:100vh;transition:left .3s;position:fixed;top:0;left:-240px}.sidebar.sidebar-open[data-v-0bef6b42]{left:0}}.sidebar-header[data-v-0bef6b42]{border-bottom:1px solid #ffffff14;padding:24px}.sidebar-logo[data-v-0bef6b42]{align-items:center;gap:2px;font-size:18px;font-weight:700;display:flex}.sidebar-logo .logo-text[data-v-0bef6b42]{background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-logo .logo-dot[data-v-0bef6b42]{background:#c9a962;border-radius:9999px;width:6px;height:6px}.sidebar-nav[data-v-0bef6b42]{flex-direction:column;flex:1;gap:4px;padding:16px;display:flex}.nav-item[data-v-0bef6b42]{color:#a0a0b0;border-radius:8px;align-items:center;gap:16px;padding:16px;font-size:16px;transition:all .15s;display:flex}.nav-item svg[data-v-0bef6b42]{width:20px;height:20px}.nav-item[data-v-0bef6b42]:hover{color:#fff;background:#1e1e2a}.nav-item.nav-active[data-v-0bef6b42]{color:#c9a962;background:#c9a9621a}.sidebar-footer[data-v-0bef6b42]{border-top:1px solid #ffffff14;padding:16px}.logout-btn[data-v-0bef6b42]{color:#a0a0b0;border-radius:8px;align-items:center;gap:16px;padding:16px;font-size:16px;transition:all .15s;display:flex}.logout-btn svg[data-v-0bef6b42]{width:20px;height:20px}.logout-btn[data-v-0bef6b42]:hover{color:#ff4d4f;background:#ff4d4f1a}.main-content[data-v-0bef6b42]{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-bar[data-v-0bef6b42]{background:#12121a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px;display:flex}.bar-left .page-title[data-v-0bef6b42]{color:#fff;font-size:20px;font-weight:600}.bar-right .user-name[data-v-0bef6b42]{color:#a0a0b0;font-size:14px}.content-area[data-v-0bef6b42]{flex:1;padding:24px;overflow:auto}.content-area[data-v-0bef6b42]::-webkit-scrollbar{width:6px;height:6px}.content-area[data-v-0bef6b42]::-webkit-scrollbar-track{background:0 0}.content-area[data-v-0bef6b42]::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.content-area[data-v-0bef6b42]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (width<=768px){.content-area[data-v-0bef6b42]{padding:16px}}.page-enter-active[data-v-0bef6b42],.page-leave-active[data-v-0bef6b42]{transition:opacity .2s,transform .2s}.page-enter-from[data-v-0bef6b42]{opacity:0;transform:translateY(10px)}.page-leave-to[data-v-0bef6b42]{opacity:0;transform:translateY(-10px)}.login-page[data-v-86e4be0a]{background:#0a0a0f;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-container[data-v-86e4be0a]{background:#15151f;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:400px;padding:48px}.login-header[data-v-86e4be0a]{text-align:center;margin-bottom:32px}.login-title[data-v-86e4be0a]{color:#fff;margin-bottom:8px;font-size:24px}.login-subtitle[data-v-86e4be0a]{color:#a0a0b0;font-size:16px}.login-form .form-group[data-v-86e4be0a]{margin-bottom:24px}.login-form .form-label[data-v-86e4be0a]{color:#a0a0b0;margin-bottom:8px;font-size:14px;display:block}.login-form .form-input[data-v-86e4be0a]{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:16px;font-size:16px}.login-form .form-input[data-v-86e4be0a]:focus{border-color:#c9a962}.login-form .login-btn[data-v-86e4be0a]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600}.login-form .login-btn[data-v-86e4be0a]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #c9a96226}.login-form .login-btn[data-v-86e4be0a]:disabled{opacity:.7;cursor:not-allowed}.login-form .error-message[data-v-86e4be0a]{color:#ff4d4f;text-align:center;background:#ff4d4f1a;border-radius:8px;margin-top:16px;padding:16px;font-size:14px}.login-tip[data-v-86e4be0a]{text-align:center;background:#c9a9620d;border-radius:8px;margin-top:32px;padding:16px}.login-tip p[data-v-86e4be0a]{color:#4a4a5a;font-size:14px}.overview-page[data-v-03813d0d]{flex-direction:column;gap:32px;display:flex}.stats-grid[data-v-03813d0d]{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.stats-grid[data-v-03813d0d]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid[data-v-03813d0d]{grid-template-columns:1fr}}.stat-card[data-v-03813d0d]{background:#15151f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:24px;padding:24px;transition:all .3s;display:flex}.stat-card[data-v-03813d0d]:hover{border-color:#c9a96280;transform:translateY(-4px);box-shadow:0 8px 32px #00000080,0 0 30px #c9a96226}.stat-icon[data-v-03813d0d]{color:#c9a962;background:#c9a9621a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon svg[data-v-03813d0d]{width:24px;height:24px}.stat-info .stat-value[data-v-03813d0d]{color:#fff;margin-bottom:4px;font-size:24px;font-weight:700;display:block}.stat-info .stat-label[data-v-03813d0d]{color:#a0a0b0;font-size:14px}.recent-section[data-v-03813d0d]{background:#15151f;border:1px solid #ffffff14;border-radius:12px}.section-header[data-v-03813d0d]{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px;display:flex}.section-title[data-v-03813d0d]{color:#fff;font-size:18px;font-weight:600}.section-link[data-v-03813d0d]{color:#c9a962;align-items:center;gap:8px;font-size:14px;display:flex}.section-link svg[data-v-03813d0d]{width:16px;height:16px}.works-table .table-header[data-v-03813d0d]{background:#1a1a25;border-bottom:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:16px 24px;display:grid}@media (width<=768px){.works-table .table-header[data-v-03813d0d]{grid-template-columns:1fr;display:none}.works-table .table-body[data-v-03813d0d]{flex-direction:column;gap:16px;padding:16px;display:flex}}.works-table .table-row[data-v-03813d0d]{border-bottom:1px solid #ffffff14;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;padding:16px 24px;transition:background .15s;display:grid}.works-table .table-row[data-v-03813d0d]:hover{background:#1e1e2a}@media (width<=768px){.works-table .table-row[data-v-03813d0d]{background:#1a1a25;border-radius:8px;flex-direction:column;grid-template-columns:1fr;gap:8px;padding:16px;display:flex}}.works-table .table-cell[data-v-03813d0d]{color:#a0a0b0;font-size:14px}@media (width<=768px){.works-table .table-cell[data-v-03813d0d]{justify-content:space-between;display:flex}.works-table .table-cell[data-v-03813d0d]:before{content:attr(data-label);color:#6a6a7a;font-weight:500}}.works-table .title-cell .work-title[data-v-03813d0d]{color:#fff;font-weight:500}.works-table .category-tag[data-v-03813d0d]{color:#c9a962;background:#c9a9621a;border-radius:4px;padding:4px 8px}.works-table .status-badge[data-v-03813d0d]{border-radius:4px;padding:4px 8px}.works-table .status-badge.published[data-v-03813d0d]{color:#52c41a;background:#52c41a1a}.works-table .status-badge.draft[data-v-03813d0d]{color:#faad14;background:#faad141a}.works-table .actions-cell[data-v-03813d0d]{gap:8px;display:flex}.action-btn[data-v-03813d0d]{border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.action-btn svg[data-v-03813d0d]{width:16px;height:16px}.edit-btn[data-v-03813d0d]{color:#a0a0b0}.edit-btn[data-v-03813d0d]:hover{color:#c9a962;background:#c9a9621a}.delete-btn[data-v-03813d0d]{color:#a0a0b0}.delete-btn[data-v-03813d0d]:hover{color:#ff4d4f;background:#ff4d4f1a}.quick-actions .section-title[data-v-03813d0d]{margin-bottom:24px}.actions-grid[data-v-03813d0d]{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.actions-grid[data-v-03813d0d]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.actions-grid[data-v-03813d0d]{grid-template-columns:1fr}}.action-card[data-v-03813d0d]{background:#15151f;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.action-card[data-v-03813d0d]:hover{border-color:#c9a96280;transform:translateY(-4px);box-shadow:0 8px 32px #00000080,0 0 30px #c9a96226}.action-card .action-icon[data-v-03813d0d]{color:#c9a962;background:#c9a9621a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.action-card .action-icon svg[data-v-03813d0d]{width:24px;height:24px}.action-card .action-text[data-v-03813d0d]{color:#fff;font-size:16px;font-weight:500}.settings-page .page-title[data-v-f4471062]{color:#fff;margin-bottom:32px;font-size:20px}.settings-page .settings-form[data-v-f4471062]{flex-direction:column;gap:32px;display:flex}.settings-page .form-section[data-v-f4471062]{background:#15151f;border:1px solid #ffffff14;border-radius:12px;padding:24px}.settings-page .section-title[data-v-f4471062]{color:#fff;border-bottom:1px solid #ffffff14;margin-bottom:24px;padding-bottom:16px;font-size:18px}.settings-page .form-group[data-v-f4471062]{margin-bottom:24px}.settings-page .form-group[data-v-f4471062]:last-child{margin-bottom:0}.settings-page .form-label[data-v-f4471062]{color:#a0a0b0;margin-bottom:8px;font-size:14px;display:block}.settings-page .form-input[data-v-f4471062],.settings-page .form-textarea[data-v-f4471062],.settings-page .form-select[data-v-f4471062]{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:16px;font-size:16px}.settings-page .form-input[data-v-f4471062]:focus,.settings-page .form-textarea[data-v-f4471062]:focus,.settings-page .form-select[data-v-f4471062]:focus{border-color:#c9a962}.settings-page .color-input[data-v-f4471062]{background:#1a1a25;border:1px solid #ffffff14;border-radius:8px;width:60px;height:40px;padding:4px}.settings-page .save-btn[data-v-f4471062]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:8px;align-items:center;gap:8px;padding:16px 32px;font-weight:600;display:flex}.settings-page .save-btn svg[data-v-f4471062]{width:20px;height:20px}.settings-page .settings-tip[data-v-f4471062]{background:#52c41a1a;border-radius:8px;margin-top:32px;padding:16px}.settings-page .settings-tip p[data-v-f4471062]{color:#52c41a;font-size:14px}.works-manage-page .page-header[data-v-bdab53c2]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.works-manage-page .page-title[data-v-bdab53c2]{color:#fff;font-size:20px}.works-manage-page .add-btn[data-v-bdab53c2]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:8px;align-items:center;gap:8px;padding:16px 24px;font-weight:600;display:flex}.works-manage-page .add-btn svg[data-v-bdab53c2]{width:20px;height:20px}.works-manage-page .works-list[data-v-bdab53c2]{flex-direction:column;gap:16px;display:flex}.works-manage-page .work-item[data-v-bdab53c2]{background:#15151f;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;padding:24px;display:flex}.works-manage-page .work-item .work-title[data-v-bdab53c2]{color:#fff;margin-bottom:8px;font-size:18px}.works-manage-page .work-item .work-desc[data-v-bdab53c2]{color:#a0a0b0;margin-bottom:16px;font-size:14px}.works-manage-page .work-item .work-meta[data-v-bdab53c2]{gap:8px;display:flex}.works-manage-page .work-item .work-meta .meta-tag[data-v-bdab53c2],.works-manage-page .work-item .work-meta .meta-type[data-v-bdab53c2],.works-manage-page .work-item .work-meta .meta-views[data-v-bdab53c2]{color:#6a6a7a;background:#1a1a25;border-radius:4px;padding:4px 8px;font-size:12px}.works-manage-page .work-item .work-actions[data-v-bdab53c2]{gap:8px;display:flex}.works-manage-page .work-item .work-actions .action-btn[data-v-bdab53c2]{color:#a0a0b0;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.works-manage-page .work-item .work-actions .action-btn svg[data-v-bdab53c2]{width:18px;height:18px}.works-manage-page .work-item .work-actions .action-btn[data-v-bdab53c2]:hover{background:#1e1e2a}.works-manage-page .work-item .work-actions .action-btn.delete[data-v-bdab53c2]:hover{color:#ff4d4f}.works-manage-page .modal-overlay[data-v-bdab53c2]{z-index:500;background:#0a0a0fcc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.works-manage-page .modal-content[data-v-bdab53c2]{background:#15151f;border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:48px;overflow-y:auto}.works-manage-page .modal-content .modal-title[data-v-bdab53c2]{color:#fff;margin-bottom:24px;font-size:20px}.works-manage-page .modal-content .form-group[data-v-bdab53c2]{margin-bottom:24px}.works-manage-page .modal-content .form-label[data-v-bdab53c2]{color:#a0a0b0;margin-bottom:8px;font-size:14px;display:block}.works-manage-page .modal-content .form-input[data-v-bdab53c2],.works-manage-page .modal-content .form-textarea[data-v-bdab53c2],.works-manage-page .modal-content .form-select[data-v-bdab53c2]{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:16px;font-size:16px}.works-manage-page .modal-content .form-input[data-v-bdab53c2]:focus,.works-manage-page .modal-content .form-textarea[data-v-bdab53c2]:focus,.works-manage-page .modal-content .form-select[data-v-bdab53c2]:focus{border-color:#c9a962}.works-manage-page .modal-content .form-hint[data-v-bdab53c2]{color:#4a4a5a;margin-top:4px;font-size:12px}.works-manage-page .modal-content .form-row[data-v-bdab53c2]{gap:24px;margin-bottom:24px;display:flex}.works-manage-page .modal-content .checkbox-label[data-v-bdab53c2]{color:#a0a0b0;align-items:center;gap:8px;font-size:14px;display:flex}.works-manage-page .modal-content .checkbox-label input[type=checkbox][data-v-bdab53c2]{accent-color:#c9a962;width:18px;height:18px}.works-manage-page .modal-content .modal-actions[data-v-bdab53c2]{gap:16px;margin-top:32px;display:flex}.works-manage-page .modal-content .modal-actions .modal-btn[data-v-bdab53c2]{border-radius:8px;flex:1;padding:16px;font-weight:600}.works-manage-page .modal-content .modal-actions .modal-btn.secondary[data-v-bdab53c2]{color:#a0a0b0;background:#1a1a25}.works-manage-page .modal-content .modal-actions .modal-btn.primary[data-v-bdab53c2]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%)}.navbar[data-v-2e9b9fc0]{z-index:300;background:0 0;padding:24px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.navbar-scrolled[data-v-2e9b9fc0]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ff2;border-bottom:1px solid #ffffff14;padding:16px 0}.navbar.navbar-hidden[data-v-2e9b9fc0]{transform:translateY(-100%)}.navbar-container[data-v-2e9b9fc0]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}@media (width<=768px){.navbar-container[data-v-2e9b9fc0]{padding:0 16px}}.navbar-logo[data-v-2e9b9fc0]{color:#fff;letter-spacing:-.02em;align-items:center;gap:2px;font-size:20px;font-weight:700;transition:color .15s;display:flex}.navbar-logo[data-v-2e9b9fc0]:hover{color:#c9a962}.navbar-logo .logo-text[data-v-2e9b9fc0]{background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-logo .logo-dot[data-v-2e9b9fc0]{background:#c9a962;border-radius:9999px;width:8px;height:8px;animation:2s ease-in-out infinite pulse-2e9b9fc0}@keyframes pulse-2e9b9fc0{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.navbar-nav[data-v-2e9b9fc0]{align-items:center;gap:32px;display:flex}@media (width<=768px){.navbar-nav[data-v-2e9b9fc0]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;background:#0a0a0ffa;flex-direction:column;justify-content:center;gap:48px;transition:all .3s;position:fixed;inset:0}.navbar-nav.nav-open[data-v-2e9b9fc0]{opacity:1;visibility:visible}}.nav-link[data-v-2e9b9fc0]{color:#a0a0b0;align-items:center;font-size:16px;font-weight:500;transition:color .15s;display:flex;position:relative}.nav-link[data-v-2e9b9fc0]:hover{color:#fff}.nav-link.nav-active[data-v-2e9b9fc0]{color:#c9a962}.nav-link.nav-active .nav-indicator[data-v-2e9b9fc0]{opacity:1;width:100%}.nav-link .nav-text[data-v-2e9b9fc0]{position:relative}.nav-link .nav-indicator[data-v-2e9b9fc0]{opacity:0;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:9999px;width:0;height:2px;transition:all .3s;position:absolute;bottom:-4px;left:0}@media (width<=768px){.nav-link[data-v-2e9b9fc0]{font-size:24px}}.navbar-actions[data-v-2e9b9fc0]{align-items:center;gap:16px;display:flex}.action-btn[data-v-2e9b9fc0]{color:#a0a0b0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.action-btn svg[data-v-2e9b9fc0]{width:20px;height:20px}.action-btn[data-v-2e9b9fc0]:hover{color:#c9a962;background:#c9a9621a}.admin-link[data-v-2e9b9fc0]{color:#a0a0b0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.admin-link svg[data-v-2e9b9fc0]{width:20px;height:20px}.admin-link[data-v-2e9b9fc0]:hover{color:#c9a962;background:#c9a9621a}.menu-toggle[data-v-2e9b9fc0]{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:flex}.menu-toggle .menu-line[data-v-2e9b9fc0]{background:#a0a0b0;border-radius:9999px;width:20px;height:2px;transition:all .15s}.menu-toggle.menu-open .menu-line[data-v-2e9b9fc0]:first-child{transform:translateY(8px)rotate(45deg)}.menu-toggle.menu-open .menu-line[data-v-2e9b9fc0]:nth-child(2){opacity:0}.menu-toggle.menu-open .menu-line[data-v-2e9b9fc0]:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.search-panel[data-v-2e9b9fc0]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;background:#0a0a0ffa;border-bottom:1px solid #ffffff14;padding:24px;transition:all .3s;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)}.search-panel.search-open[data-v-2e9b9fc0]{opacity:1;visibility:visible;transform:translateY(0)}.search-container[data-v-2e9b9fc0]{align-items:center;gap:16px;max-width:600px;margin:0 auto;display:flex}.search-input[data-v-2e9b9fc0]{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:12px;outline:none;flex:1;height:48px;padding:16px 24px;font-size:18px;transition:border-color .15s}.search-input[data-v-2e9b9fc0]:focus{border-color:#c9a962}.search-input[data-v-2e9b9fc0]::placeholder{color:#6a6a7a}.search-submit[data-v-2e9b9fc0],.search-close[data-v-2e9b9fc0]{color:#a0a0b0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .15s;display:flex}.search-submit svg[data-v-2e9b9fc0],.search-close svg[data-v-2e9b9fc0]{width:24px;height:24px}.search-submit[data-v-2e9b9fc0]:hover,.search-close[data-v-2e9b9fc0]:hover{color:#c9a962;background:#c9a9621a}.mobile-menu-overlay[data-v-2e9b9fc0]{opacity:0;visibility:hidden;background:#0a0a0f80;transition:all .3s;position:fixed;inset:0}.mobile-menu-overlay.overlay-open[data-v-2e9b9fc0]{opacity:1;visibility:visible}.footer[data-v-d4d44c51]{background:#12121a;border-top:1px solid #ffffff14;padding:64px 0 32px;position:relative}@media (width<=768px){.footer[data-v-d4d44c51]{padding:48px 0 24px}}.footer-container[data-v-d4d44c51]{max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=768px){.footer-container[data-v-d4d44c51]{padding:0 16px}}.footer-top[data-v-d4d44c51]{grid-template-columns:1fr 2fr;gap:64px;display:grid}@media (width<=1024px){.footer-top[data-v-d4d44c51]{grid-template-columns:1fr;gap:48px}}.footer-brand[data-v-d4d44c51]{max-width:400px}.footer-logo[data-v-d4d44c51]{align-items:center;gap:2px;margin-bottom:16px;font-size:20px;font-weight:700;display:flex}.footer-logo .logo-text[data-v-d4d44c51]{background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer-logo .logo-dot[data-v-d4d44c51]{background:#c9a962;border-radius:9999px;width:8px;height:8px}.footer-bio[data-v-d4d44c51]{color:#a0a0b0;font-size:14px;line-height:1.75}.footer-links[data-v-d4d44c51]{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=640px){.footer-links[data-v-d4d44c51]{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.footer-links[data-v-d4d44c51]{grid-template-columns:1fr}}.link-group .link-title[data-v-d4d44c51]{color:#fff;letter-spacing:.05em;margin-bottom:16px;font-size:14px;font-weight:600}.link-group .link-item[data-v-d4d44c51]{color:#a0a0b0;margin-bottom:8px;font-size:14px;transition:color .15s;display:block}.link-group .link-item[data-v-d4d44c51]:hover{color:#c9a962}.footer-divider[data-v-d4d44c51]{background:#ffffff14;height:1px;margin:48px 0}.footer-bottom[data-v-d4d44c51]{justify-content:space-between;align-items:center;display:flex}@media (width<=640px){.footer-bottom[data-v-d4d44c51]{text-align:center;flex-direction:column;gap:8px}}.copyright[data-v-d4d44c51]{color:#6a6a7a;font-size:14px}.tech-info[data-v-d4d44c51]{color:#4a4a5a;font-size:12px}.footer-decoration[data-v-d4d44c51]{height:1px;position:absolute;bottom:0;left:0;right:0}.footer-decoration .decoration-line[data-v-d4d44c51]{opacity:.5;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);width:100px;height:2px;position:absolute;left:50%;transform:translate(-50%)}.about-page[data-v-3010d1ab]{background:#0a0a0f;min-height:100vh}.page-header[data-v-3010d1ab]{background:#12121a;padding:64px 0 32px}.header-container[data-v-3010d1ab]{text-align:center;max-width:1200px;margin:0 auto;padding:0 24px}.page-title[data-v-3010d1ab]{color:#fff;margin-bottom:16px;font-size:40px}.page-subtitle[data-v-3010d1ab]{color:#a0a0b0;font-size:16px}.about-content[data-v-3010d1ab]{padding:64px 0}.content-container[data-v-3010d1ab]{grid-template-columns:1fr 2fr;gap:64px;max-width:1024px;margin:0 auto;padding:0 24px;display:grid}@media (width<=768px){.content-container[data-v-3010d1ab]{grid-template-columns:1fr;gap:48px}}.about-avatar[data-v-3010d1ab]{justify-content:center;display:flex}.avatar-frame[data-v-3010d1ab]{background:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);border:2px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;width:250px;height:250px;transition:all .3s;display:flex}.avatar-frame[data-v-3010d1ab]:hover{border-color:#c9a96280;transform:translateY(-4px);box-shadow:0 8px 32px #00000080,0 0 30px #c9a96226}.avatar-placeholder svg[data-v-3010d1ab]{color:#6a6a7a;width:80px;height:80px}.about-info .author-name[data-v-3010d1ab]{color:#fff;margin-bottom:24px;font-size:32px}.about-info .author-bio[data-v-3010d1ab]{color:#a0a0b0;margin-bottom:48px;font-size:16px;line-height:1.75}.skills-section .skills-title[data-v-3010d1ab]{color:#fff;margin-bottom:24px;font-size:20px}.skills-section .skills-list[data-v-3010d1ab]{flex-direction:column;gap:16px;display:flex}.skills-section .skill-item .skill-name[data-v-3010d1ab]{color:#a0a0b0;margin-bottom:8px;font-size:14px;display:block}.skills-section .skill-item .skill-bar[data-v-3010d1ab]{background:#1a1a25;border-radius:9999px;height:8px}.skills-section .skill-item .skill-progress[data-v-3010d1ab]{background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:9999px;height:100%}.contact-page[data-v-a5d730a4]{background:#0a0a0f;min-height:100vh}.page-header[data-v-a5d730a4]{background:#12121a;padding:64px 0 32px}.header-container[data-v-a5d730a4]{text-align:center;max-width:1200px;margin:0 auto;padding:0 24px}.page-title[data-v-a5d730a4]{color:#fff;margin-bottom:16px;font-size:40px}.page-subtitle[data-v-a5d730a4]{color:#a0a0b0;font-size:16px}.contact-content[data-v-a5d730a4]{padding:64px 0}.content-container[data-v-a5d730a4]{grid-template-columns:1fr 1fr;gap:64px;max-width:1024px;margin:0 auto;padding:0 24px;display:grid}@media (width<=768px){.content-container[data-v-a5d730a4]{grid-template-columns:1fr;gap:48px}}.contact-info .info-title[data-v-a5d730a4]{color:#fff;margin-bottom:32px;font-size:24px}.contact-info .info-list[data-v-a5d730a4]{flex-direction:column;gap:24px;display:flex}.contact-info .info-item[data-v-a5d730a4]{background:#15151f;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:24px;display:flex}.contact-info .info-icon[data-v-a5d730a4]{color:#c9a962;background:#c9a9621a;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-info .info-icon svg[data-v-a5d730a4]{width:24px;height:24px}.contact-info .info-content .info-label[data-v-a5d730a4]{color:#6a6a7a;margin-bottom:4px;font-size:14px;display:block}.contact-info .info-content .info-value[data-v-a5d730a4]{color:#fff;font-size:16px}.social-links[data-v-a5d730a4]{margin-top:32px}.social-links .links-title[data-v-a5d730a4]{color:#fff;margin-bottom:16px;font-size:18px}.social-links .links-list[data-v-a5d730a4]{gap:16px;display:flex}.social-links .social-link[data-v-a5d730a4]{color:#a0a0b0;background:#1a1a25;border:1px solid #ffffff14;border-radius:8px;padding:8px 16px;font-size:14px}.social-links .social-link[data-v-a5d730a4]:hover{color:#c9a962;border-color:#c9a962}.contact-form[data-v-a5d730a4]{background:#15151f;border:1px solid #ffffff14;border-radius:16px;padding:32px}.contact-form .form-title[data-v-a5d730a4]{color:#fff;margin-bottom:32px;font-size:24px}.contact-form .form-group[data-v-a5d730a4]{margin-bottom:24px}.contact-form .form-label[data-v-a5d730a4]{color:#a0a0b0;margin-bottom:8px;font-size:14px;display:block}.contact-form .form-input[data-v-a5d730a4],.contact-form .form-textarea[data-v-a5d730a4]{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:8px;width:100%;padding:16px;font-size:16px}.contact-form .form-input[data-v-a5d730a4]:focus,.contact-form .form-textarea[data-v-a5d730a4]:focus{border-color:#c9a962}.contact-form .form-input[data-v-a5d730a4]::placeholder,.contact-form .form-textarea[data-v-a5d730a4]::placeholder{color:#6a6a7a}.contact-form .submit-btn[data-v-a5d730a4]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:8px;width:100%;padding:16px;font-weight:600}.contact-form .submit-btn[data-v-a5d730a4]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #c9a96226}.contact-form .submit-btn[data-v-a5d730a4]:disabled{opacity:.7;cursor:not-allowed}.contact-form .submit-result[data-v-a5d730a4]{text-align:center;border-radius:8px;margin-top:16px;padding:16px;font-size:14px}.contact-form .submit-result.success[data-v-a5d730a4]{color:#52c41a;background:#52c41a1a}.contact-form .submit-result[data-v-a5d730a4]:not(.success){color:#ff4d4f;background:#ff4d4f1a}.preview-modal[data-v-bb1fb901]{z-index:500;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@media (width<=768px){.preview-modal[data-v-bb1fb901]{padding:0}}.modal-container[data-v-bb1fb901]{background:#15151f;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;overflow:hidden}@media (width<=768px){.modal-container[data-v-bb1fb901]{border-radius:0;max-width:100%;max-height:100vh}}.modal-container.modal-fullscreen[data-v-bb1fb901]{border-radius:0;max-width:100%;max-height:100vh}.modal-header[data-v-bb1fb901]{background:#1a1a25;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-info .header-category[data-v-bb1fb901]{color:#c9a962;background:#c9a9621a;border-radius:4px;margin-right:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.header-info .header-title[data-v-bb1fb901]{color:#fff;font-size:18px;font-weight:600}.header-actions[data-v-bb1fb901]{gap:8px;display:flex}.action-btn[data-v-bb1fb901]{color:#a0a0b0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.action-btn svg[data-v-bb1fb901]{width:20px;height:20px}.action-btn[data-v-bb1fb901]:hover{color:#c9a962;background:#c9a9621a}.close-btn[data-v-bb1fb901]:hover{color:#ff4d4f;background:#ff4d4f1a}.modal-body[data-v-bb1fb901]{flex:1;min-height:300px;padding:24px;overflow:auto}.modal-body[data-v-bb1fb901]::-webkit-scrollbar{width:6px;height:6px}.modal-body[data-v-bb1fb901]::-webkit-scrollbar-track{background:0 0}.modal-body[data-v-bb1fb901]::-webkit-scrollbar-thumb{background:#fff3;border-radius:9999px}.modal-body[data-v-bb1fb901]::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.pdf-viewer[data-v-bb1fb901]{height:100%;min-height:500px;position:relative}.pdf-viewer .pdf-iframe[data-v-bb1fb901]{border:none;width:100%;height:100%;min-height:500px}.ppt-viewer[data-v-bb1fb901]{height:100%;min-height:500px;position:relative}.ppt-viewer .ppt-iframe[data-v-bb1fb901]{border:none;width:100%;height:100%;min-height:500px}.word-viewer[data-v-bb1fb901]{height:100%;min-height:500px;position:relative}.word-viewer .word-iframe[data-v-bb1fb901]{border:none;width:100%;height:100%;min-height:500px}.viewer-security-overlay[data-v-bb1fb901]{text-align:center;pointer-events:none;background:#0a0a0fe6;padding:16px;position:absolute;bottom:0;left:0;right:0}.viewer-security-overlay span[data-v-bb1fb901]{color:#c9a962;font-size:14px}.image-viewer[data-v-bb1fb901]{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.image-viewer .preview-image[data-v-bb1fb901]{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:70vh}.video-viewer[data-v-bb1fb901]{height:100%}.video-container[data-v-bb1fb901]{background:#1a1a25;border-radius:12px;width:100%;height:100%;min-height:400px;position:relative;overflow:hidden}.video-player[data-v-bb1fb901]{object-fit:contain;outline:none;width:100%;height:100%}.video-player[data-v-bb1fb901]::-webkit-media-controls-panel{display:flex!important}.video-player[data-v-bb1fb901]::-webkit-media-controls-download-button{display:none!important}.video-controls[data-v-bb1fb901]{background:#0a0a0fcc;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.controls-left[data-v-bb1fb901],.controls-right[data-v-bb1fb901]{align-items:center;gap:16px;display:flex}.control-btn[data-v-bb1fb901]{color:#a0a0b0;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.control-btn svg[data-v-bb1fb901]{width:20px;height:20px}.control-btn[data-v-bb1fb901]:hover{color:#c9a962}.time-display[data-v-bb1fb901]{color:#a0a0b0;font-size:14px}.speed-select[data-v-bb1fb901]{color:#a0a0b0;background:#1a1a25;border:1px solid #ffffff14;border-radius:4px;outline:none;padding:4px 8px;font-size:14px}.video-security-tip[data-v-bb1fb901]{color:#c9a962;background:#c9a9621a;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:16px;right:16px}.modal-footer[data-v-bb1fb901]{background:#1a1a25;border-top:1px solid #ffffff14;padding:16px 24px}.footer-info[data-v-bb1fb901]{margin-bottom:8px}.footer-info .footer-description[data-v-bb1fb901]{color:#a0a0b0;margin-bottom:8px;font-size:16px;line-height:1.75}.footer-tags[data-v-bb1fb901]{gap:4px;display:flex}.tag[data-v-bb1fb901]{color:#6a6a7a;background:#1a1a25;border-radius:4px;padding:4px 8px;font-size:12px}.footer-meta[data-v-bb1fb901]{gap:24px;display:flex}.meta-item[data-v-bb1fb901]{color:#4a4a5a;align-items:center;gap:4px;font-size:14px;display:flex}.meta-item svg[data-v-bb1fb901]{width:16px;height:16px}.modal-backdrop[data-v-bb1fb901]{z-index:-1;background:#0a0a0fcc;position:absolute;inset:0}.home-page[data-v-582117c4]{background:#0a0a0f;min-height:100vh}.hero-section[data-v-582117c4]{text-align:center;background:linear-gradient(#12121a 0%,#0a0a0f 100%);padding:64px 0}.hero-content[data-v-582117c4]{max-width:1024px;margin:0 auto;padding:0 24px}.hero-title[data-v-582117c4]{color:#fff;margin-bottom:24px;font-size:56px;font-weight:700}@media (width<=768px){.hero-title[data-v-582117c4]{font-size:40px}}.hero-subtitle[data-v-582117c4]{color:#a0a0b0;max-width:600px;margin:0 auto 32px;font-size:18px;line-height:1.75}.hero-actions[data-v-582117c4]{justify-content:center;gap:16px;margin-bottom:64px;display:flex}.hero-btn[data-v-582117c4]{border-radius:9999px;padding:16px 32px;font-weight:600;transition:all .15s}.hero-btn.primary[data-v-582117c4]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%)}.hero-btn.primary[data-v-582117c4]:hover{transform:translateY(-2px);box-shadow:0 0 30px #c9a96226}.hero-btn.secondary[data-v-582117c4]{color:#a0a0b0;background:0 0;border:1px solid #ffffff14}.hero-btn.secondary[data-v-582117c4]:hover{color:#c9a962;border-color:#c9a962}.hero-stats[data-v-582117c4]{justify-content:center;gap:64px;display:flex}.stat-item[data-v-582117c4]{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-number[data-v-582117c4]{color:#c9a962;font-size:32px;font-weight:700}.stat-label[data-v-582117c4]{color:#a0a0b0;font-size:14px}.featured-section[data-v-582117c4]{max-width:1200px;margin:0 auto;padding:64px 24px}.section-header[data-v-582117c4]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.section-title[data-v-582117c4]{color:#fff;font-size:24px}.view-all[data-v-582117c4]{color:#c9a962;font-size:14px}.view-all[data-v-582117c4]:hover{text-decoration:underline}.featured-grid[data-v-582117c4]{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}@media (width<=1024px){.featured-grid[data-v-582117c4]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.featured-grid[data-v-582117c4]{grid-template-columns:1fr}}.featured-card[data-v-582117c4]{cursor:pointer;background:#15151f;border:1px solid #ffffff14;border-radius:16px;transition:all .3s;overflow:hidden}.featured-card[data-v-582117c4]:hover{border-color:#c9a962;transform:translateY(-4px);box-shadow:0 8px 32px #00000080}.featured-card:hover .card-overlay[data-v-582117c4]{opacity:1}.card-thumbnail[data-v-582117c4]{aspect-ratio:16/10;position:relative;overflow:hidden}.card-thumbnail img[data-v-582117c4]{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card-thumbnail:hover img[data-v-582117c4]{transform:scale(1.05)}.card-overlay[data-v-582117c4]{opacity:0;background:#0a0a0fb3;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.view-btn[data-v-582117c4]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:9999px;padding:8px 24px;font-size:14px;font-weight:600}.card-info[data-v-582117c4]{padding:24px}.card-title[data-v-582117c4]{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:16px;overflow:hidden}.card-desc[data-v-582117c4]{color:#a0a0b0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.not-found-page[data-v-7b95c690]{background:#0a0a0f;min-height:100vh}.error-container[data-v-7b95c690]{justify-content:center;align-items:center;min-height:60vh;display:flex}.error-content[data-v-7b95c690]{text-align:center}.error-content .error-code[data-v-7b95c690]{color:#c9a962;margin-bottom:24px;font-size:120px;font-weight:700;line-height:1}@media (width<=768px){.error-content .error-code[data-v-7b95c690]{font-size:80px}}.error-content .error-message[data-v-7b95c690]{color:#fff;margin-bottom:16px;font-size:24px}.error-content .error-description[data-v-7b95c690]{color:#a0a0b0;margin-bottom:32px;font-size:16px}.error-content .home-btn[data-v-7b95c690]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-weight:600;display:inline-flex}.error-content .home-btn svg[data-v-7b95c690]{width:20px;height:20px}.error-content .home-btn[data-v-7b95c690]:hover{transform:translateY(-2px);box-shadow:0 0 30px #c9a96226}.work-detail-page[data-v-a26affe5]{background:#0a0a0f;min-height:100vh}.detail-container[data-v-a26affe5]{max-width:1200px;margin:0 auto;padding:48px 24px}@media (width<=768px){.detail-container[data-v-a26affe5]{padding:32px 16px}}.work-header[data-v-a26affe5]{text-align:center;margin-bottom:32px}.work-header .work-category[data-v-a26affe5]{color:#c9a962;background:#c9a9621a;border-radius:4px;margin-bottom:16px;padding:4px 16px;font-size:12px;display:inline-block}.work-header .work-title[data-v-a26affe5]{color:#fff;margin-bottom:16px;font-size:32px}.work-header .work-description[data-v-a26affe5]{color:#a0a0b0;max-width:600px;margin:0 auto 24px;font-size:16px;line-height:1.75}.work-header .work-meta[data-v-a26affe5]{justify-content:center;gap:24px;display:flex}.work-header .work-meta .meta-date[data-v-a26affe5],.work-header .work-meta .meta-views[data-v-a26affe5]{color:#4a4a5a;font-size:14px}.work-preview[data-v-a26affe5]{margin-top:32px}.works-page[data-v-b0db1d53]{background:#0a0a0f;min-height:100vh}.page-header[data-v-b0db1d53]{background:#12121a;padding:64px 0 32px}.header-container[data-v-b0db1d53]{text-align:center;max-width:1200px;margin:0 auto;padding:0 24px}.page-title[data-v-b0db1d53]{color:#fff;margin-bottom:16px;font-size:40px}.page-subtitle[data-v-b0db1d53]{color:#a0a0b0;font-size:16px}.works-content[data-v-b0db1d53]{padding:64px 0}.content-container[data-v-b0db1d53]{max-width:1200px;margin:0 auto;padding:0 24px}.category-filter[data-v-b0db1d53]{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:48px;display:flex}.filter-btn[data-v-b0db1d53]{color:#a0a0b0;background:#15151f;border:1px solid #ffffff14;border-radius:9999px;padding:8px 24px;font-size:14px;transition:all .15s}.filter-btn[data-v-b0db1d53]:hover,.filter-btn.active[data-v-b0db1d53]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-color:#0000}.works-grid[data-v-b0db1d53]{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}@media (width<=1024px){.works-grid[data-v-b0db1d53]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.works-grid[data-v-b0db1d53]{grid-template-columns:1fr}}.work-card[data-v-b0db1d53]{cursor:pointer;background:#15151f;border:1px solid #ffffff14;border-radius:16px;transition:all .3s;overflow:hidden}.work-card[data-v-b0db1d53]:hover{border-color:#c9a962;transform:translateY(-4px);box-shadow:0 8px 32px #00000080}.work-card:hover .work-overlay[data-v-b0db1d53]{opacity:1}.work-thumbnail[data-v-b0db1d53]{aspect-ratio:16/10;position:relative;overflow:hidden}.work-thumbnail img[data-v-b0db1d53]{object-fit:cover;width:100%;height:100%;transition:transform .5s}.work-thumbnail:hover img[data-v-b0db1d53]{transform:scale(1.05)}.work-overlay[data-v-b0db1d53]{opacity:0;background:#0a0a0fb3;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.view-btn[data-v-b0db1d53]{color:#0a0a0f;background:linear-gradient(135deg,#c9a962 0%,#e0c88a 100%);border-radius:9999px;padding:16px 32px;font-weight:600}.file-badge[data-v-b0db1d53]{color:#a0a0b0;background:#0a0a0fcc;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:16px;right:16px}.work-info[data-v-b0db1d53]{padding:24px}.work-title[data-v-b0db1d53]{color:#fff;margin-bottom:8px;font-size:18px}.work-desc[data-v-b0db1d53]{color:#a0a0b0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;display:-webkit-box;overflow:hidden}.work-meta[data-v-b0db1d53]{justify-content:space-between;align-items:center;display:flex}.meta-tag[data-v-b0db1d53]{color:#c9a962;background:#c9a9621a;border-radius:4px;padding:4px 8px;font-size:12px}.meta-views[data-v-b0db1d53]{color:#4a4a5a;font-size:12px}.empty-state[data-v-b0db1d53]{text-align:center;color:#a0a0b0;padding:64px}