.api-container[data-v-01dce5e1]{max-width:1200px}.btn-copy.copied[data-v-01dce5e1]{background:var(--gradient-success)!important}#qrcode[data-v-01dce5e1]{margin:0 auto}.stats-summary[data-v-01dce5e1]{display:flex;gap:20px;margin-bottom:30px}.stat-card[data-v-01dce5e1]{flex:1;background:#fffffff2;border:1px solid rgba(0,123,255,.1);border-radius:10px;padding:20px;text-align:center;box-shadow:0 2px 8px #007bff1a}.stat-value[data-v-01dce5e1]{font-size:2em;font-weight:700;color:#007bff;margin-bottom:10px}.stat-label[data-v-01dce5e1]{color:#6c757d;font-size:.9em}.stats-section[data-v-01dce5e1]{margin-top:30px}.stats-section h3[data-v-01dce5e1]{margin-bottom:15px;color:#333;font-weight:600}.daily-stats[data-v-01dce5e1]{background:#fffffff2;border:1px solid rgba(0,123,255,.1);border-radius:10px;padding:15px}.day-stat[data-v-01dce5e1]{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid rgba(0,123,255,.1)}.day-stat[data-v-01dce5e1]:last-child{border-bottom:none}.day-date[data-v-01dce5e1]{color:#6c757d}.day-count[data-v-01dce5e1]{color:#007bff;font-weight:700}.access-logs[data-v-01dce5e1]{background:#fffffff2;border:1px solid rgba(0,123,255,.1);border-radius:10px;padding:15px;max-height:300px;overflow-y:auto}.log-item[data-v-01dce5e1]{padding:10px;border-bottom:1px solid rgba(0,123,255,.1)}.log-item[data-v-01dce5e1]:last-child{border-bottom:none}.log-time[data-v-01dce5e1]{color:#007bff;font-size:.9em;margin-bottom:5px;font-weight:500}.log-details[data-v-01dce5e1]{color:#6c757d;font-size:.85em}.log-details span[data-v-01dce5e1]{margin-right:15px}.loading-spinner[data-v-01dce5e1]{width:50px;height:50px;border:3px solid rgba(0,123,255,.1);border-top:3px solid #007bff;border-radius:50%;animation:spin-01dce5e1 1s linear infinite;margin:0 auto}@keyframes spin-01dce5e1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state[data-v-01dce5e1]{text-align:center;padding:60px 20px;color:#fffc}.loading-state p[data-v-01dce5e1]{margin-top:20px;font-size:1.1em}.mode-help[data-v-01dce5e1]{display:inline-block;position:relative;cursor:help;margin-left:8px;font-size:.9em;color:var(--color-primary)}.mode-help[data-v-01dce5e1]:hover{transform:scale(1.1)}.mode-help-tooltip[data-v-01dce5e1]{position:absolute;left:100%;top:-10px;margin-left:10px;background:#fffffffa;border:1px solid rgba(0,123,255,.2);border-radius:12px;padding:15px;width:320px;z-index:1000;box-shadow:0 4px 20px #007bff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mode-help-item[data-v-01dce5e1]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,123,255,.1)}.mode-help-item[data-v-01dce5e1]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.mode-help-item strong[data-v-01dce5e1]{display:block;color:#007bff;margin-bottom:5px;font-size:.95em;font-weight:600}.mode-help-item p[data-v-01dce5e1]{margin:0;color:#6c757d;font-size:.85em;line-height:1.4}:root{--primary-blue: #0066FF;--primary-blue-dark: #0052CC;--primary-blue-light: #4A90E2;--primary-blue-lighter: #E6F2FF;--accent-blue: #00B4D8;--accent-green: #00C896;--accent-red: #FF4757;--accent-orange: #FF9F43;--gray-50: #FAFBFC;--gray-100: #F5F7FA;--gray-200: #E9ECEF;--gray-300: #DEE2E6;--gray-400: #CED4DA;--gray-500: #ADB5BD;--gray-600: #6C757D;--gray-700: #495057;--gray-800: #343A40;--gray-900: #212529;--bg-primary: #FFFFFF;--bg-secondary: #F8F9FA;--bg-tertiary: #F0F4F8;--text-primary: #2C3E50;--text-secondary: #6C757D;--text-light: #95A5A6;--text-white: #FFFFFF;--border-color: #E1E8ED;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--transition: all .3s ease;--transition-fast: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-secondary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);position:relative}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(45deg,var(--primary-blue-lighter) 1px,transparent 1px),linear-gradient(-45deg,var(--primary-blue-lighter) 1px,transparent 1px);background-size:40px 40px;background-position:0 0,0 20px;opacity:.3}.bg-decoration{display:none}.login-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:48px;width:100%;max-width:440px;box-shadow:var(--shadow-xl);position:relative;z-index:1;border:1px solid var(--border-color)}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:64px;height:64px;margin:0 auto 24px;background:var(--primary-blue);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--text-white);box-shadow:var(--shadow-md)}.login-title{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.login-subtitle{color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:24px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:14px}.form-label span{display:none}.form-input{width:100%;padding:12px 16px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:15px;transition:var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066ff1a}.form-input::placeholder{color:var(--text-light)}.form-hint{margin-top:6px;font-size:12px;color:var(--text-secondary)}.form-hint span{display:none}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:15px;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primary-blue);color:var(--text-white);width:100%}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-400)}.btn-small{padding:8px 16px;font-size:13px}.btn-loading:after{content:"";width:14px;height:14px;border:2px solid var(--text-white);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-layout{min-height:100vh;background:var(--bg-secondary);display:flex}.sidebar{width:260px;background:var(--bg-primary);border-right:1px solid var(--border-color);padding:24px 16px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.sidebar-header{margin-bottom:32px;padding:0 12px}.sidebar-logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:var(--text-primary);text-decoration:none}.sidebar-logo-icon{width:36px;height:36px;background:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-white)}.sidebar-nav{flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:var(--border-radius);color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);font-size:14px;font-weight:500}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--primary-blue-lighter);color:var(--primary-blue);font-weight:600}.nav-icon{width:20px;text-align:center;font-size:16px}.nav-text{flex:1}.sidebar-user{padding:16px;background:var(--bg-secondary);border-radius:var(--border-radius);display:flex;align-items:center;gap:12px;margin-top:auto}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-blue);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:var(--text-white)}.user-info{flex:1}.user-name{font-weight:600;color:var(--text-primary);font-size:14px}.user-role{font-size:12px;color:var(--text-secondary)}.main-content{flex:1;padding:32px;overflow-y:auto}.content-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.page-subtitle{color:var(--text-secondary);font-size:14px}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;position:relative;transition:var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;background:var(--primary-blue-lighter);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.stat-value{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.albums-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.album-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-fast);cursor:pointer}.album-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.album-cover{height:160px;background:linear-gradient(135deg,var(--primary-blue-light),var(--primary-blue));display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-white)}.album-cover-icon{opacity:.9}.album-body{padding:20px}.album-name{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.album-meta{display:flex;gap:16px;margin-bottom:12px}.album-meta-item{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px}.album-meta-item span{display:none}.album-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-actions{display:flex;gap:8px}.api-container{display:grid;gap:16px}.api-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:24px;transition:var(--transition-fast)}.api-item:hover{box-shadow:var(--shadow-md)}.api-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.api-name{font-size:18px;font-weight:600;color:var(--text-primary)}.api-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.api-status.active{background:#00c8961a;color:var(--accent-green);border:1px solid rgba(0,200,150,.2)}.api-status.inactive{background:#ff47571a;color:var(--accent-red);border:1px solid rgba(255,71,87,.2)}.api-url{background:var(--bg-secondary);padding:12px 16px;border-radius:var(--border-radius);font-family:SF Mono,Monaco,monospace;font-size:13px;color:var(--text-primary);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;word-break:break-all}.btn-copy{padding:6px 12px;background:var(--primary-blue);color:var(--text-white);border:none;border-radius:6px;cursor:pointer;transition:var(--transition-fast);font-size:12px;white-space:nowrap}.btn-copy:hover{background:var(--primary-blue-dark)}.btn-copy.copied{background:var(--accent-green)}.api-meta{display:flex;gap:24px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.api-meta-item{color:var(--text-secondary);font-size:13px;display:flex;align-items:center;gap:6px}.api-meta-item span{display:none}.images-masonry{columns:4;column-gap:16px}@media (max-width: 1200px){.images-masonry{columns:3}}@media (max-width: 768px){.images-masonry{columns:2}}@media (max-width: 480px){.images-masonry{columns:1}}.image-item{break-inside:avoid;margin-bottom:16px;border-radius:var(--border-radius);overflow:hidden;position:relative;cursor:pointer;transition:var(--transition-fast)}.image-item:hover{transform:scale(1.03);box-shadow:var(--shadow-lg)}.image-item img{width:100%;height:auto;display:block}.image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:16px;opacity:0;transition:opacity var(--transition-fast)}.image-item:hover .image-overlay{opacity:1}.image-info{color:var(--text-white)}.image-name{font-weight:500;margin-bottom:4px;font-size:14px}.image-size{font-size:12px;opacity:.8}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius-lg);width:90%;max-width:1200px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl)}.modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:20px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;width:32px;height:32px;border-radius:6px;color:var(--text-secondary);font-size:20px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:24px;max-height:calc(90vh - 80px);overflow-y:auto}.toast-container{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px 20px;min-width:300px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-lg);animation:slide-in .3s ease}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:20px}.toast.success{border-left:3px solid var(--accent-green)}.toast.success .toast-icon{color:var(--accent-green)}.toast.error{border-left:3px solid var(--accent-red)}.toast.error .toast-icon{color:var(--accent-red)}.toast.info{border-left:3px solid var(--primary-blue)}.toast.info .toast-icon{color:var(--primary-blue)}.toast-message{flex:1;color:var(--text-primary);font-size:14px}.toast-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;transition:var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.empty-description{color:var(--text-secondary);font-size:14px}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary-blue);color:var(--text-white);border:none;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:20px;transition:var(--transition-fast);z-index:100}.fab:hover{background:var(--primary-blue-dark);transform:scale(1.1);box-shadow:var(--shadow-xl)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.album-card,.api-item,.stat-card{animation:slide-up .4s ease;animation-fill-mode:both}@media (max-width: 1024px){.sidebar{position:fixed;left:-260px;height:100vh;z-index:999;transition:left .3s ease}.sidebar.active{left:0}.main-content{margin-left:0}}@media (max-width: 768px){.login-card{margin:20px;padding:32px 24px}.albums-container{grid-template-columns:1fr}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.stats-container{grid-template-columns:1fr}.api-url{flex-direction:column;gap:8px}.btn-copy{width:100%}}