.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10) var(--space-8);text-align:center}.empty-title{font-size:18px;font-weight:var(--weight-semibold);color:var(--color-ink-900)}.empty-desc{font-size:var(--text-body-sm);line-height:20px;color:var(--color-ink-500);max-width:280px;white-space:pre-line}.empty-actions{display:flex;gap:var(--space-3);margin-top:var(--space-1)}.empty-hint{font-size:var(--text-mini);color:var(--color-ink-400)}.gradient-illu{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.gradient-illu-label{font-size:var(--text-caption);color:#1a171452}.skeleton-grid{display:grid;gap:var(--space-4);width:100%}.inline-notice{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--color-ink-700);border:1px solid transparent}.inline-success{background:var(--color-success-bg);border-color:#17b9784d;color:#0f7a4e}.inline-success svg{color:var(--color-success)}.inline-error{background:var(--color-danger-bg);border-color:#ff4d4f4d;color:#b3302f}.inline-error svg{color:var(--color-live)}.inline-warning{background:var(--color-warning-bg);border-color:#f5a6234d;color:#96631a}.inline-warning svg{color:var(--color-warning)}.inline-info{background:var(--color-info-bg);border-color:#4c8df64d;color:#2b5fb8}.inline-info svg{color:var(--color-info)}.inline-notice .btn-text{color:inherit;font-weight:var(--weight-semibold)}.toast-host{position:fixed;left:50%;bottom:40px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none}.toast-host[data-placement=top]{top:24px;bottom:auto}.toast{display:flex;align-items:center;gap:var(--space-2);max-width:min(92vw,520px);height:46px;padding:0 18px;border-radius:23px;background:var(--color-ink-900);opacity:.94;box-shadow:var(--shadow-toast);pointer-events:auto;animation:toast-in var(--duration-base) var(--ease-out)}.toast-loading{gap:10px}.toast-text{color:#fff;font-size:var(--text-body);font-weight:var(--weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-undo{flex-shrink:0;margin-left:var(--space-2);padding:0 var(--space-1);border:none;background:none;color:var(--color-primary-light);font-size:var(--text-body);font-weight:var(--weight-semibold)}.toast-undo:hover{color:#ffb299}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:.94;transform:translateY(0) scale(1)}}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a171473;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;animation:sheet-mask-in var(--duration-fast) var(--ease-out)}@keyframes sheet-mask-in{0%{opacity:0}to{opacity:1}}.sheet{width:min(100%,430px);margin:8px;margin-bottom:max(8px,env(safe-area-inset-bottom));background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sheet);overflow:hidden;animation:sheet-in var(--duration-base) var(--ease-out)}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-title{padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--text-caption);color:var(--color-ink-400);text-align:center}.sheet-item{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:56px;padding:0 var(--space-5);border:none;background:transparent;color:var(--color-ink-900);font-size:var(--text-body-lg);font-weight:var(--weight-regular)}.sheet-item:active{background:var(--color-canvas)}.sheet-item.is-danger{color:var(--color-live)}.sheet-item.is-cancel{color:var(--color-live);font-weight:var(--weight-semibold)}.sheet-divider{height:1px;background:var(--color-line);margin:0 var(--space-4)}.sheet-gap{height:8px;background:var(--color-canvas)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-mask);opacity:1;z-index:var(--z-mask);display:flex;align-items:flex-start;justify-content:center;padding-top:110px;animation:mask-in var(--duration-fast) var(--ease-out)}@keyframes mask-in{0%{background:#1a171400}to{background:#1a171480}}.mask:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1a171480}.modal{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-modal);animation:modal-in var(--duration-base) var(--ease-out);max-height:calc(100vh - 160px);display:flex;flex-direction:column}@keyframes modal-in{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--space-6);flex-shrink:0}.modal-title{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-ink-900)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-ink-500)}.modal-close:hover:not(:disabled){background:var(--color-canvas);color:var(--color-ink-900)}.modal-body{padding:0 var(--space-6) var(--space-5);overflow-y:auto}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);height:72px;padding:0 var(--space-6);border-top:1px solid var(--color-line);flex-shrink:0}.modal-title:empty{display:none}.confirm-head{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-3)}.confirm-title{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-ink-900)}.confirm-desc{font-size:var(--text-body);line-height:22px;color:var(--color-ink-500)}.fab{position:fixed;z-index:var(--z-float);touch-action:none;user-select:none;-webkit-user-select:none;transition:left .32s var(--ease-out),top .32s var(--ease-out),transform .32s var(--ease-out),opacity var(--duration-base) var(--ease-out)}.fab.is-dragging{transition:none}.fab.is-idle{transform:translate(42%);opacity:.7}.fab.edge-left.is-idle{transform:translate(-42%)}.fab-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-float) - 1)}.fab-ball{display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:none;border-radius:50%;background:#ffffffeb;color:var(--color-ink-700);box-shadow:0 4px 14px #1a17142e;cursor:pointer;transition:transform var(--duration-base) var(--ease-out)}.fab-ball:active{transform:scale(.94)}.fab-ball-icon{transition:transform var(--duration-base) var(--ease-out)}.fab.is-open .fab-ball-icon{transform:rotate(135deg)}.fab-panel{position:absolute;right:0;display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-2)}.fab.edge-left .fab-panel{right:auto;left:0}.fab-panel.up{bottom:100%}.fab-panel.down{top:100%;padding-top:var(--space-2);padding-bottom:0}.fab-item{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);width:100%;padding:0;border:none;background:transparent;cursor:pointer;animation:fab-item-in .22s var(--ease-out) both}.fab.edge-left .fab-item{flex-direction:row-reverse}.fab-item-label{padding:5px 10px;border-radius:var(--radius-pill);background:#fffffff5;color:var(--color-ink-700);font-size:var(--text-caption);line-height:1.4;white-space:nowrap;box-shadow:0 2px 8px #1a171424}.fab-item-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#fffffff5;color:var(--color-ink-700);box-shadow:0 3px 10px #1a171429;transition:transform var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.fab-item:active .fab-item-btn{transform:scale(.94)}.fab-item.is-active .fab-item-btn{color:var(--color-primary)}.fab-item:disabled{opacity:.5;cursor:not-allowed}@keyframes fab-item-in{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.fab-panel.down .fab-item{animation-name:fab-item-in-down}@keyframes fab-item-in-down{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--color-primary: #f2603c;--color-primary-hover: #de5030;--color-primary-pressed: #c2442a;--color-primary-light: #ff7f5c;--color-primary-bg: #fff3ee;--color-live: #ff4d4f;--color-success: #17b978;--color-success-bg: #effaf4;--color-warning: #f5a623;--color-warning-bg: #fff8ec;--color-info: #4c8df6;--color-info-bg: #eef4ff;--color-danger-bg: #fff6f6;--color-ink-900: #1a1714;--color-ink-700: #3d3733;--color-ink-500: #6b635c;--color-ink-400: #9c948c;--color-ink-disabled: #b8ada1;--color-surface: #ffffff;--color-canvas: #f7f4f0;--color-line: #e8e3dc;--color-line-strong: #d8d1c8;--color-sidebar: #211e1a;--color-sidebar-hover: #2e2a25;--color-sidebar-text: #c9c2ba;--color-sidebar-active: #f2603c;--color-mask: #1a1714;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-number: "Inter", -apple-system, "Helvetica Neue", sans-serif;--text-display: 30px;--text-h1: 24px;--text-h2: 20px;--text-h3: 17px;--text-body-lg: 16px;--text-body: 14px;--text-body-sm: 13px;--text-caption: 12px;--text-mini: 11px;--leading-tight: 1.3;--leading-normal: 1.5;--leading-relaxed: 1.7;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--shadow-card: 0 1px 3px rgba(26, 23, 20, .06), 0 1px 2px rgba(26, 23, 20, .04);--shadow-float: 0 4px 14px rgba(26, 23, 20, .12);--shadow-modal: 0 20px 48px rgba(26, 23, 20, .28);--shadow-toast: 0 6px 18px rgba(26, 23, 20, .24);--shadow-sheet: 0 -4px 24px rgba(26, 23, 20, .18);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .16s;--duration-base: .24s;--duration-slow: .32s;--z-header: 10;--z-float: 20;--z-mask: 900;--z-modal: 1000;--z-toast: 1100;--sidebar-width: 240px;--topbar-height: 64px;--h5-width: 390px;--h5-height: 844px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-ink-900);background:var(--color-canvas);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}button{font-family:inherit;cursor:pointer}code{font-family:var(--font-number);background:var(--color-canvas);padding:1px 6px;border-radius:var(--radius-sm);font-size:var(--text-caption)}.num{font-family:var(--font-number);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:var(--text-body);font-weight:var(--weight-semibold);transition:background var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);white-space:nowrap}.btn:hover:not(:disabled){background:var(--color-primary-hover)}.btn:active:not(:disabled){background:var(--color-primary-pressed)}.btn:disabled,.btn.is-loading{background:var(--color-line);color:var(--color-ink-disabled);cursor:not-allowed}.btn.is-loading{opacity:.7}.btn-secondary{background:transparent;color:var(--color-ink-700);border:1px solid var(--color-line)}.btn-secondary:hover:not(:disabled){background:var(--color-canvas);color:var(--color-ink-900)}.btn-secondary:active:not(:disabled){background:var(--color-line)}.btn-danger{background:var(--color-live)}.btn-danger:hover:not(:disabled){background:#d93b3d}.btn-danger:active:not(:disabled){background:#bd3234}.btn-text{background:none;border:none;color:var(--color-primary);font-size:var(--text-body-sm);font-weight:var(--weight-medium);padding:0;height:auto}.btn-text:hover{color:var(--color-primary-hover)}.btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-body-sm)}.btn-lg{height:48px;padding:0 var(--space-6);font-size:var(--text-body-lg)}.btn-block{width:100%}.btn-pill{border-radius:var(--radius-pill)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field-label{font-size:var(--text-body-sm);color:var(--color-ink-500)}.input{width:100%;height:44px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink-900);font-size:var(--text-body);font-family:inherit;outline:none;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--color-ink-400)}.input:focus{border:2px solid var(--color-primary);padding:0 11px}.input:disabled{background:var(--color-canvas);color:var(--color-ink-disabled);cursor:not-allowed}.input.is-error{background:var(--color-danger-bg);border-color:var(--color-live)}.field-error{font-size:var(--text-caption);color:var(--color-live)}.field-hint{font-size:var(--text-caption);color:var(--color-ink-400)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:20px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-mini);font-weight:var(--weight-medium);color:#fff;background:var(--color-ink-500);white-space:nowrap}.badge-live{background:var(--color-live)}.badge-primary{background:var(--color-primary)}.badge-success{background:var(--color-success)}.badge-warning{background:var(--color-warning)}.badge-info{background:var(--color-info)}.badge-muted{background:#1a17148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-live .dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.6s var(--ease-out) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.progress{width:100%;height:6px;border-radius:var(--radius-pill);background:var(--color-line);overflow:hidden}.progress>span{display:block;width:0;height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width .2s var(--ease-out)}.progress-bar{height:100%;border-radius:var(--radius-pill);background:var(--color-primary);transition:width var(--duration-base) var(--ease-out)}.progress-bar.is-success{background:var(--color-success)}.progress-sm{height:4px}.switch{position:relative;flex-shrink:0;width:36px;height:20px;border-radius:var(--radius-pill);border:none;background:var(--color-line-strong);padding:0;transition:background var(--duration-base) var(--ease-out)}.switch.is-on{background:var(--color-primary)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--duration-base) var(--ease-out)}.switch.is-on:after{transform:translate(16px)}.segmented{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--color-canvas);border-radius:var(--radius-md)}.segmented-item{flex:1;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-ink-500);font-size:var(--text-body-sm);font-weight:var(--weight-regular);transition:all var(--duration-fast) var(--ease-out)}.segmented-item.is-active{background:var(--color-surface);color:var(--color-primary);font-weight:var(--weight-semibold);box-shadow:var(--shadow-card)}.pill{flex-shrink:0;height:32px;padding:0 var(--space-4);border:none;border-radius:var(--radius-pill);background:var(--color-canvas);color:var(--color-ink-500);font-size:var(--text-body-sm);transition:all var(--duration-fast) var(--ease-out)}.pill.is-active{background:var(--color-primary);color:#fff;font-weight:var(--weight-semibold)}.pill-ghost{background:transparent;border:1px solid var(--color-line)}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-line)}.skeleton{background:linear-gradient(90deg,var(--color-canvas) 25%,#efeae3 37%,var(--color-canvas) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-dark{border-color:var(--color-line);border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-x{display:flex;overflow-x:auto;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.h5{--pc-content-width: 1200px;display:flex;flex-direction:column;width:100%;min-height:100vh;background:var(--color-canvas);position:relative}.h5-nav{display:flex;align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-4);background:var(--color-surface);flex-shrink:0}.h5-nav-title{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h5-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-ink-700)}.h5-icon-btn:active{background:var(--color-canvas)}.h5-nav.is-overlay{position:absolute;top:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,#1a171475,#1a171400);color:#fff}.h5-nav.is-overlay .h5-icon-btn{color:#fff;background:#0000002e}.h5-nav.is-overlay .h5-icon-btn:active{background:#00000057}.h5-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-4)}.intro{position:relative;flex:1;display:flex;flex-direction:column;background:var(--color-ink-900);color:#fff;overflow:hidden}.intro-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.intro-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a17141a,#1a17141a 35%,#1a1714db)}.intro-header{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:max(var(--space-5),env(safe-area-inset-top)) var(--space-4) var(--space-4)}.intro-brand-lockup{display:flex;align-items:center;gap:var(--space-3)}.intro-brand-img{width:40px;height:40px;border-radius:var(--radius-md);object-fit:contain;background:#fff3;flex-shrink:0}.intro-brand-img.is-placeholder{display:none}.intro-brand-text{display:flex;flex-direction:column;gap:2px}.intro-brand-name{font-size:var(--text-body);font-weight:var(--weight-bold);color:#fff}.intro-brand-slogan{font-size:var(--text-body-sm);color:#ffffffb8}.intro-meta-right{display:flex;align-items:center;gap:var(--space-2)}.intro-page-badge{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:var(--radius-md);background:#fff3;color:#fff;font-size:var(--text-body-sm);font-weight:var(--weight-bold)}.intro-stock-code{font-size:var(--text-caption);color:#fffc}.intro-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-8)}.intro-brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.intro-title{font-size:var(--text-display);line-height:var(--leading-tight);font-weight:var(--weight-bold);color:#fff}.intro-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-body-sm);color:#ffffffb8}.intro-stats{display:flex;gap:var(--space-6);padding:var(--space-4) 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.intro-stat-value{font-family:var(--font-number);font-size:var(--text-h2);font-weight:var(--weight-bold);color:#fff}.intro-stat-label{font-size:var(--text-mini);color:#fff9;margin-top:2px}.album-hero{background:var(--color-surface);padding-bottom:var(--space-3)}.album-hero-cover{position:relative;width:100%;height:200px;background:var(--color-canvas)}.album-hero-cover img{width:100%;height:100%;object-fit:cover;display:block}.album-hero-badge{position:absolute;top:var(--space-3);left:var(--space-3)}.album-hero-main{padding:var(--space-4) var(--space-4) 0}.album-hero-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-ink-900)}.album-hero-sub{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-body-sm);color:var(--color-ink-500)}.filter-bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);position:sticky;top:0;z-index:var(--z-header);align-items:center}.sort-menu{position:relative}.sort-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:132px;padding:6px;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:0 8px 24px #1a171424;z-index:var(--z-float);animation:sort-panel-in .16s var(--ease-out) both}@keyframes sort-panel-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sort-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-ink-700);font-size:var(--text-body-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.sort-item:active{background:var(--color-canvas)}.sort-item.is-active{color:var(--color-primary);font-weight:var(--weight-semibold)}.waterfall{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:var(--space-2) var(--space-3)}@media (min-width: 640px){.waterfall{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}@media (min-width: 1024px){.waterfall{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1440px){.waterfall{grid-template-columns:repeat(5,1fr)}}.photo-tile{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-line);cursor:pointer}.photo-tile img{width:100%;display:block;object-fit:cover}.photo-tile-tag{position:absolute;top:var(--space-2);left:var(--space-2)}.photo-tile-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a171473;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-caption)}.photo-tile.is-hidden-photo img{opacity:.4;filter:grayscale(1)}.photo-tile.is-selecting{cursor:pointer}.photo-tile.is-selected{outline:3px solid var(--color-primary);outline-offset:-3px}.photo-tile .select-check{position:absolute;top:var(--space-2);right:var(--space-2);width:22px;height:22px;border-radius:50%;background:#1a171459;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--duration-base) var(--ease-out)}.photo-tile .select-check.is-on{background:var(--color-primary);border-color:var(--color-primary)}.select-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0));background:var(--color-surface);border-top:1px solid var(--color-line);box-shadow:0 -4px 16px #00000014}.select-bar-count{font-size:13px;color:var(--color-ink-700)}.load-more{padding:var(--space-4);text-align:center}.new-photos-banner{position:sticky;top:60px;z-index:var(--z-header);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-2) var(--space-4);height:40px;border:none;border-radius:var(--radius-pill);background:var(--color-primary);color:#fff;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-float);animation:banner-in var(--duration-base) var(--ease-out)}@keyframes banner-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.h5-tabbar{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-3) + env(safe-area-inset-bottom));z-index:var(--z-float);display:flex;align-items:center;gap:2px;height:60px;padding:0 6px;border-radius:var(--radius-pill);background:#ffffffdb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 30px #1a171424,0 2px 8px #1a17140f;animation:tabbar-in .32s var(--ease-out);transition:transform .28s var(--ease-out),opacity .2s var(--ease-out)}.h5-tabbar.is-hidden{transform:translateY(calc(100% + var(--space-4)));opacity:0;pointer-events:none}.h5-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:48px;padding:0;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink-400);font-size:var(--text-mini);transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.h5-tab:active{transform:scale(.94)}.h5-tab:disabled{opacity:.45;cursor:not-allowed}.h5-tab.is-active{color:var(--color-primary);font-weight:var(--weight-semibold);background:var(--color-primary-bg)}.h5-tab-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;transition:transform var(--duration-base) var(--ease-out)}.h5-tab.is-active .h5-tab-icon{transform:translateY(-1px) scale(1.1)}@keyframes tabbar-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.h5-body.has-tabbar{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000;display:flex;align-items:center;justify-content:center;touch-action:none}.viewer-img{display:block;max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;animation:viewer-in var(--duration-base) var(--ease-out)}@keyframes viewer-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.viewer-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top));color:#fff;transition:opacity var(--duration-base) var(--ease-out)}.viewer-topbar-spacer{width:36px;flex-shrink:0}.viewer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;padding:0;border:none;border-radius:50%;background:#0006;color:#fff;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.viewer-close:active{transform:scale(.92);background:#0009}.viewer-hint{flex:1;margin:0 var(--space-3);padding:6px 12px;border-radius:var(--radius-pill);background:#00000073;color:#fff;font-size:var(--text-caption);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.viewer-nav{display:none;position:absolute;top:50%;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#00000059;color:#fff;cursor:pointer;z-index:1;transform:translateY(-50%);transition:background var(--duration-fast) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.viewer-nav:hover{background:#0009}.viewer-nav:active{background:#000000bf}.viewer-nav.prev{left:var(--space-4)}.viewer-nav.next{right:var(--space-4)}.viewer-filename{position:absolute;left:var(--space-4);bottom:max(var(--space-4),env(safe-area-inset-bottom));max-width:60vw;color:#fffc;font-size:var(--text-caption);line-height:1.3;word-break:break-all;z-index:1;transition:opacity var(--duration-base) var(--ease-out)}.viewer.hide-controls .viewer-topbar,.viewer.hide-controls .viewer-nav,.viewer.hide-controls .fab,.viewer.hide-controls .viewer-filename{opacity:0;pointer-events:none}.viewer-lift{position:absolute;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 12px 32px #1a171466;pointer-events:none}.viewer-lift img{width:100%;height:100%;object-fit:cover;display:block}.findme{flex:1;display:flex;flex-direction:column;padding:var(--space-6);gap:var(--space-6)}.findme-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:168px;height:168px;margin:0 auto;border:2px dashed var(--color-line-strong);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-ink-500);font-size:var(--text-body-sm)}.findme-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin:0 auto;display:block}.findme-progress{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) 0}.findme-count{font-family:var(--font-number);font-size:var(--text-body-sm);color:var(--color-ink-500)}.findme-privacy{font-size:var(--text-mini);color:var(--color-ink-400);text-align:center}.unlock{flex:1;display:flex;flex-direction:column;padding:var(--space-5);gap:var(--space-4)}.unlock-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) 0 var(--space-2);text-align:center}.unlock-title{font-size:var(--text-h1);font-weight:var(--weight-bold);color:var(--color-ink-900)}.unlock-sub{font-size:var(--text-body-sm);color:var(--color-ink-500)}.plan-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:2px solid var(--color-line);border-radius:var(--radius-xl);background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out)}.plan-card.is-selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.plan-head{display:flex;align-items:baseline;justify-content:space-between}.plan-name{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-ink-900)}.plan-price{font-family:var(--font-number);font-size:var(--text-h1);font-weight:var(--weight-bold);color:var(--color-primary)}.plan-price-unit{font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--weight-regular);color:var(--color-ink-500)}.plan-perks{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-ink-700)}.plan-perk{display:flex;align-items:center;gap:var(--space-2)}.pay-methods{display:flex;flex-direction:column;gap:var(--space-2)}.pay-method{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left}.pay-method.is-selected{border-color:var(--color-primary);background:var(--color-primary-bg)}.pay-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-line-strong);flex-shrink:0;display:flex;align-items:center;justify-content:center}.pay-method.is-selected .pay-radio{border-color:var(--color-primary)}.pay-method.is-selected .pay-radio:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.unlock-footer{position:sticky;bottom:0;padding:var(--space-4) var(--space-5) max(var(--space-4),env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-line)}.me-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4);background:var(--color-surface)}.me-avatar{width:56px;height:56px;border-radius:50%;background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-h2);font-weight:var(--weight-semibold);flex-shrink:0}.me-name{font-size:var(--text-h3);font-weight:var(--weight-semibold);color:var(--color-ink-900)}.me-sub{font-size:var(--text-body-sm);color:var(--color-ink-500);margin-top:2px}.me-tabs{display:flex;gap:var(--space-6);padding:0 var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-line)}.me-tab{position:relative;padding:var(--space-3) 0;border:none;background:transparent;color:var(--color-ink-500);font-size:var(--text-body)}.me-tab.is-active{color:var(--color-ink-900);font-weight:var(--weight-semibold)}.me-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-primary);border-radius:var(--radius-sm)}@media (min-width: 768px){.album-hero-main,.filter-bar,.waterfall,.load-more,.new-photos-banner,.unlock-footer,.me-header{max-width:var(--pc-content-width);margin-left:auto;margin-right:auto;width:100%}.new-photos-banner{margin:var(--space-2) auto}.album-hero-cover{height:320px}.h5-tabbar{left:max(16px,calc(50% - 260px));right:max(16px,calc(50% - 260px))}.viewer-hint{flex:none;max-width:420px;margin:0 auto}.viewer-nav{display:flex;width:48px;height:48px}.viewer-nav.prev{left:32px}.viewer-nav.next{right:32px}.intro-header,.intro-content{left:0;right:0;max-width:var(--pc-content-width);margin-left:auto;margin-right:auto}.intro-content{max-width:720px}}.album-layout{display:contents}.album-toolbar,.album-side,.pc-float{display:none}@media (min-width: 768px){.is-pc-list .h5-tabbar,.is-pc-list .album-hero,.is-pc-list>.fab,.is-pc-list>.fab-backdrop{display:none}.is-pc-list .h5-body.has-tabbar{padding-bottom:var(--space-4)}.is-pc-list .album-layout{display:flex;align-items:flex-start;gap:28px;max-width:var(--pc-content-width);margin:0 auto;padding:24px 28px 40px}.is-pc-list .album-main{flex:1;min-width:0}.is-pc-list .album-toolbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px}.album-toolbar-title{margin:0;font-size:24px;font-weight:var(--weight-bold);color:var(--color-primary)}.album-mobile-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid rgba(26,23,20,.12);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-700);font-size:13px;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.album-mobile-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.is-pc-list .album-side{display:block;width:320px;flex-shrink:0;position:sticky;top:24px}.album-side-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 4px 20px #1a171414;padding:12px}.album-side-cover{height:170px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-canvas)}.album-side-cover img{width:100%;height:100%;object-fit:cover;display:block}.album-side-title{margin:12px 4px 0;font-size:18px;font-weight:var(--weight-semibold);line-height:1.4;color:var(--color-ink-900)}.album-side-meta{display:flex;align-items:center;justify-content:space-between;margin:12px 4px 4px}.album-side-views{color:var(--color-primary);font-size:13px;font-weight:var(--weight-semibold)}.album-side-link{padding:0;border:none;background:none;color:var(--color-ink-500);font-size:13px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out)}.album-side-link:hover{color:var(--color-primary)}.is-pc-list .filter-bar{position:static;background:transparent;padding:0 0 14px}.is-pc-list .filter-bar .pill{background:transparent;box-shadow:none;border-radius:0;padding:4px 2px;color:var(--color-ink-500)}.is-pc-list .filter-bar .pill.is-active{background:transparent;color:var(--color-primary)}.is-pc-list .pc-float{display:flex;position:fixed;right:28px;bottom:44px;flex-direction:column;gap:14px;z-index:var(--z-float)}.pc-float-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;height:56px;border:none;border-radius:50%;background:var(--color-surface);color:var(--color-primary);box-shadow:0 4px 16px #1a171429;font-size:11px;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.pc-float-btn span{color:var(--color-ink-700)}.pc-float-btn:hover{box-shadow:0 6px 20px #1a171433}.pc-float-btn:active{transform:scale(.94)}.pc-float-btn:disabled{opacity:.5;cursor:not-allowed}}.slideshow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;flex-direction:column;background:#000;animation:viewer-in .24s var(--ease-out)}.slideshow-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.slideshow-img{position:relative;width:100%;height:100%;object-fit:contain;animation:slide-fade .38s var(--ease-out)}.slideshow-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(32px) brightness(.5);transform:scale(1.15);animation:slide-fade-bg .38s var(--ease-out)}@keyframes slide-fade-bg{0%{opacity:0}to{opacity:1}}.qr-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.qr-img{width:220px;height:220px;display:block;border-radius:var(--radius-md)}.qr-tip{margin:0;font-size:var(--text-body-sm);color:var(--color-ink-500);text-align:center}.qr-link{margin:0;max-width:100%;font-size:var(--text-caption);color:var(--color-ink-400);text-align:center;word-break:break-all}.slideshow-paused{position:absolute;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:18px 26px;border-radius:var(--radius-lg);background:#00000073;color:#fff;font-size:var(--text-caption);pointer-events:none}.slideshow-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top));color:#fff}.slideshow-count{padding:5px 12px;border-radius:var(--radius-pill);background:#00000073;font-family:var(--font-number);font-size:var(--text-caption)}.slideshow-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;background:#0006;color:#fff;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.slideshow-close:active{transform:scale(.92);background:#0009}.slideshow-bottom{position:absolute;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:28px}.slideshow-ctrl{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.slideshow-ctrl.is-main{width:54px;height:54px;background:#ffffff42}.slideshow-ctrl:active{transform:scale(.94)}.slideshow-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff29}.slideshow-bar span{display:block;width:0;height:100%;background:var(--color-primary);animation:slide-progress 3s linear forwards}.slideshow-bar span.is-paused{animation-play-state:paused}@keyframes slide-progress{0%{width:0}to{width:100%}}@keyframes slide-fade{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.admin{display:flex;min-height:100vh;background:var(--color-canvas)}.admin-sidebar{display:flex;flex-direction:column;width:var(--sidebar-width);flex-shrink:0;background:var(--color-sidebar);position:sticky;top:0;height:100vh}.admin-logo{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-5);flex-shrink:0}.admin-logo-mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-body);flex-shrink:0}.admin-logo-text{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:#fff}.admin-nav{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-3)}.admin-nav-item{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-sidebar-text);font-size:var(--text-body);text-align:left;transition:background var(--duration-fast) var(--ease-out)}.admin-nav-item:hover{background:var(--color-sidebar-hover);color:#fff}.admin-nav-item.is-active{background:#f2603c29;color:var(--color-sidebar-active);font-weight:var(--weight-semibold)}.admin-nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-live);color:#fff;font-size:var(--text-mini);font-family:var(--font-number);display:flex;align-items:center;justify-content:center}.admin-storage{margin-top:auto;padding:var(--space-5);border-top:1px solid rgba(255,255,255,.08)}.admin-storage-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-caption);color:var(--color-sidebar-text);margin-bottom:var(--space-2)}.admin-storage-value{font-family:var(--font-number);color:#fff;font-weight:var(--weight-semibold)}.admin-storage-bar{height:4px;border-radius:var(--radius-pill);background:#ffffff29;overflow:hidden}.admin-storage-bar>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--color-primary)}.admin-storage-hint{margin-top:var(--space-2);font-size:var(--text-mini);color:#c9c2ba99}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:var(--space-4);height:var(--topbar-height);padding:0 var(--space-6);background:var(--color-surface);border-bottom:1px solid var(--color-line);position:sticky;top:0;z-index:var(--z-header);flex-shrink:0}.admin-search{position:relative;width:280px;flex-shrink:0}.admin-search .input{height:36px;padding-left:36px;background:var(--color-canvas);border-color:transparent}.admin-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-ink-400);pointer-events:none}.admin-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);flex-shrink:0;border:none;padding:0}.admin-content{flex:1;padding:var(--space-6);min-width:0}.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.admin-page-title{font-size:var(--text-h1);font-weight:var(--weight-bold);color:var(--color-ink-900)}.admin-page-sub{font-size:var(--text-body-sm);color:var(--color-ink-500);margin-top:var(--space-1)}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:var(--space-4)}.event-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.event-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-card)}.event-card.is-selected{border:2px solid var(--color-primary)}.event-cover{position:relative;height:172px;background:var(--color-canvas)}.event-cover img{width:100%;height:100%;object-fit:cover;display:block}.event-cover-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-2)}.event-check{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.9);background:#1a17144d;display:flex;align-items:center;justify-content:center}.event-check.is-checked{background:var(--color-primary);border-color:var(--color-primary)}.event-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.event-title{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--color-ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-ink-500)}.event-stats{display:flex;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-line);margin-top:var(--space-1)}.event-stat{display:flex;flex-direction:column;gap:2px}.event-stat-value{font-family:var(--font-number);font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--color-ink-900)}.event-stat-label{font-size:var(--text-mini);color:var(--color-ink-400)}.photo-toolbar{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.photo-toolbar .grow{flex:1}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:var(--space-4)}.photo-card{background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.photo-card:hover{box-shadow:var(--shadow-card)}.photo-card.is-selected{border-color:var(--color-primary)}.photo-thumb{position:relative;height:168px;background:var(--color-canvas)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb.is-uploading img{opacity:.45}.photo-thumb.is-failed{background:var(--color-canvas);display:flex;align-items:center;justify-content:center;color:var(--color-live);font-size:var(--text-body-sm);text-align:center;line-height:20px}.photo-badges{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;gap:var(--space-1)}.photo-check{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.9);background:#1a17144d;display:flex;align-items:center;justify-content:center}.photo-check.is-checked{background:var(--color-primary);border-color:var(--color-primary)}.photo-upload-progress{position:absolute;left:var(--space-5);right:var(--space-5);top:50%;transform:translateY(-50%)}.photo-info{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--text-caption);color:var(--color-ink-500)}.bulk-bar{position:fixed;left:calc(var(--sidebar-width) + (100% - var(--sidebar-width)) / 2);bottom:var(--space-8);transform:translate(-50%);display:flex;align-items:center;gap:var(--space-4);height:60px;padding:0 var(--space-5);border-radius:var(--radius-lg);background:var(--color-sidebar);box-shadow:0 8px 28px #1a171452;z-index:var(--z-float);animation:bulk-in var(--duration-base) var(--ease-out)}@keyframes bulk-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bulk-count{color:#fff;font-size:var(--text-body);font-weight:var(--weight-semibold);white-space:nowrap}.bulk-actions{display:flex;gap:var(--space-2)}.bulk-btn{height:36px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid rgba(201,194,186,.32);background:transparent;color:var(--color-sidebar-text);font-size:var(--text-body-sm)}.bulk-btn:hover{background:var(--color-sidebar-hover);color:#fff}.bulk-btn.is-danger{background:var(--color-live);border-color:var(--color-live);color:#fff;font-weight:var(--weight-semibold)}.bulk-btn.is-danger:hover{background:#d93b3d}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) 0 var(--space-2);font-size:var(--text-body-sm);color:var(--color-ink-500)}.pager{display:flex;gap:var(--space-1)}.pager-btn{min-width:32px;height:32px;padding:0 var(--space-2);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink-700);font-size:var(--text-body-sm);font-family:var(--font-number)}.pager-btn.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:var(--weight-semibold)}.share-layout{display:grid;grid-template-columns:380px 300px 1fr;gap:var(--space-4);align-items:start}.panel{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5)}.panel-title{font-size:var(--text-body-lg);font-weight:var(--weight-semibold);color:var(--color-ink-900);margin-bottom:var(--space-4)}.qr-frame{display:flex;align-items:center;justify-content:center;width:200px;height:200px;margin:0 auto var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.qr-frame img,.qr-frame svg{width:100%;height:100%}.qr-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--text-caption);color:var(--color-ink-400);background:repeating-conic-gradient(#f2efe9,#f2efe9 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.link-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-canvas)}.link-text{flex:1;min-width:0;font-size:var(--text-body-sm);color:var(--color-ink-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-list{display:flex;flex-direction:column;gap:var(--space-2)}.channel-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;font-size:var(--text-body-sm);color:var(--color-ink-700)}.channel-item:hover{border-color:var(--color-primary);background:var(--color-primary-bg)}.h5-preview{width:252px;height:500px;margin:0 auto;border-radius:var(--radius-xl);border:6px solid var(--color-ink-900);overflow:hidden;background:var(--color-surface);display:flex;flex-direction:column}.h5-preview-body{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;overflow:hidden}.h5-preview-tile{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-canvas)}.h5-preview-tile img{width:100%;height:100%;object-fit:cover;display:block}.wm-preview-tile{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;background:var(--color-canvas)}.wm-preview-tile img{width:100%;height:100%;object-fit:cover;display:block}.wm-mark{position:absolute;font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1);width:108px;height:108px}.position-cell{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-canvas);padding:0}.position-cell.is-active{background:var(--color-primary);border-color:var(--color-primary)}.slider{width:100%;height:4px;border-radius:var(--radius-pill);background:var(--color-line);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;box-shadow:var(--shadow-card);cursor:pointer}.slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary);border:2px solid #fff;cursor:pointer}.slider-row{display:flex;align-items:center;gap:var(--space-4)}.slider-value{width:48px;text-align:right;font-family:var(--font-number);font-size:var(--text-body-sm);color:var(--color-ink-700);flex-shrink:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.stat-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.stat-card.is-highlight{background:var(--color-primary-bg);border-color:#f2603c52}.stat-label{font-size:var(--text-body-sm);color:var(--color-ink-500)}.stat-value{font-family:var(--font-number);font-size:30px;font-weight:var(--weight-bold);color:var(--color-ink-900);line-height:var(--leading-tight);margin:var(--space-2) 0 var(--space-1)}.stat-delta{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-number);font-size:var(--text-caption);font-weight:var(--weight-semibold)}.stat-delta.is-up{color:var(--color-live)}.stat-delta.is-down{color:var(--color-success)}.stat-foot{font-size:var(--text-mini);color:var(--color-ink-400);margin-top:var(--space-2)}.chart-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.chart-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.bar-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:190px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);height:100%;justify-content:flex-end}.bar{width:100%;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#f6d3c6;transition:height var(--duration-base) var(--ease-out)}.bar.is-peak{background:var(--color-primary)}.bar-label{font-family:var(--font-number);font-size:var(--text-mini);color:var(--color-ink-400)}.channel-bar{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.channel-head{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-body-sm);color:var(--color-ink-700)}.channel-value{font-family:var(--font-number);font-weight:var(--weight-semibold)}.hot-list{display:flex;flex-direction:column}.hot-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line)}.hot-item:last-child{border-bottom:none}.hot-rank{width:20px;height:20px;border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-ink-500);font-family:var(--font-number);font-size:var(--text-mini);display:flex;align-items:center;justify-content:center;flex-shrink:0}.hot-item:nth-child(1) .hot-rank{background:var(--color-primary);color:#fff}.hot-thumb{width:48px;height:36px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--color-canvas)}.feed-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0}.feed-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.feed-text{font-size:var(--text-body-sm);color:var(--color-ink-700);line-height:20px}.feed-time{font-size:var(--text-mini);color:var(--color-ink-400);margin-top:2px}.bottom-row{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(160deg,#fff6f2 0%,var(--color-canvas) 60%)}.login-card{width:100%;max-width:400px;padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-float)}.login-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.login-title{font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--color-ink-900);text-align:center}.login-sub{font-size:var(--text-body-sm);color:var(--color-ink-500);text-align:center;margin-top:var(--space-2);margin-bottom:var(--space-6)}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);border:2px dashed var(--color-line-strong);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-ink-500);text-align:center;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.upload-dropzone:hover,.upload-dropzone.is-dragging{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary)}.upload-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.upload-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-md);font-size:var(--text-body-sm)}.upload-item.is-failed{border-color:var(--color-live);background:var(--color-danger-bg)}@media (max-width: 1200px){.share-layout{grid-template-columns:340px 1fr}.h5-preview-col{display:none}.chart-row,.bottom-row{grid-template-columns:1fr}}@media (max-width: 860px){.admin-sidebar{width:72px}.admin-logo-text,.admin-nav-item span:not(.admin-nav-badge),.admin-storage{display:none}.admin-nav-item{justify-content:center}.bulk-bar{left:50%}}.cover-picker{display:flex;flex-direction:column;gap:var(--space-5)}.cover-current-label{display:block;font-size:var(--text-mini);color:var(--color-ink-500);margin-bottom:var(--space-2)}.cover-current img{width:100%;height:220px;object-fit:cover;border-radius:var(--radius-md);display:block}.cover-current-empty{height:220px;display:flex;align-items:center;justify-content:center;background:var(--color-canvas);border-radius:var(--radius-md);color:var(--color-ink-500);font-size:var(--text-body-sm)}.cover-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font-weight:var(--weight-semibold);font-size:var(--text-body)}.cover-reset{display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--color-primary);font-size:var(--text-body-sm);cursor:pointer;padding:0}.cover-reset:disabled{opacity:.5;cursor:default}.cover-pick{cursor:pointer;transition:transform var(--duration-fast) var(--ease-out)}.cover-pick:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.cover-upload{display:flex;align-items:center;justify-content:center;gap:var(--space-2);height:120px;border:1.5px dashed var(--color-line-strong);border-radius:var(--radius-md);color:var(--color-ink-600);cursor:pointer;font-size:var(--text-body-sm);transition:border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.cover-upload:hover{border-color:var(--color-primary);color:var(--color-primary)}.cover-hint{font-size:var(--text-body-sm);color:var(--color-ink-500)}