.offline-notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#ff4d4f;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10000;animation:slideUp .3s ease}.offline-content{display:flex;align-items:center;gap:8px}.offline-icon{font-size:18px}.offline-text{font-size:14px;font-weight:500}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.offline-notification{bottom:calc(60px + env(safe-area-inset-bottom,0px));left:16px;right:16px;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #fafafa;--bg-hover: #f0f0f0;--bg-active: #e6e6e6;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--text-inverse: #ffffff;--border-color: #d9d9d9;--border-light: #f0f0f0;--shadow-color: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--accent-primary: #1890ff;--accent-hover: #40a9ff;--accent-active: #096dd9;--overlay-bg: rgba(0, 0, 0, .45);--modal-bg: #ffffff;--ant-primary-color: #1890ff;--ant-primary-color-hover: #40a9ff;--ant-primary-color-active: #096dd9;--ant-primary-color-outline: rgba(24, 144, 255, .2);--ant-primary-1: #e6f7ff;--ant-primary-2: #bae7ff;--ant-primary-3: #91d5ff;--ant-primary-4: #69c0ff;--ant-primary-5: #40a9ff;--ant-primary-6: #1890ff;--ant-primary-7: #096dd9;--ant-success-color: #52c41a;--ant-warning-color: #faad14;--ant-error-color: #ff4d4f;--ant-heading-color: rgba(0, 0, 0, .85);--ant-text-color: rgba(0, 0, 0, .65);--ant-text-color-secondary: rgba(0, 0, 0, .45);--ant-disabled-color: rgba(0, 0, 0, .25);--ant-border-color-base: #d9d9d9;--ant-border-color-split: #f0f0f0;--ant-layout-body-background: #f0f2f5;--ant-component-background: #ffffff;--ant-item-hover-bg: #f5f5f5;--ant-background-color-base: #f5f5f5}.dark{--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-tertiary: #262626;--bg-hover: #2c2c2c;--bg-active: #363636;--text-primary: #ffffff;--text-secondary: #bfbfbf;--text-tertiary: #8c8c8c;--text-inverse: #262626;--border-color: #434343;--border-light: #303030;--shadow-color: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .45);--accent-primary: #177ddc;--accent-hover: #3c9ae8;--accent-active: #0958d9;--overlay-bg: rgba(0, 0, 0, .75);--modal-bg: #1f1f1f;--ant-primary-color: #177ddc;--ant-primary-color-hover: #3c9ae8;--ant-primary-color-active: #0958d9;--ant-primary-color-outline: rgba(23, 125, 220, .2);--ant-primary-1: #111b26;--ant-primary-2: #153045;--ant-primary-3: #16457e;--ant-primary-4: #1765ad;--ant-primary-5: #3c9ae8;--ant-primary-6: #177ddc;--ant-primary-7: #0958d9;--ant-success-color: #49aa19;--ant-warning-color: #d89614;--ant-error-color: #d32029;--ant-heading-color: rgba(255, 255, 255, .85);--ant-text-color: rgba(255, 255, 255, .65);--ant-text-color-secondary: rgba(255, 255, 255, .45);--ant-disabled-color: rgba(255, 255, 255, .3);--ant-border-color-base: #434343;--ant-border-color-split: #303030;--ant-layout-body-background: #141414;--ant-component-background: #141414;--ant-item-hover-bg: #2c2c2c;--ant-background-color-base: #262626}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}@media(max-width:768px){:root{--shadow-color: rgba(0, 0, 0, .06);--shadow-hover: rgba(0, 0, 0, .1)}}@media(pointer:coarse){:root{--shadow-hover: rgba(0, 0, 0, .15)}}.dark .ant-layout{background:var(--ant-layout-body-background)}.dark .ant-layout-header,.dark .ant-layout-sider{background:var(--bg-secondary)}.dark .ant-card{background:var(--ant-component-background);border-color:var(--ant-border-color-base)}.dark .ant-modal-content,.dark .ant-modal-header{background:var(--modal-bg);color:var(--text-primary)}.dark .ant-modal-title{color:var(--text-primary)}.dark .ant-form-item-label>label{color:var(--text-primary)}.dark .ant-input{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark .ant-input::placeholder{color:var(--text-tertiary)}.dark .ant-btn-default{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark .ant-btn-default:hover{background:var(--bg-hover);border-color:var(--accent-hover);color:var(--accent-hover)}.dark .ant-select-selector{background:var(--bg-tertiary)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}.dark .ant-select-dropdown{background:var(--bg-secondary)}.dark .ant-select-item{color:var(--text-primary)}.dark .ant-select-item-option-active{background:var(--bg-hover)}.dark .ant-dropdown-menu{background:var(--bg-secondary)}.dark .ant-dropdown-menu-item{color:var(--text-primary)}.dark .ant-dropdown-menu-item:hover{background:var(--bg-hover)}.dark .ant-table{background:var(--ant-component-background);color:var(--text-primary)}.dark .ant-table-thead>tr>th{background:var(--bg-secondary);color:var(--text-primary);border-bottom-color:var(--border-color)}.dark .ant-table-tbody>tr>td{border-bottom-color:var(--border-color)}.dark .ant-table-tbody>tr:hover>td{background:var(--bg-hover)}.dark .ant-pagination-item{background:var(--bg-tertiary);border-color:var(--border-color)}.dark .ant-pagination-item a{color:var(--text-primary)}.dark .ant-pagination-item-active{background:var(--accent-primary);border-color:var(--accent-primary)}.dark .ant-pagination-item-active a{color:var(--text-inverse)}.dark .ant-menu{background:var(--bg-secondary)}.dark .ant-menu-item{color:var(--text-secondary)}.dark .ant-menu-item:hover{color:var(--accent-hover)}.dark .ant-menu-item-selected{background:var(--accent-primary);color:var(--text-inverse)}.dark .ant-divider{border-color:var(--border-color)}.dark .ant-empty-description{color:var(--text-secondary)}.dark .ant-tag{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}.dark .ant-drawer-content{background:var(--bg-secondary)}.dark .ant-drawer-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark .ant-drawer-title{color:var(--text-primary)}.dark .ant-list-item{border-bottom-color:var(--border-color)}.dark .ant-tabs-tab{color:var(--text-secondary)}.dark .ant-tabs-tab-active{color:var(--accent-primary)}.dark .ant-tabs-ink-bar{background:var(--accent-primary)}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.dark .gallery-item{background:var(--bg-tertiary)}.dark .resource-card{background:var(--bg-secondary);border-color:var(--border-color)}.dark .resource-card:hover{box-shadow:0 4px 12px var(--shadow-hover)}.dark .search-area{background:var(--bg-secondary);border-color:var(--border-color)}.dark .filter-area{background:var(--bg-tertiary)}.dark .upload-area{background:var(--bg-tertiary);border-color:var(--border-color)}.dark .upload-area:hover{border-color:var(--accent-primary)}.dark .preview-modal{background:var(--overlay-bg)}.dark .preview-content{background:var(--bg-secondary)}.dark .navbar{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark .navbar-item{color:var(--text-secondary)}.dark . @media (max-width: 480px){:root{--header-height: 48px;--gallery-gap: 4px;--gallery-columns: 2;--card-border-radius: 4px;--modal-width: 100%;--modal-margin: 8px;--touch-target-size: 44px;--font-size-base: 13px;--font-size-sm: 11px;--font-size-lg: 15px}}@media(min-width:481px)and (max-width:768px){:root{--header-height: 52px;--gallery-gap: 6px;--gallery-columns: 3;--card-border-radius: 6px;--modal-width: 95%;--modal-margin: 12px;--touch-target-size: 44px;--font-size-base: 14px;--font-size-sm: 12px;--font-size-lg: 16px}}@media(min-width:769px)and (max-width:1024px){:root{--header-height: 56px;--gallery-gap: 8px;--gallery-columns: 4;--card-border-radius: 8px;--modal-width: 80%;--modal-margin: 16px;--touch-target-size: 40px;--font-size-base: 14px;--font-size-sm: 12px;--font-size-lg: 16px}}@media(min-width:1025px){:root{--header-height: 60px;--gallery-gap: 10px;--gallery-columns: 4;--card-border-radius: 8px;--modal-width: 900px;--modal-margin: 24px;--touch-target-size: 36px;--font-size-base: 14px;--font-size-sm: 12px;--font-size-lg: 16px}}*{touch-action:manipulation;-webkit-tap-highlight-color:transparent}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media(max-width:768px){html{font-size:14px;-webkit-text-size-adjust:100%;text-size-adjust:100%}}@media(max-width:480px){html{font-size:13px}}@media(pointer:coarse){button,a,input,select,textarea,.ant-btn,.ant-input,.ant-select,.ant-radio-wrapper,.ant-checkbox-wrapper{min-height:var(--touch-target-size, 44px)}.ant-btn:active,.gallery-item:active{transform:scale(.98);opacity:.9}}@media(max-width:768px){.header{height:auto!important;min-height:var(--header-height);padding:8px!important;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-inner{flex-wrap:wrap;gap:8px}.header-left{width:100%;order:1}.header-title{font-size:16px!important;height:36px;line-height:36px}.header-actions{width:100%;order:2;justify-content:space-between;gap:6px}.search-wrapper{flex:1;min-width:0}.search-input{width:100%!important}.search-input :deep(.ant-input){font-size:16px}.search-history-dropdown{position:fixed!important;top:auto!important;left:8px!important;right:8px!important;max-height:50vh;border-radius:12px;box-shadow:0 8px 24px #00000026}.header-actions .ant-btn{min-width:var(--touch-target-size, 44px);min-height:var(--touch-target-size, 44px);padding:0 12px}}@media(max-width:768px){#galleryID{padding:var(--gallery-gap)!important;padding-bottom:60px}.virtual-gallery-container{min-height:200px}.gallery-row{min-height:auto;margin-bottom:var(--gallery-gap)}.gallery-item{border-radius:var(--card-border-radius);overflow:hidden}.gallery-item:hover{transform:none!important}.thumbnail{border-radius:var(--card-border-radius)}.img-text{height:32px;line-height:32px;font-size:12px;padding:0 8px;opacity:1!important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,.7) 100%)}.video-badge{top:4px;right:4px}.video-badge :deep(.ant-tag){font-size:10px!important;padding:0 4px;height:18px;line-height:16px}.video-progress-bar{height:3px}}@media(max-width:480px){.img-text{height:28px;line-height:28px;font-size:11px;padding:0 6px}.gallery-row{margin-bottom:3px}}@media(max-width:768px){.image-detail-modal :deep(.ant-modal){margin:0;padding:0;max-width:100%}.image-detail-modal :deep(.ant-modal-content){border-radius:0;min-height:100vh}.image-detail-modal :deep(.ant-modal-body){max-height:none;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.image-detail-container{min-height:100vh}.image-preview-section{min-height:250px;max-height:50vh;background:#000}.preview-image{max-height:50vh;width:100%;object-fit:contain}.image-info-section{padding:16px;background:var(--bg-primary)}.image-title{font-size:16px;margin-bottom:12px}.info-grid{grid-template-columns:1fr 1fr;gap:10px}.info-item{padding:8px;background:var(--bg-secondary);border-radius:6px}.info-label{font-size:11px}.info-value{font-size:12px}}@media(max-width:480px){.image-preview-section{min-height:200px}.info-grid{grid-template-columns:1fr;gap:8px}.info-group-title{font-size:13px}}@media(max-width:768px){.video-model{background:#000}.video-model-video{width:100%;height:auto;max-height:80vh}.video-model-close{top:12px;right:12px;width:40px;height:40px;font-size:20px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:100001}.video-model-text{bottom:16px;left:16px;right:16px;height:auto;padding:12px 16px;background:#000000b3;border-radius:8px}.video-model-text p{line-height:1.5;font-size:14px;white-space:normal;overflow:visible}.video-progress-controls{bottom:80px;flex-direction:row;gap:12px}.video-progress-controls .ant-btn{font-size:13px;padding:6px 16px;height:36px}}@media(max-width:768px){.ant-drawer-content-wrapper{max-width:85vw!important}.ant-drawer-header{padding:12px 16px}.ant-drawer-title{font-size:16px}.ant-drawer-body{padding:12px}.ant-menu-item{height:44px;line-height:44px;font-size:14px}}@media(max-width:768px){.ant-btn{min-height:var(--touch-target-size, 44px);min-width:var(--touch-target-size, 44px);font-size:var(--font-size-base, 14px)}.ant-btn-sm{min-height:36px;min-width:36px;font-size:var(--font-size-sm, 12px)}.filter-btn{width:var(--touch-target-size, 44px);height:var(--touch-target-size, 44px);padding:0;display:flex;align-items:center;justify-content:center}.album-drawer-trigger{min-height:36px;height:36px;padding:0 12px;font-size:var(--font-size-sm, 12px)}.ant-input,.ant-select-selector,.ant-picker{min-height:var(--touch-target-size, 44px);font-size:16px!important}.ant-input-affix-wrapper,.ant-input-password{background-color:#fff!important;-webkit-appearance:none}.ant-input{background-color:transparent!important;-webkit-appearance:none}.ant-checkbox-wrapper,.ant-radio-wrapper{min-height:var(--touch-target-size, 44px);display:flex;align-items:center}.ant-tabs-tab{min-height:var(--touch-target-size, 44px);padding:8px 16px}.ant-menu-item{min-height:var(--touch-target-size, 44px);line-height:var(--touch-target-size, 44px)}}@media(max-width:768px){.load-more-indicator{padding:16px;font-size:13px}.empty-state{width:100%;padding:40px 20px}.loading-container{padding:40px 20px}.loading-text{font-size:13px}}@media(max-width:768px){.dark .image-info-section{background:var(--bg-secondary)}.dark .info-item{background:var(--bg-tertiary)}.dark .video-model-text{background:#000c}}@supports (padding-top: env(safe-area-inset-top)){@media(max-width:768px){.header{padding-top:env(safe-area-inset-top)!important;padding-left:max(8px,env(safe-area-inset-left))!important;padding-right:max(8px,env(safe-area-inset-right))!important}.video-model-close{top:calc(12px + env(safe-area-inset-top))}.image-detail-modal :deep(.ant-modal-content){padding-bottom:env(safe-area-inset-bottom)}.fixed-bottom,.ant-drawer-content{padding-bottom:env(safe-area-inset-bottom)}}}@media(max-width:768px)and (orientation:landscape){.header{min-height:44px}.header-title{height:32px;line-height:32px;font-size:14px}.image-preview-section,.preview-image{max-height:70vh}.video-model-video{max-height:85vh;width:auto}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.gallery-item,.thumbnail{image-rendering:-webkit-optimize-contrast}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.header,.video-model,.ant-drawer,.load-more-indicator{display:none!important}#galleryID{padding:0}.gallery-item{break-inside:avoid}}@media(max-width:768px){.gallery-item,.ant-btn,.ant-menu-item,.ant-list-item{touch-action:pan-y;user-select:none;-webkit-user-select:none}img{-webkit-user-drag:none;user-drag:none}.ant-modal-wrap,.ant-drawer-content{overscroll-behavior:contain}}@media(max-width:768px){.gallery-item,.virtual-gallery-container,.gallery-row{will-change:transform;contain:layout style}.lazy-image,.thumbnail,.gallery-item{transform:translateZ(0);backface-visibility:hidden}}@media(max-width:768px){*:focus-visible{outline:2px solid var(--accent-primary, #1890ff);outline-offset:2px}.ant-btn:active,.gallery-item:active,.ant-menu-item:active{opacity:.8}}@media(prefers-reduced-data:reduce){.lazy-image-preview{display:none!important}.skeleton-shimmer{animation:none!important}}@media(max-width:768px){html{-webkit-text-size-adjust:100%;text-size-adjust:100%}}