:root{--ink: #0f1c1a;--ink-soft: #1a2e2a;--fog: #e8efe9;--mist: #c5d4c8;--champagne: #d4a574;--champagne-bright: #e8c49a;--coral: #c45c4a;--paper: #f4f7f4;--glass: rgba(244, 247, 244, .08);--glass-border: rgba(232, 239, 233, .14);--shadow: 0 24px 60px rgba(8, 16, 14, .45);--font-display: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;--font-body: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--fog);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{min-height:100dvh;background:radial-gradient(ellipse 90% 55% at 10% -10%,rgba(212,165,116,.22),transparent 55%),radial-gradient(ellipse 70% 45% at 100% 0%,rgba(196,92,74,.12),transparent 50%),linear-gradient(165deg,#122420 0%,var(--ink) 42%,#0a1412 100%)}.page{width:min(100%,480px);margin:0 auto;min-height:100dvh;padding:0 20px calc(28px + var(--safe-bottom));position:relative}.brand{font-family:var(--font-display);font-size:clamp(2.6rem,11vw,3.4rem);line-height:.95;letter-spacing:.02em;margin:0;color:var(--paper)}.brand em{font-style:italic;color:var(--champagne-bright)}.eyebrow{display:inline-block;margin:0 0 12px;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--champagne)}.lede{margin:14px 0 0;font-size:.95rem;line-height:1.65;color:var(--mist);max-width:28ch}.page-with-dock{padding-bottom:calc(100px + var(--safe-bottom))}.page-with-tab{padding-bottom:calc(88px + var(--safe-bottom))!important}.page-with-tab.page-with-dock{padding-bottom:calc(160px + var(--safe-bottom))!important}.login-dock{position:fixed;left:50%;bottom:calc(58px + var(--safe-bottom));transform:translate(-50%);width:min(100%,480px);padding:28px 20px 12px;display:flex;justify-content:center;align-items:center;background:linear-gradient(to top,#0f1c1aeb,#0f1c1ab8 42%,#0f1c1a00);pointer-events:none;z-index:30}.login-dock .btn{pointer-events:auto;min-width:200px;text-align:center;box-shadow:0 10px 28px #08100e59}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,480px);z-index:60;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px 12px calc(8px + var(--safe-bottom));background:#0f1c1af5;border-top:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.tabbar-item{text-align:center;padding:10px 8px;border-radius:12px;font-size:.82rem;color:var(--mist)}.tabbar-item.active{color:var(--champagne-bright);background:#d4a5741f}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;border-radius:999px;padding:14px 22px;font-size:.92rem;font-weight:500;letter-spacing:.04em;transition:transform .2s ease,background .2s ease,opacity .2s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--champagne-bright),var(--champagne));color:var(--ink)}.btn-wechat{background:linear-gradient(135deg,#2dc653,#1faa3c);color:#fff;border:none}.btn-ghost{background:transparent;color:var(--fog);border:1px solid var(--glass-border)}.btn-block{width:100%;justify-content:center;display:inline-flex}.topbar-actions{display:flex;align-items:center;gap:10px;min-width:0}.topbar-share{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--glass-border);background:var(--glass);color:var(--paper);border-radius:999px;padding:8px 12px;font-size:.78rem;cursor:pointer;white-space:nowrap}.topbar-brand{font-family:var(--font-display);font-size:1.35rem;color:var(--paper)}.topbar-brand em{font-style:italic;color:var(--champagne)}.user-chip{font-size:.78rem;color:var(--mist);background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;padding:8px 12px;max-width:54%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.user-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;flex-shrink:0}.section-head{display:flex;align-items:baseline;justify-content:center;margin:8px 0 18px;text-align:center}.section-head h2{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--paper)}.section-head a{font-size:.85rem;color:var(--champagne)}.rank-head{text-align:center;padding:22px 0 8px;margin-bottom:10px}.rank-head h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,6.5vw,2.1rem);font-weight:400;letter-spacing:.04em;color:var(--paper)}.rank-head p{margin:10px 0 0;font-size:.78rem;letter-spacing:.18em;color:var(--champagne)}.room-list{display:flex;flex-direction:column;gap:16px}.room-card{display:block;animation:rise .6s ease both}.room-card:nth-child(1){animation-delay:.05s}.room-card:nth-child(2){animation-delay:.1s}.room-card:nth-child(3){animation-delay:.15s}.room-card:nth-child(4){animation-delay:.2s}.room-card:nth-child(5){animation-delay:.25s}.room-card:nth-child(6){animation-delay:.3s}.room-cover{position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:6px;background:var(--ink-soft)}.room-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.room-card:hover .room-cover img,.room-card:focus-visible .room-cover img{transform:scale(1.04)}.room-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,16,14,.82) 0%,transparent 52%);pointer-events:none}.play-badge{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:1;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#0f1c1a8c;border:1px solid rgba(232,239,233,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);font-size:.9rem;padding-left:3px}.portrait-meta{position:absolute;left:14px;right:14px;bottom:14px;z-index:1}.portrait-meta h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--paper)}.portrait-meta p{margin:4px 0 0;font-size:.78rem;color:var(--mist)}.vote-badge{position:absolute;top:12px;right:12px;z-index:1;display:inline-flex;align-items:baseline;gap:4px;padding:7px 11px 6px;border-radius:4px;background:#0f1c1a9e;border:1px solid rgba(212,165,116,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 20px #08100e47;line-height:1;pointer-events:none}.vote-badge strong{font-family:var(--font-display);font-size:1.15rem;font-weight:400;font-variant-numeric:tabular-nums;color:var(--champagne-bright);letter-spacing:.01em}.vote-badge em{font-style:normal;font-size:.68rem;letter-spacing:.14em;color:var(--mist)}.login-page{display:flex;flex-direction:column;justify-content:flex-end;min-height:100dvh;padding-bottom:calc(36px + var(--safe-bottom))}.login-visual{flex:1;min-height:38vh;margin:0 -20px;background:linear-gradient(to top,var(--ink) 0%,transparent 42%),url(https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?w=1200&q=80) center / cover;animation:fadeIn 1s ease both}.login-panel{animation:rise .65s ease both}.login-panel h1{margin:0;font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--paper)}.login-panel h1 em{font-style:italic;color:var(--champagne-bright)}.login-panel .hint{margin:12px 0 28px;color:var(--mist);font-size:.92rem;line-height:1.6}.field{margin-bottom:14px}.field label{display:block;margin-bottom:8px;font-size:.78rem;letter-spacing:.08em;color:var(--mist)}.field input{width:100%;border:1px solid var(--glass-border);background:#f4f7f40d;color:var(--paper);border-radius:14px;padding:16px;outline:none;transition:border-color .2s ease,background .2s ease}.field input:focus{border-color:#d4a5748c;background:#f4f7f414}.field input::placeholder{color:#c5d4c873}.code-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.code-row .btn{height:54px;padding-inline:16px;white-space:nowrap}.form-error{margin:0 0 14px;color:#f0a090;font-size:.86rem}.demo-tip{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#d4a5741f;border:1px solid rgba(212,165,116,.28);color:var(--champagne-bright);font-size:.86rem}.detail-video{margin:0;position:relative;background:#050a09;animation:fadeIn .8s ease both}.detail-video .lazy-video{width:100%}.detail-video .room-video,.detail-video img{width:100%;aspect-ratio:16 / 10;max-height:min(48dvh,400px);object-fit:cover;display:block;background:#050a09}.detail-video .room-video{object-fit:contain;background:#000}.lazy-video{position:relative;width:100%;background:#000}.lazy-video video{display:block;width:100%}.lazy-video-play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0;padding:0;border:0;background:#050a0947;cursor:pointer;color:#f7f0e6;-webkit-tap-highlight-color:transparent}.lazy-video-play-icon{width:56px;height:56px;border-radius:50%;background:#0f1c1ab8;border:1px solid rgba(212,165,116,.45);box-shadow:0 10px 28px #00000059;position:relative}.lazy-video-play-icon:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #f3e6d4}.lazy-video-play-text{font-size:.82rem;letter-spacing:.08em;text-shadow:0 1px 8px rgba(0,0,0,.45)}.lazy-video-loading{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:3;padding:6px 12px;border-radius:4px;background:#08100eb8;border:1px solid rgba(212,165,116,.28);color:#f3e6d4;font-size:.78rem;pointer-events:none}.lazy-video-error{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:3;max-width:90%;padding:6px 12px;border-radius:4px;background:#501414d1;border:1px solid rgba(255,160,140,.35);color:#ffe8e0;font-size:.78rem;text-align:center;pointer-events:none}.detail-body{position:relative;margin-top:0;z-index:1;animation:rise .65s ease both}.detail-scroll .detail-body{padding:18px 18px calc(28px + var(--safe-bottom))}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-head-main{min-width:0;flex:1 1 auto}.detail-body h1{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,6.5vw,2.2rem);font-weight:400;line-height:1.15;color:var(--paper);text-wrap:balance}.detail-title{margin:8px 0 0;color:var(--champagne-bright);font-size:.88rem;letter-spacing:.06em;font-weight:500}.detail-votes{flex:0 0 auto;text-align:right;line-height:1;padding-top:4px}.detail-votes strong{display:block;font-family:var(--font-display);font-size:1.85rem;font-weight:400;color:var(--paper)}.detail-votes span{display:block;margin-top:6px;font-size:.75rem;color:var(--mist);letter-spacing:.04em}.detail-bio{margin:14px 0 0;color:var(--mist);line-height:1.75;font-size:.92rem}.detail-shell{width:min(100%,480px);height:100dvh;height:100svh;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden}.detail-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.book-panel{margin:18px 0 8px;padding:20px 16px 18px;border-radius:20px;background:linear-gradient(165deg,#f4f7f41a,#f4f7f40a);border:1px solid var(--glass-border);scroll-margin-top:20px}.book-panel-head h2{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:400;color:var(--paper)}.book-panel-head p{margin:8px 0 0;color:var(--mist);font-size:.84rem;line-height:1.55}.book-form{margin-top:16px}.book-success{margin-top:16px;padding:16px 14px;border-radius:16px;background:#2dc6531a;border:1px solid rgba(45,198,83,.28)}.book-success strong{display:block;color:var(--paper);font-size:1rem}.book-success p{margin:8px 0 0;color:var(--mist);font-size:.88rem;line-height:1.5}.detail-vote-bar{flex:0 0 auto;display:grid;grid-template-columns:4fr 6fr;gap:10px;align-items:stretch;padding:12px 14px calc(12px + var(--safe-bottom));background:#0f1c1af7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--glass-border);box-shadow:0 -12px 32px #08100e59;z-index:5}.detail-vote-bar .btn{width:100%;min-width:0;justify-content:center;white-space:nowrap;padding-inline:12px;font-size:.92rem}.detail-vote-bar .btn-ghost{padding-inline:10px}.detail-shell .toast{bottom:calc(88px + var(--safe-bottom));z-index:20}.stat strong{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--paper);font-weight:400}.stat span{font-size:.78rem;color:var(--mist)}.toast{position:fixed;left:50%;bottom:calc(28px + var(--safe-bottom));transform:translate(-50%) translateY(12px);background:#0f1c1aeb;border:1px solid var(--glass-border);color:var(--paper);padding:12px 18px;border-radius:999px;font-size:.88rem;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:50;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.rank-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rank-item{display:grid;grid-template-columns:40px 88px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 12px 12px 8px;border-radius:10px;border:1px solid transparent;background:transparent;transition:background .25s ease,border-color .25s ease,transform .25s ease;animation:rise .5s ease both}.rank-list>li:nth-child(1) .rank-item{animation-delay:.04s}.rank-list>li:nth-child(2) .rank-item{animation-delay:.08s}.rank-list>li:nth-child(3) .rank-item{animation-delay:.12s}.rank-list>li:nth-child(4) .rank-item{animation-delay:.16s}.rank-list>li:nth-child(5) .rank-item{animation-delay:.2s}.rank-list>li:nth-child(6) .rank-item{animation-delay:.24s}.rank-list>li:nth-child(n+7) .rank-item{animation-delay:.28s}.rank-item:active{transform:scale(.985)}.rank-item.rank-top-1,.rank-item.rank-top-2,.rank-item.rank-top-3{background:var(--glass);border-color:var(--glass-border)}.rank-item.rank-top-1{background:linear-gradient(135deg,#d4a57429,#f4f7f40a);border-color:#d4a57447}.rank-no{font-family:var(--font-display);font-size:1.55rem;line-height:1;color:var(--mist);text-align:center;font-variant-numeric:tabular-nums}.rank-top-1 .rank-no{color:var(--champagne-bright);font-size:1.85rem}.rank-top-2 .rank-no{color:#d8ddd9}.rank-top-3 .rank-no{color:#c49a78}.rank-thumb{width:88px;height:62px;border-radius:6px;overflow:hidden;background:var(--ink-soft);box-shadow:inset 0 0 0 1px #e8efe914}.rank-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.rank-item:hover .rank-thumb img,.rank-item:focus-visible .rank-thumb img{transform:scale(1.06)}.rank-info{min-width:0}.rank-name{margin:0;font-size:1rem;font-weight:500;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-sub{margin:5px 0 0;font-size:.76rem;line-height:1.35;color:var(--mist);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-right:2px}.rank-votes{font-family:var(--font-display);font-size:1.35rem;line-height:1;color:var(--champagne-bright);font-variant-numeric:tabular-nums}.rank-votes-unit{font-size:.68rem;letter-spacing:.12em;color:var(--mist)}.rank-top-1 .rank-votes{font-size:1.5rem}.rolling-number{display:inline-flex;align-items:stretch;height:1em;line-height:1;overflow:hidden;vertical-align:bottom}.rolling-digit{position:relative;display:inline-block;width:.62em;height:1em;overflow:hidden}.rolling-digit-strip{display:flex;flex-direction:column;will-change:transform;transition:transform 1.05s cubic-bezier(.15,.85,.2,1)}.rolling-digit-strip>span{display:flex;align-items:center;justify-content:center;height:1em;font-variant-numeric:tabular-nums}.empty,.loading{padding:48px 0;text-align:center;color:var(--mist)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:640px){.app-shell{display:flex;justify-content:center}.page{border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);background:#0f1c1a59}}.admin-shell{display:grid;grid-template-columns:220px 1fr;height:100dvh;overflow:hidden;background:#f3f1ec;color:#1c1a17;font-family:var(--font-body)}.admin-aside{background:#171512;color:#f4f1ea;padding:28px 18px;display:flex;flex-direction:column;gap:28px;height:100%;overflow-y:auto;position:sticky;top:0;align-self:stretch}.admin-brand strong{display:block;font-family:var(--font-display);font-size:1.6rem;font-weight:400}.admin-brand span{font-size:.78rem;color:#b9b2a6;letter-spacing:.08em}.admin-nav{display:flex;flex-direction:column;gap:6px;flex:1}.admin-nav-link{padding:10px 12px;border-radius:10px;color:#cfc8bc;font-size:.92rem}.admin-nav-link.active,.admin-nav-link:hover{background:#f4f1ea14;color:#fff}.admin-aside-foot{display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:#b9b2a6}.admin-aside-foot button,.admin-site-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#e8c49a;cursor:pointer;padding:0;text-align:left;font:inherit}.admin-main{padding:32px 36px 48px;overflow:auto;height:100%;min-width:0}.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.admin-page-head h1{margin:0;font-size:1.7rem;font-weight:600}.admin-page-head p{margin:6px 0 0;color:#6f6a62;font-size:.9rem}.admin-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d7d1c7;background:#fff;color:#1c1a17;border-radius:10px;padding:10px 16px;cursor:pointer;font:inherit;font-size:.9rem}.admin-btn.primary{background:#1c1a17;border-color:#1c1a17;color:#fff}.admin-btn:disabled{opacity:.45;cursor:not-allowed}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.admin-stat-grid-row{grid-template-columns:repeat(6,minmax(0,1fr))}.admin-tabs{display:inline-flex;gap:4px;margin-bottom:20px;padding:4px;border-radius:12px;background:#efeae1;border:1px solid #e6e1d8}.admin-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:9px 16px;border-radius:9px;background:transparent;color:#6f6a62;font:inherit;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.admin-tab em{font-style:normal;font-family:var(--font-display);font-size:.95rem;color:#9a6b3f;min-width:1.2em}.admin-tab.active{background:#fff;color:#2c2a26;box-shadow:0 1px 2px #2823190f}.admin-tab-panel{min-height:120px}.admin-stat{background:#fff;border:1px solid #e6e1d8;border-radius:14px;padding:18px 16px}.admin-stat strong{display:block;font-size:1.6rem;font-family:var(--font-display);font-weight:400}.admin-stat span{display:block;margin-top:6px;color:#6f6a62;font-size:.82rem}.admin-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-panel{background:#fff;border:1px solid #e6e1d8;border-radius:14px;padding:18px}.admin-panel h2{margin:0 0 14px;font-size:1rem}.admin-rank,.admin-recent{list-style:none;margin:0;padding:0}.admin-rank li,.admin-recent li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee9e0;font-size:.9rem}.admin-rank .no{width:24px;color:#9a6b3f;font-family:var(--font-display);font-size:1.1rem}.admin-rank .name{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-rank-meta{color:#9a948a;font-size:.75rem;font-weight:400}.admin-rank .votes{font-weight:600;flex-shrink:0}.admin-event-tag{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.78rem;font-weight:500;line-height:1.3;background:#f3eee6;color:#5d584f;white-space:nowrap}.admin-event-tag.event-click{background:#eef4f0;color:#2f5d4a}.admin-event-tag.event-open{background:#f5efe6;color:#9a6b3f}.admin-event-tag.event-guide,.admin-event-tag.event-copy,.admin-event-tag.event-native,.admin-event-tag.event-friend,.admin-event-tag.event-timeline{background:#eef1f6;color:#3d4f6f}.admin-td-time{white-space:nowrap;color:#5d584f;font-variant-numeric:tabular-nums}.admin-table-wrap.is-loading{opacity:.55;pointer-events:none}.admin-recent strong{display:block}.admin-recent span,.admin-recent time{color:#6f6a62;font-size:.8rem}.admin-table-wrap{background:#fff;border:1px solid #e6e1d8;border-radius:14px;overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eee9e0;vertical-align:middle}.admin-table th{background:#faf8f4;font-weight:600;color:#5d584f;font-size:.8rem}.admin-phone-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;letter-spacing:.02em;text-decoration:underline dotted;text-underline-offset:3px}.admin-phone-toggle:hover{color:var(--ink, #1a1814)}.admin-phone-toggle:focus-visible{outline:2px solid #c4b49a;outline-offset:2px;border-radius:2px}.admin-th-filter{vertical-align:top;min-width:108px}.admin-th-filter .admin-th-label{display:block;margin-bottom:6px}.admin-th-filter select{display:block;width:100%;max-width:140px;border:1px solid #d7d1c7;border-radius:8px;padding:5px 8px;font:inherit;font-size:.78rem;font-weight:400;color:#2c2a26;background:#fff;cursor:pointer}.admin-th-filter.is-active .admin-th-label{color:#9a6b3f}.admin-th-filter.is-active select{border-color:#c4a07a;background:#fffaf3}.admin-th-icon-filter{position:relative;vertical-align:top;min-width:108px;overflow:visible}.admin-th-icon-row{display:flex;align-items:center;gap:6px}.admin-filter-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:#8a847a;width:26px;height:26px;border-radius:7px;display:inline-grid;place-items:center;cursor:pointer;padding:0}.admin-filter-icon-btn:hover{background:#f3eee6;color:#5d584f}.admin-th-icon-filter.is-active .admin-th-label,.admin-th-icon-filter.is-active .admin-filter-icon-btn,.admin-th-icon-filter.is-open .admin-filter-icon-btn{color:#9a6b3f}.admin-th-icon-filter.is-active .admin-filter-icon-btn,.admin-th-icon-filter.is-open .admin-filter-icon-btn{background:#fffaf3;border-color:#c4a07a}.admin-th-filter-chip{display:inline-block;margin-top:6px;max-width:120px;padding:2px 7px;border-radius:999px;background:#f5efe6;color:#9a6b3f;font-size:.72rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-filter-pop{position:fixed;z-index:80;width:220px;max-width:min(220px,70vw);background:#fff;border:1px solid #e6e1d8;border-radius:12px;box-shadow:0 10px 28px #2823191f;padding:8px}.admin-filter-pop-search{width:100%;border:1px solid #d7d1c7;border-radius:8px;padding:8px 10px;font:inherit;font-size:.82rem;margin-bottom:6px;background:#faf8f4}.admin-filter-pop-list{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}.admin-filter-pop-list li{margin:0}.admin-filter-pop-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;text-align:left;padding:8px 10px;border-radius:8px;font:inherit;font-size:.84rem;color:#2c2a26;cursor:pointer}.admin-filter-pop-list button:hover,.admin-filter-pop-list button.is-selected{background:#f5efe6;color:#9a6b3f}.admin-panel-span{grid-column:1 / -1}.admin-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-chart-card{background:#fff;border:1px solid #e6e1d8;border-radius:14px;padding:18px}.admin-chart-card h2{margin:0 0 16px;font-size:1rem}.admin-chart{display:flex;flex-direction:column;gap:12px}.admin-chart-row{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}.admin-chart-rank{color:#9a6b3f;font-family:var(--font-display);font-size:1.05rem;line-height:1.4;padding-top:1px}.admin-chart-main{min-width:0}.admin-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:6px}.admin-chart-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;color:#2c2a26}.admin-chart-value{flex-shrink:0;font-weight:600;font-variant-numeric:tabular-nums;font-size:.9rem;color:#2c2a26}.admin-chart-value small{margin-left:2px;font-weight:400;font-size:.75rem;color:#6f6a62}.admin-chart-track{height:10px;border-radius:999px;background:#f1ece3;overflow:hidden}.admin-chart-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#c48a55,#9a6b3f);transition:width .35s ease}.admin-chart.accent-sage .admin-chart-bar{background:linear-gradient(90deg,#5d8a72,#2f5d4a)}.admin-chart.accent-sage .admin-chart-rank{color:#2f5d4a}.admin-chart-meta{display:block;margin-top:4px;color:#9a948a;font-size:.75rem}.admin-chart-desc{margin:-8px 0 14px;color:#6f6a62;font-size:.82rem}.admin-col-chart{display:flex;flex-direction:column;gap:12px}.admin-col-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:#5d584f}.admin-col-legend-item{display:inline-flex;align-items:center;gap:6px}.admin-col-legend-item i{width:10px;height:10px;border-radius:2px;background:#9a6b3f}.admin-col-legend-item.secondary i{background:#2f5d4a}.admin-col-scroll{overflow-x:auto;padding-bottom:4px}.admin-col-plot{--col-count: 4;display:grid;grid-template-columns:repeat(var(--col-count),minmax(72px,1fr));gap:12px;min-width:max(100%,calc(var(--col-count) * 84px));height:280px;align-items:end;border-bottom:1px solid #e6e1d8;padding:8px 4px 0}.admin-col-item{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;min-width:0}.admin-col-bars{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;min-height:0}.admin-col-bar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;height:100%;width:18px}.admin-col-val{font-size:.7rem;color:#6f6a62;font-variant-numeric:tabular-nums;line-height:1;min-height:.7rem}.admin-col-bar{width:100%;border-radius:6px 6px 2px 2px;min-height:2px;transition:height .35s ease}.admin-col-bar.primary{background:linear-gradient(180deg,#c48a55,#9a6b3f)}.admin-col-bar.secondary{background:linear-gradient(180deg,#5d8a72,#2f5d4a)}.admin-col-label{width:100%;text-align:center;font-size:.72rem;color:#5d584f;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.admin-thumb{width:44px;height:56px;object-fit:cover;border-radius:6px;background:#ddd}.admin-thumb.wide{width:72px;height:48px}.admin-actions{display:flex;gap:8px}.admin-actions button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#2f5d4a;cursor:pointer;font:inherit;padding:0}.admin-actions button.danger{color:#a33b2d}.admin-toolbar{display:flex;gap:10px;margin-bottom:16px}.admin-toolbar input,.admin-toolbar select{flex:1;max-width:280px;border:1px solid #d7d1c7;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}.admin-toolbar select{flex:0 0 auto;max-width:200px}.admin-pager{display:flex;align-items:center;gap:12px;margin-top:16px}.admin-field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;min-width:0}.admin-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-field-row .admin-field{margin-bottom:14px}@media(max-width:560px){.admin-field-row{grid-template-columns:1fr;gap:0}}.admin-field span{font-size:.82rem;color:#5d584f}.admin-field input,.admin-field textarea{border:1px solid #d7d1c7;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;resize:vertical}.admin-switch{display:flex;align-items:center;gap:10px;margin:8px 0 18px;font-size:.95rem}.admin-divider{border:none;border-top:1px solid #e6e1d8;margin:8px 0 20px}.admin-section-title{margin:0 0 8px;font-size:1rem;font-weight:600;color:#1c1914}.admin-settings{max-width:520px;background:#fff;border:1px solid #e6e1d8;border-radius:14px;padding:22px}.admin-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e73;display:grid;place-items:center;padding:20px;z-index:40}.admin-modal{width:min(100%,560px);max-height:90dvh;overflow:auto;background:#fff;border-radius:16px;padding:22px}.admin-modal h2{margin:0 0 16px;font-size:1.2rem}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.admin-preview{width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin-bottom:14px;background:#eee}.admin-preview-video{width:100%;max-height:220px;border-radius:10px;background:#111}.admin-modal .lazy-video{margin-bottom:14px;border-radius:10px;overflow:hidden;max-height:220px}.admin-modal .lazy-video video{max-height:220px;object-fit:contain}.admin-upload-row{display:flex;align-items:center;gap:10px}.admin-upload-row input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.admin-upload-row .admin-btn{flex:0 0 auto;white-space:nowrap}.admin-upload-row input:not([type=file]){flex:1;min-width:0;border:1px solid #d7d1c7;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.admin-upload-hint,.admin-field-hint{margin:0;font-size:.78rem;color:#7a746a;line-height:1.4}.admin-upload-hint{color:#3d6b52}.admin-login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse 60% 40% at 20% 0%,rgba(212,165,116,.25),transparent),#171512;padding:24px}.admin-login-card{width:min(100%,400px);background:#fff;border-radius:16px;padding:28px 24px;color:#1c1a17}.admin-login-kicker{margin:0 0 8px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#9a6b3f}.admin-login-card h1{margin:0;font-size:1.5rem}.admin-login-hint{margin:8px 0 22px;color:#6f6a62;font-size:.88rem}.admin-error{color:#a33b2d;font-size:.88rem;margin:0 0 12px}.admin-success{color:#2f5d4a;font-size:.88rem;margin:0 0 12px}.admin-muted{color:#6f6a62}.admin-loading{min-height:100dvh;display:grid;place-items:center;background:#f3f1ec;color:#6f6a62}@media(max-width:900px){.admin-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.admin-aside{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;overflow:visible}.admin-nav{flex-direction:row;flex-wrap:wrap;width:100%}.admin-aside-foot{flex-direction:row;align-items:center;width:100%}.admin-stat-grid,.admin-panels,.admin-chart-grid{grid-template-columns:1fr 1fr}.admin-stat-grid-row{grid-template-columns:repeat(6,minmax(72px,1fr));overflow-x:auto}.admin-main{padding:20px 16px 40px;height:auto;overflow:visible}}@media(max-width:640px){.admin-stat-grid,.admin-panels,.admin-chart-grid{grid-template-columns:1fr}.admin-stat-grid-row{grid-template-columns:repeat(6,minmax(72px,1fr))}}.me-hero{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:18px 0 8px}.me-avatar,.me-avatar-fallback{width:56px;height:56px;border-radius:50%;object-fit:cover}.me-avatar-fallback{display:grid;place-items:center;background:#d4a57433;color:var(--champagne-bright);font-family:var(--font-display);font-size:1.4rem}.me-hero-text h1{margin:0;font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--paper);word-break:break-word;overflow-wrap:anywhere;max-width:100%}.me-name-edit{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;max-width:100%}.me-name-edit:active h1{color:var(--champagne-bright)}.me-name-hint{font-size:.72rem;letter-spacing:.08em;color:var(--champagne)}.me-name-form{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0}.me-name-input{width:100%;padding:10px 12px;border:1px solid var(--glass-border);border-radius:8px;background:#08100e73;color:var(--paper);font-size:1.05rem;font-weight:600;outline:none}.me-name-input:focus{border-color:#d4a5748c}.me-name-actions{display:flex;gap:8px}.me-name-btn{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--glass-border);font-size:.85rem;cursor:pointer}.me-name-btn.ghost{background:transparent;color:var(--mist)}.me-name-btn.primary{background:#d4a57433;border-color:#d4a57466;color:var(--champagne-bright)}.me-name-btn:disabled{opacity:.65;cursor:wait}.me-name-error{margin:0;font-size:.78rem;color:var(--coral)}.me-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:-4px -2px 14px;padding:4px;border-radius:14px;background:#08100e59}.me-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;padding:10px 8px;border-radius:11px;background:transparent;color:var(--mist);font:inherit;font-size:.82rem;font-weight:500;line-height:1.25;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.me-tab em{font-style:normal;font-family:var(--font-display);font-size:1rem;color:inherit;opacity:.95}.me-tab.active{background:#e8efe91f;color:var(--paper);box-shadow:inset 0 0 0 1px var(--glass-border)}.me-tab-panel{min-height:80px}.me-stats{margin:18px 0 8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.me-stat{padding:14px 8px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-border);text-align:center}.me-stat strong{display:block;font-family:var(--font-display);font-size:1.45rem;font-weight:400;color:var(--paper)}.me-stat span{display:block;margin-top:4px;font-size:.72rem;color:var(--mist)}.me-panel{margin-top:18px;padding:16px 14px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-border)}.me-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.me-panel-head h2{margin:0;font-size:1rem;font-weight:600;color:var(--paper)}.me-panel-head span{font-size:.78rem;color:var(--mist)}.me-metric-list,.me-list{list-style:none;margin:0;padding:0}.me-metric-list li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--glass-border);color:var(--mist);font-size:.88rem}.me-metric-list li strong{color:var(--paper);font-weight:600}.me-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--glass-border)}.me-list-main{display:flex;gap:10px;min-width:0}.me-list-avatar,.me-list-avatar-fallback{width:36px;height:36px;border-radius:50%;flex:0 0 auto;object-fit:cover}.me-list-avatar-fallback{background:#e8efe91f}.me-list-main strong{display:block;color:var(--paper);font-size:.92rem;font-weight:500}.me-list-main p{margin:4px 0 0;color:var(--mist);font-size:.78rem;line-height:1.4}.me-list time{flex:0 0 auto;color:var(--mist);font-size:.72rem;opacity:.85}.me-empty{margin:0;color:var(--mist);font-size:.88rem;line-height:1.5}.me-actions{margin:22px 0 12px;display:flex;flex-direction:column;gap:10px}