.logo-icon{width:30px!important;height:30px!important;margin-right:10px;object-fit:contain}.nav-divider{height:1px;width:165px;background-image:url(https://www.figma.com/api/mcp/asset/5f8da345-1cae-45d4-b760-c3415633da21);background-size:contain;background-repeat:no-repeat;background-position:center;margin:8px 0}.video-quota-card{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;border-radius:22px;background:linear-gradient(120deg,#00ffe547,#002936eb);box-shadow:0 10px 22px #00000059;box-sizing:border-box}.quota-icon{width:20px;height:20px;object-fit:contain}.quota-count{margin:4px 0 0;font-size:10px;font-weight:600;color:#ffffffd9;white-space:nowrap}.quota-number{padding-left:2px;color:#00f1ff;font-size:10px;font-weight:700}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 20px;margin-top:auto;border-radius:12px;cursor:pointer;transition:background-color .3s}.sidebar-user:hover{background-color:#ffffff0d}.invite-modal-close .close-icon{width:16px;height:16px;filter:brightness(2)}.invite-link-copy .copy-icon{width:16px;height:16px;filter:brightness(2)}.main-content{flex:1;display:flex;flex-direction:column;gap:25px;min-width:0}.user-card{background:#1c1d1d66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;display:flex;align-items:center;justify-content:space-between}.user-card-left{display:flex;align-items:center;gap:33px}.user-card-avatar{width:94px;height:94px;background-color:#d9d9d9;border-radius:90px;flex-shrink:0;object-fit:cover;display:block}.user-card-info{display:flex;flex-direction:column;gap:16px}.user-card-name{font-size:20px;font-weight:700;color:#fff}.user-card-phone{font-size:14px;font-weight:700;color:#999}.user-card-stats{display:flex;align-items:center;gap:58px}.stat-item{display:flex;align-items:center;gap:8px}.stat-icon{width:24px;height:24px;object-fit:contain}.stat-label{font-size:14px;font-weight:700;color:#fff}.stat-value{font-size:14px;font-weight:700;color:#00fbff}.user-card-settings-btn{display:flex;align-items:center;gap:10px;padding:12px 20px;background:transparent;border:1px solid #2b2c2c;border-radius:10px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s;text-decoration:none}.user-card-settings-btn:hover{background-color:#ffffff0d}.settings-icon{width:16px;height:16px;object-fit:contain}.video-header{display:flex;align-items:center;justify-content:space-between}.video-title{font-size:16px;font-weight:700;color:#fff}.create-btn{background-color:#00fbff;border:1px solid #00fbff;border-radius:10px;padding:12px 20px;color:#222;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .3s}.create-btn:hover{opacity:.9}.video-title-indicator{width:64px;height:4px;background-color:#fff;border-radius:4px;margin-top:-30px}.batch-actions{display:flex;align-items:center;justify-content:space-between;padding:0}.batch-actions-left{display:flex;align-items:center;gap:50px}.selected-count{display:flex;align-items:center;gap:8px}.checkbox-input{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #00fbff;border-radius:2px;background-color:transparent;cursor:pointer;position:relative}.checkbox-input:checked{background-color:#00fbff;border-color:#00fbff}.checkbox-input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10.067px;height:8.133px;background-image:url(https://www.figma.com/api/mcp/asset/f387e5d8-4987-4c72-a006-1c867209eaf4);background-size:contain;background-repeat:no-repeat;background-position:center}.checkbox-label{font-size:14px;font-weight:700;color:#999;cursor:pointer;display:flex;align-items:center}.selected-number{color:#00fbff}.batch-buttons{display:flex;align-items:center;gap:8px}.batch-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#2b2c2c;border:1px solid #2b2c2c;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s}.batch-btn:hover{background-color:#333}.batch-btn-icon{width:16px;height:16px;object-fit:contain}.sort-option{display:flex;align-items:center;gap:8px;color:#fff;font-size:14px;font-weight:700}.sort-icon{width:16px;height:16px;object-fit:contain}.video-list{display:flex;flex-direction:column;gap:25px}.video-group{display:flex;flex-direction:column;gap:15px}.video-group-date{font-size:20px;font-weight:700;color:#fff}.video-items{display:flex;gap:20px;flex-wrap:wrap}.video-item{width:278.5px;position:relative}.video-thumbnail{width:100%;height:156px;border-radius:10px;overflow:hidden;position:relative}.thumbnail-img{width:100%;height:100%;object-fit:cover}.video-overlay{position:absolute;top:10px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;z-index:2}.video-checkbox{width:16px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:relative}.video-menu-btn{width:24px;height:24px;background-color:#000;border:none;border-radius:6px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.video-menu-btn:hover{background-color:#1a1a1a}.menu-icon{width:16px;height:16px;object-fit:contain}.video-info{position:absolute;bottom:10px;left:20px;background-color:#000;padding:4px 8px;border-radius:6px;display:flex;align-items:center;gap:10px;font-size:12px}.video-duration{font-weight:700;color:#fff}.video-separator{color:#999}.video-size{font-weight:700;color:#fff}.video-menu{position:fixed;background-color:#000;border:.5px solid #333333;border-radius:8px;padding:20px 16px;display:flex;flex-direction:column;gap:20px;z-index:1000;min-width:114px}.menu-item{display:flex;align-items:center;gap:8px;background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:0;text-align:left;transition:opacity .3s}.menu-item:hover{opacity:.8}.menu-item-icon{width:16px;height:16px;object-fit:contain}@media (min-width: 1024px){.main-container{flex-direction:row}.sidebar{width:205px;flex-shrink:0}.main-content{flex:1;padding:30px 31px}}@media (max-width: 1023px){.main-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:20px}.main-content{padding:20px}.user-card{flex-direction:column;gap:20px;align-items:flex-start}.user-card-stats{flex-direction:column;gap:16px;align-items:flex-start}.video-items{justify-content:center}.video-item{width:calc(50% - 10px);min-width:150px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:24px;background-color:#04090ee0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;z-index:2000}.invite-modal{position:relative;width:min(368px,100%);padding:36px 32px 32px;border-radius:24px;background:radial-gradient(145% 145% at 0% 0%,#00fff047,#06161ff2 38%,#050e15fa);border:1px solid rgba(0,255,240,.15);box-shadow:0 30px 80px #000000a6;text-align:center}.invite-modal:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:22px;border:1px solid rgba(0,255,240,.08);pointer-events:none}.invite-modal-close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,transform .3s}.invite-modal-close:hover{background:#ffffff2e;transform:translateY(-1px)}.close-icon{width:16px;height:16px;filter:brightness(2)}.invite-modal-content{display:flex;flex-direction:column;align-items:center;gap:20px}.invite-modal-title{font-size:22px;font-weight:700;letter-spacing:4px;color:#fff}.invite-qr-card{width:220px;height:220px;padding:20px;border-radius:24px;background:#fff;box-shadow:0 20px 35px #00000073;display:flex;align-items:center;justify-content:center}.invite-qr-code{width:168px;height:168px;object-fit:contain}.invite-save-btn{width:100%;padding:12px 0;border-radius:999px;border:none;background:linear-gradient(112deg,#4df7ff,#00d7ff);color:#03141c;font-size:15px;font-weight:700;letter-spacing:6px;cursor:pointer;box-shadow:0 18px 30px #00cdff59;transition:transform .25s ease,box-shadow .25s ease}.invite-save-btn:hover{transform:translateY(-1px);box-shadow:0 20px 36px #00cdff73}.invite-link-row{width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}.invite-link-row-label{font-size:13px;color:#ffffffa6}.invite-link-value-wrapper{width:100%;padding:12px 16px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:12px}.invite-link-value{flex:1;font-size:13px;color:#ebffff;word-break:break-all;line-height:1.5}.invite-link-copy{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:#030a10a6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s,border-color .3s}.invite-link-copy:hover{background:#030a10d9;border-color:#ffffffb3}.copy-icon{width:16px;height:16px;filter:brightness(2)}@media (max-width: 480px){.modal-overlay{padding:12px}.invite-modal{padding:28px 20px 24px}.invite-link-value-wrapper{flex-direction:column;align-items:flex-start}.invite-link-copy{width:100%;justify-content:center}}.modal-close{position:absolute;top:18px;right:18px;background:transparent;border:none;cursor:pointer;z-index:10}.modal-description-text[readonly]{cursor:default}.modal-cta{margin-top:auto;width:100%;padding:16px;border:none;border-radius:8px;background:#00fbff;color:#222;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .3s}.modal-cta:hover{opacity:.9}@media (max-width: 1200px){.creative-modal-panel{grid-template-columns:1fr;max-height:none}}@media (max-width: 768px){.creative-modal{padding:20px}.modal-description-text{min-height:auto}}body{font-family:Arial,PingFang SC,Noto Sans SC,sans-serif;background-color:#101010;color:#fff;min-height:100vh}.creative-page{flex:1;display:flex;width:100%}.creative-content{flex:1;width:100%;padding:32px 56px 56px 40px;display:flex;flex-direction:column;gap:32px;max-width:none;margin:0}.hero-banner{position:relative;width:100%;min-height:220px;border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1c1d1d66}.hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:16px}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(115deg,#040e1766,#040e17bf 70%)}.hero-text{position:absolute;top:28px;left:50px;display:flex;flex-direction:column;gap:8px;z-index:1}.hero-title{font-size:32px;font-weight:700;letter-spacing:1.28px}.hero-subtitle{font-size:20px;font-weight:700}.hero-cta{margin-top:8px;padding:12px 26px;border:none;border-radius:40px;background:#2b2c2c99;color:#fff;font-size:14px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform .2s ease,opacity .2s ease}.hero-cta:hover{transform:translateY(-2px);opacity:.9}.creative-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.filter-group{display:flex;gap:32px;flex-wrap:wrap}.filter-chip{min-width:64px;padding:8px 16px;border-radius:6px;border:1px solid #2b2c2c;background:#2b2c2c;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.filter-chip.active{background:#00fbff;border-color:#00fbff;color:#222}.search-box{display:flex;align-items:center;border:1px solid #2b2c2c;border-radius:6px;overflow:hidden}.search-box input{background:transparent;border:none;padding:8px 16px;color:#fff;min-width:220px}.search-box input::placeholder{color:#666}.search-box button{background:#212121;border:none;padding:8px 16px;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-box button img{width:20px;height:20px}.creative-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.creative-card{background:transparent;border:none;padding:0;cursor:pointer;text-align:left;color:inherit}.card-image-wrapper{position:relative;width:100%;height:156px;border-radius:10px;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#000000a6)}.card-actions{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}.card-action{width:24px;height:24px;border-radius:6px;background:#000000b3;display:flex;align-items:center;justify-content:center}.card-action img{width:16px;height:16px}.card-meta{position:absolute;bottom:16px;left:16px;right:16px;display:flex;flex-direction:column;gap:4px}.card-title{font-size:14px;font-weight:700}.card-time{font-size:12px;color:#fffc}.creative-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0d12b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:40px;z-index:1000}.creative-modal-panel{background:#17181a;border-radius:16px;width:min(1200px,100%);max-height:90vh;display:grid;grid-template-columns:60% 40%;gap:24px;padding:36px;position:relative}.modal-close{position:absolute;top:18px;right:18px;background:transparent;border:none;cursor:pointer}.modal-media{position:relative;border-radius:16px;overflow:hidden;background:#000;width:100%;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.modal-media img,.modal-media video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.modal-video{width:100%;height:100%;object-fit:contain;background:#000}.modal-media-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:6px;border:none;background:#000000a6;display:flex;align-items:center;justify-content:center;cursor:pointer}.modal-media-btn img{width:16px;height:16px}.modal-info{display:flex;flex-direction:column;gap:20px}.modal-info-header{display:flex;flex-direction:column;gap:16px}.modal-title-row{display:flex;align-items:center;gap:12px}.modal-title-icon{width:24px;height:24px;flex-shrink:0}.modal-title{font-size:14px;font-weight:700;text-align:left;margin:0;padding:0}.modal-time{font-size:14px;color:#6a6b6e;white-space:nowrap;flex-shrink:0;padding:0;margin:0 0 0 auto}.modal-tags{display:flex;gap:8px;flex-wrap:wrap}.modal-tag{background:#2b2c2c;padding:4px 8px;border-radius:4px;font-size:12px}.modal-description{display:flex;flex-direction:column;gap:8px}.modal-description-label{font-size:14px;color:#999}.modal-description-text{font-size:12px;line-height:1.6;color:#fff;border:1px solid #343638;border-radius:6px;padding:15px;min-height:120px;width:100%;background:#17181abf;resize:none;outline:none}.modal-description-text::placeholder{color:#666}.modal-cta{margin-top:auto;width:100%;padding:16px;border:none;border-radius:8px;background:#00fbff;color:#222;font-size:16px;font-weight:700;cursor:pointer}@media (max-width: 1200px){.creative-content{padding:24px}.creative-modal-panel{grid-template-columns:1fr;max-height:none}}@media (max-width: 768px){.main-container{flex-direction:column}.creative-content{padding:20px}.filter-group{gap:12px}.creative-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.creative-modal{padding:20px}.modal-description-text{min-height:auto}}:root{color-scheme:dark;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;--bg: #050608;--panel: #17181a;--panel-alt: #1f2124;--border: #2b2c2c;--muted: #6a6b6e;--muted-2: #8c8f93;--text: #f5f6f7;--accent: #00fbff;--accent-dark: #01c3c7;--warning: #f4c950}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button{border:none;background:none;cursor:pointer;font:inherit;color:inherit}.page{min-height:100vh;padding:16px 24px 32px;display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted-2)}.version-selector{position:relative}.breadcrumb-btn,.version-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#2b2c2c;border:1px solid var(--border);border-radius:8px;color:var(--text)}.model-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#191a1efa;box-shadow:0 18px 50px #000000b3;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:20}.model-dropdown.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.model-dropdown:before{content:"";position:absolute;top:-8px;left:24px;width:12px;height:12px;background:inherit;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.08);z-index:-1}.model-dropdown-title{font-size:13px;color:var(--muted-2);margin-bottom:12px}.model-dropdown-options{display:flex;flex-direction:column;gap:10px}.model-dropdown-option{width:100%;text-align:left;border-radius:10px;border:1px solid var(--border);padding:12px 14px;background:#141519;color:var(--muted-2);display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.model-dropdown-option strong{color:var(--text);font-size:15px}.model-dropdown-desc{font-size:12px;color:#8d8f94}.model-dropdown-option:hover{border-color:var(--accent);background:#00fbff0f}.model-dropdown-option.active{border-color:var(--accent);background:#00fbff14}.breadcrumb-current{font-size:16px;color:var(--text)}.credit-widget{display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:12px;border:1px solid var(--border);background:#2b2c2c}.credit-icon{width:24px;height:24px;flex-shrink:0}.credit-title,.credit-amount{font-size:14px;color:var(--text);white-space:nowrap}.credit-amount span{color:var(--text)}.credit-amount strong{color:var(--accent);margin:0 4px;font-size:16px;font-weight:600}.secondary-btn{padding:8px 18px;border-radius:18px;border:1px solid rgba(0,251,255,.5);background:#00fbff26;color:var(--accent);font-size:12px}.workspace{display:flex;gap:32px;align-items:flex-start}.workspace.assistant-open .assistant-panel{flex:0 0 420px}.workspace.assistant-open .result-panel{flex:1}.control-panel{flex:0 0 420px;min-width:380px;display:flex;flex-direction:column;gap:24px}.assistant-panel{flex:0 0 360px;min-width:340px;min-height:780px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:80px 20px 40px;display:flex;flex-direction:column;gap:16px;position:relative}.assistant-panel.is-hidden{display:none}.assistant-file-input{position:absolute;width:.1px;height:.1px;opacity:0;pointer-events:none}.assistant-flow{display:flex;flex-direction:column;gap:16px;width:100%;height:400px;overflow-y:auto;padding-right:8px}.assistant-panel[data-flow=active] .assistant-flow{display:flex}.assistant-upload-thumb{align-self:flex-end;width:63px;height:87px;border-radius:8px;overflow:hidden}.assistant-upload-thumb img{width:100%;height:100%;object-fit:cover}.assistant-bubble{width:100%;border-radius:12px;padding:12px 16px;font-size:14px;line-height:26px}.assistant-bubble.user-bubble{background:var(--accent);color:#222;font-weight:500}.assistant-bubble.ai-bubble{background:#2b2c2c;color:#fff;position:relative;padding-left:52px}.ai-bubble-header{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:8px}.ai-spinner{position:absolute;left:16px;top:12px;width:24px;height:24px;border-radius:50%;overflow:hidden}.ai-spinner img{width:100%;height:100%;object-fit:cover;mix-blend-mode:lighten}.ai-bubble-body{font-size:12px;color:#979797;background:#111;border-radius:8px;padding:10px 12px}.ai-bubble-gradient{position:absolute;left:16px;right:16px;bottom:12px;height:40px;background:linear-gradient(180deg,#2b2c2c00,#2b2c2c 90%)}.assistant-state{width:100%}.assistant-flow[data-state=analysis] [data-state-view=analysis]{display:block}.assistant-flow[data-state=thinking] [data-state-view=thinking],.assistant-flow[data-state=complete] [data-state-view=complete]{display:flex;flex-direction:column;gap:12px}.assistant-flow[data-state=thinking] [data-state-view=analysis],.assistant-flow[data-state=complete] [data-state-view=analysis],.assistant-flow[data-state=analysis] [data-state-view=thinking],.assistant-flow[data-state=analysis] [data-state-view=complete],.assistant-flow[data-state=complete] [data-state-view=thinking],.assistant-flow[data-state=thinking] [data-state-view=complete]{display:none}.assistant-flow[data-state=complete] .ai-thinking-summary{display:block}.ai-thinking-card{width:100%;padding:16px;border-radius:12px;background:#2b2c2c;border:1px solid #343638;display:flex;flex-direction:column;gap:12px}.ai-thinking-header{display:flex;align-items:center;gap:10px}.ai-thinking-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ai-thinking-icon img{width:24px;height:24px}.ai-thinking-status{margin:0;font-size:14px;font-weight:600;color:#fff}.ai-thinking-toggle{margin-left:auto;width:16px;height:16px;opacity:.7}.ai-thinking-prompts{display:flex;flex-direction:column;gap:6px}.ai-thinking-code{margin:0;font-size:14px;line-height:24px;color:#fff;font-family:Consolas,Roboto Mono,monospace;white-space:pre-wrap}.ai-thinking-summary{display:none;background:#111;border-radius:8px;padding:10px 12px;font-size:12px;color:#979797;line-height:18px}.ai-thinking-actions{width:100%;display:flex;gap:10px;margin-top:10px;flex-wrap:nowrap}.ai-thinking-primary{flex:0 0 auto;min-width:100px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:8px;border:1px solid #00fbff;background:#17181a;color:#00fbff;font-size:14px;font-weight:600}.ai-credit{display:inline-flex;align-items:center;gap:6px;color:var(--accent)}.ai-credit img{width:16px;height:16px}.ai-thinking-icon-btn{flex:1;min-width:70px;height:40px;border-radius:8px;border:1px solid var(--border);background:#17181a;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:13px;color:#fff;transition:all .2s ease}.ai-thinking-icon-btn:hover{border-color:var(--accent);background:#00fbff0d}.ai-thinking-icon-btn img{width:16px;height:16px;flex-shrink:0}.ai-thinking-icon-btn span{white-space:nowrap;font-size:12px}.assistant-label{position:absolute;top:22px;left:20px;right:20px;font-size:14px;font-weight:600;color:var(--text);display:flex;align-items:center;justify-content:space-between}.assistant-close-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:#2b2c2c;color:var(--text);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.assistant-close-btn:hover{background:#ff00001a;border-color:#ff00004d;color:#f44}.assistant-card.intro p{margin:0;font-size:14px;line-height:26px;color:#999}.assistant-card.intro span{font-weight:600}.assistant-card.dialog{flex:0 0 360px;border:1px solid var(--border);border-radius:12px;background:#111214;padding:20px}.dialog-placeholder{margin:0;color:transparent}.assistant-card.helper{border:1px solid #343638;border-radius:12px;padding:16px;background:#111214;position:relative;display:flex;flex-direction:column;gap:12px;margin-top:auto;align-self:flex-end;width:100%}.assistant-card.helper.analyzing{padding-bottom:32px}.helper-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.helper-upload-row{display:flex;align-items:center;gap:12px;flex:1}.helper-counter{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;background:#424347;color:#fff;font-size:14px}.helper-counter img{width:14px;height:14px}.assistant-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:10px;border:1px solid var(--border);background:#2b2c2c;color:var(--text);font-size:14px}.assistant-pill img{width:24px;height:24px}.helper-action{width:40px;height:40px;border-radius:50%;border:none;background:#00000059;position:absolute;right:20px;bottom:20px;display:grid;place-items:center}.helper-action[disabled]{opacity:.35;cursor:not-allowed}.helper-action img{width:100%}.helper-shot{width:72px;height:72px;border-radius:10px;overflow:hidden;border:1px dashed rgba(255,255,255,.08);display:none;flex-shrink:0}.helper-shot.is-visible{display:block}.helper-shot img{width:100%;height:100%;object-fit:cover}.helper-input{position:relative}.helper-textarea{width:100%;min-height:150px;border-radius:14px;border:1px solid #343638;background:#08090c;color:#fff;padding:18px 62px 18px 18px;font-size:14px;line-height:22px;resize:none;outline:none}.helper-textarea::placeholder{color:#7c7f84}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.assistant-disclaimer{margin:0;font-size:14px;color:#5e6266}.source-card,.prompt-card,.duration-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative}.source-artboard{border:1px solid #343638;border-radius:12px;padding:24px;min-height:240px;position:relative;background:linear-gradient(135deg,#191b20,#111114)}.source-stack{position:absolute;right:24px;top:32px;width:140px;height:120px}.stack-img{position:absolute;width:80px;border-radius:12px;border:1px solid rgba(255,255,255,.3);object-fit:cover;box-shadow:0 10px 20px #00000080}.img-a{right:8px;top:8px}.img-b{right:38px;top:32px;transform:rotate(-8deg)}.img-c{right:62px;top:56px;transform:rotate(-18deg)}.tertiary-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:10px;background:#2b2c2c;border:1px solid var(--border);margin-top:16px}.source-title{margin:0;font-size:20px;line-height:1.6;max-width:230px}.thumb-strip{margin-top:24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;z-index:1}.thumb-item{position:relative}.thumb-btn{background:#202226;border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--muted-2);width:100%;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.thumb-btn img{width:100%;height:60px;object-fit:cover;border-radius:8px}.thumb-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000b3;border:1px solid var(--border);color:var(--text);font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s ease}.thumb-delete:hover{background:#f00c;border-color:#ff000080}.thumb-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.thumb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prompt-title{margin:0 0 12px;font-size:16px;color:var(--text)}.prompt-field{position:relative;display:flex;flex-direction:column}textarea{width:100%;min-height:140px;border-radius:12px;border:1px solid #343638;background:#111214;color:var(--text);font-size:15px;padding:16px 80px 16px 16px;resize:none}textarea::placeholder{color:#5e6266}.char-count{position:absolute;bottom:16px;right:16px;font-size:14px;color:var(--muted-2);pointer-events:none;display:flex;align-items:center;gap:6px}.ai-toggle{pointer-events:auto;border:none;background:none;color:#5e6266;font-size:14px;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.ai-toggle.is-active{color:#fff}.storyboard-btn{position:absolute;left:16px;bottom:16px;pointer-events:auto;border:1px solid #5e6266;background:transparent;color:#5e6266;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease;z-index:1}.storyboard-btn.is-active{border-color:#00fbff;background:#00fbff;color:#222}.duration-header{display:flex;align-items:center;gap:16px}.duration-card h3{margin:0;font-size:16px}.duration-control{display:inline-flex;align-items:center;gap:20px;padding:10px 18px;border:1px solid var(--border);border-radius:10px;background:#111214}.duration-control span{font-size:18px}.duration-value-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;background:#1d1f23}.tips{margin:0;font-size:14px;color:#cfd4da}.tips strong{color:var(--accent);font-size:16px;margin:0 4px}.primary-btn{width:100%;padding:14px;border-radius:12px;background:var(--accent);color:#1e1e1e;font-weight:600;font-size:16px;transition:transform .2s ease}.primary-btn:active{transform:translateY(1px)}.primary-btn.is-loading{opacity:.7;pointer-events:none}.result-panel{flex:1;display:flex;flex-direction:column;gap:24px;min-height:620px;min-width:400px;max-height:80vh;overflow-y:auto;padding-right:8px}.result-panel::-webkit-scrollbar{width:8px}.result-panel::-webkit-scrollbar-track{background:transparent}.result-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.result-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.model-switcher{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.switcher-title{font-size:14px;color:var(--muted-2);margin-bottom:16px}.switcher-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.switcher-option{text-align:left;border-radius:10px;border:1px solid var(--border);padding:14px 16px;background:#1a1b1f;color:var(--muted-2);display:flex;flex-direction:column;gap:6px}.switcher-option strong{color:var(--text)}.switcher-option.active{border-color:var(--accent);background:#00fbff14}.option-header{display:flex;justify-content:space-between;align-items:center}.pill{padding:2px 8px;border-radius:6px;font-size:11px;background:#00fbff1f;color:var(--accent)}.generation-job{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px}.generation-job .job-preview{min-height:220px}.job-header{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.job-avatar{width:48px;height:48px;border-radius:12px;overflow:hidden;position:relative}.avatar-badge{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:#424347e6;color:var(--text);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.job-meta{display:flex;flex-direction:column;gap:10px}.job-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.job-row strong{font-size:15px;display:inline-flex;align-items:center;gap:6px}.job-icon{width:16px;height:16px;flex-shrink:0}.job-time{color:var(--muted);font-size:13px}.badge{padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:12px;color:var(--text)}.thumb-tags{display:flex;flex-wrap:wrap;gap:8px}.thumb-chip{padding:4px 12px;border-radius:6px;border:1px solid var(--border);font-size:12px;color:var(--text);display:inline-flex;align-items:center;gap:4px}.thumb-icon{width:14px;height:14px;flex-shrink:0}.job-desc{margin:0;font-size:14px;color:var(--muted-2);line-height:1.5;word-break:break-word;overflow-wrap:break-word}.job-desc-wrapper{display:flex;flex-direction:column;gap:4px}.job-desc.is-expanded{display:block}.job-desc-toggle{align-self:flex-start;background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0;margin-top:4px}.job-counter{width:56px;height:56px;border-radius:12px;background:#42434799;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-weight:600}.job-counter.warning{background:#f4c95033}.job-preview{border-radius:12px;overflow:hidden;min-height:280px;border:1px solid #2f3135;background:#0f1116}.job-preview img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .2s ease}.job-preview-image{display:block}.job-preview img:hover{transform:scale(1.01)}.job-preview.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0}.job-preview.empty img{width:60px;height:60px}.job-preview.empty p{margin:0;color:var(--muted-2)}.job-message{font-size:14px;color:#c8ccd1}.text-link{background:none;border-bottom:1px solid transparent;color:var(--accent);padding:0;margin:0 4px}.text-link:hover{border-color:var(--accent)}.job-actions{display:flex;flex-wrap:wrap;gap:12px}.outline-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:#111214}.outline-btn img,.icon-16{width:16px;height:16px}.icon-24{width:20px;height:20px;margin-top:2px}.page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;padding:32px 24px;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:1000}.page .modal-overlay.show{display:flex}.page .modal-overlay .modal-content{background:#1c1d1f;border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #0000008c;width:auto;max-width:calc(100vw - 48px)}.image-preview-panel{position:relative;width:min(640px,90vw);max-height:90vh;padding:32px;border-radius:16px;background:#0f1115;border:1px solid var(--border);box-shadow:0 25px 60px #000000a6;display:flex;flex-direction:column;gap:16px;align-items:center}.image-preview-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#00000059;border-radius:50%;display:grid;place-items:center;cursor:pointer}.image-preview-close img{width:16px;height:16px}.image-preview-media{width:100%;max-height:65vh;object-fit:contain;border-radius:12px;background:#050607}.image-preview-label{margin:0;font-size:14px;color:var(--muted-2);text-align:center}.modal-content{background:#2b2c2c;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #00000080}.model-modal{width:min(420px,100%)}.modal-header{padding:12px 16px;border-bottom:1px solid var(--border)}.modal-selected{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:14px}.modal-body{padding:20px}.modal-title{font-size:14px;color:var(--muted-2)}.modal-options{display:flex;flex-direction:column;gap:12px}.modal-option{text-align:left;border-radius:10px;border:1px solid var(--border);padding:14px 16px;background:#1a1b1f;color:var(--muted-2);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:all .2s ease}.modal-option:hover{border-color:var(--accent);background:#00fbff0d}.modal-option.active{border-color:var(--accent);background:#00fbff14}.modal-option strong{color:var(--text);font-size:15px}.duration-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:180px;padding:6px;border-radius:12px;border:1px solid var(--border);background:#1c1d1f;box-shadow:0 20px 45px #0000008c;display:flex;flex-direction:column;gap:6px;z-index:20}.duration-dropdown:before{content:"";position:absolute;top:-6px;left:28px;width:12px;height:12px;background:#1c1d1f;border-left:1px solid var(--border);border-top:1px solid var(--border);transform:rotate(45deg);z-index:-1}.duration-dropdown-option{padding:12px 16px;border-radius:8px;border:none;background:transparent;color:var(--text);font-size:16px;text-align:left;cursor:pointer;transition:all .2s ease}.duration-dropdown-option:hover{background:#00fbff1a}.duration-dropdown-option.active{background:#00fbff33;color:var(--accent)}.page .edit-overlay{display:none;padding:40px 32px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0d12b3;align-items:center;justify-content:center}.page .edit-overlay.show{display:flex}.page .edit-overlay .edit-modal-panel{width:100%;max-width:1240px;background:#17181a;border:1px solid var(--border);border-radius:16px;padding:32px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;position:relative;box-shadow:0 30px 90px #000000b3}.edit-modal-close{position:absolute;top:24px;right:24px;width:42px;height:42px;border-radius:12px;background:#000000d9;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;cursor:pointer}.edit-modal-close img{width:18px;height:18px}.edit-modal-preview{border-radius:18px;overflow:hidden;background:#0c0d11;min-height:520px;position:relative;border:1px solid #2b2c2c}.edit-modal-preview img{width:100%;height:100%;object-fit:cover}.edit-preview-toolbar{position:absolute;top:18px;right:18px;display:flex;gap:12px}.preview-icon-btn{width:38px;height:38px;border-radius:12px;background:#000000bf;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center}.preview-icon-btn img{width:18px;height:18px}.edit-modal-right{display:flex;flex-direction:column;gap:20px}.edit-user{display:flex;gap:12px;align-items:center}.edit-user-avatar{width:36px;height:36px;border-radius:50%;background:#2b2c2c;display:grid;place-items:center}.edit-user-avatar img{width:18px;height:18px}.edit-user-info{display:flex;flex-direction:column;gap:8px}.edit-user-id{margin:0;font-size:14px;color:var(--text);font-weight:600}.edit-user-meta{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted-2)}.edit-user-meta img{width:20px;height:20px}.edit-badges{display:flex;gap:8px;flex-wrap:wrap}.edit-badge{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:#2b2c2c;font-size:12px;color:var(--text)}.edit-section{display:flex;flex-direction:column;gap:12px}.edit-section-title{font-size:14px;color:#9da1a9}.edit-upload-list{display:flex;gap:10px;flex-wrap:wrap}.edit-upload-thumb{width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.25)}.edit-upload-thumb img{width:100%;height:100%;object-fit:cover}.edit-modal-description{width:100%;min-height:130px;padding:14px;border-radius:10px;border:1px solid #343638;background:#1c1d1d;color:#c8ccd1;font-size:13px;resize:none;font-family:inherit}.edit-modal-description::placeholder{color:#666b73}.edit-modal-counter{font-size:12px;color:#7e8288;text-align:right}.edit-modal-actions{display:flex;flex-direction:column;gap:12px}.edit-action-secondary,.edit-action-primary{width:100%;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.edit-action-secondary{background:#1c1d1d;border:1px solid #343638;color:var(--text)}.edit-action-secondary:hover{border-color:var(--accent)}.edit-action-primary{background:var(--accent);border:1px solid var(--accent);color:#1b1b1b}.edit-action-primary:hover{filter:brightness(.95)}@media (max-width: 1280px){.workspace{flex-direction:column}.workspace.assistant-open .assistant-panel,.workspace.assistant-open .result-panel{flex:1;width:100%;max-width:none}.control-panel{flex:1;width:100%}.assistant-panel{flex:1;width:100%;min-height:auto;padding:32px 20px}.thumb-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.edit-modal-panel{grid-template-columns:1fr;padding:24px}}.confirm-modal-panel{position:relative;width:480px;max-width:90vw;background:#222;border-radius:16px;box-shadow:0 20px 24px -4px #0a0d121a,0 8px 8px -4px #0a0d120a;overflow:hidden}.confirm-modal-header{position:relative;padding:24px 24px 16px;border-bottom:1px solid #333333;display:flex;align-items:center;justify-content:space-between}.confirm-modal-title{font-family:PingFang SC,sans-serif;font-weight:500;font-size:20px;line-height:28px;color:#fff;margin:0}.confirm-modal-close{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .3s}.confirm-modal-close .close-icon{font-size:24px;line-height:1;color:#fff}.confirm-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.confirm-info-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0d;border-radius:8px}.confirm-info-item.confirm-highlight{background:#00fbff1a;border:1px solid rgba(0,251,255,.3)}.confirm-label{font-family:Inter,Noto Sans SC,sans-serif;font-size:14px;line-height:20px;color:#999}.confirm-value{font-family:Inter,Noto Sans SC,sans-serif;font-size:16px;line-height:24px;color:#fff;font-weight:500}.confirm-value-highlight{font-family:Inter,Noto Sans SC,sans-serif;font-size:18px;line-height:24px;color:#00fbff;font-weight:600}.confirm-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-btn-cancel{height:44px;padding:8px 24px;background:transparent;border:1px solid #333333;border-radius:6px;font-family:PingFang SC,sans-serif;font-weight:500;font-size:16px;line-height:28px;color:#fff;cursor:pointer;transition:background-color .3s,border-color .3s}.confirm-btn-cancel:hover{background:#ffffff0d;border-color:#666}.confirm-btn-submit{height:44px;padding:8px 24px;background:#00fbff;border:none;border-radius:6px;font-family:PingFang SC,sans-serif;font-weight:500;font-size:16px;line-height:28px;color:#222;cursor:pointer;transition:opacity .3s}.confirm-btn-submit:hover{opacity:.9}@media (max-width: 640px){.confirm-modal-panel{width:90vw}.confirm-modal-header{padding:20px 20px 12px}.confirm-modal-title{font-size:18px}.confirm-modal-body{padding:20px}.confirm-modal-footer{padding:12px 20px 20px;flex-direction:column}.confirm-btn-cancel,.confirm-btn-submit{width:100%}}.job-preview.generating{display:flex;align-items:center;justify-content:center;background:#0f1116;position:relative}.generating-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px}.spinner{width:48px;height:48px;border:4px solid rgba(0,251,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generating-text{margin:0;font-size:14px;color:var(--muted-2)}.progress-container{width:100%;max-width:200px;display:flex;flex-direction:column;gap:8px;align-items:center}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .3s ease}.progress-text{margin:0;font-size:12px;color:var(--accent);font-weight:600}body{font-family:Arial,PingFang SC,Noto Sans SC,sans-serif;background-color:#101010;color:#fff;overflow-x:hidden}.main-container{display:flex;min-height:100vh;width:100%}.sidebar{width:205px;background-color:#0e0f0f;display:flex;flex-direction:column;padding:0 15px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{display:flex;align-items:center;gap:7px;padding:35px 9px 0;margin-bottom:36px}.logo-icon{width:32px;height:32px;object-fit:contain}.logo-text{font-size:20px;font-weight:700;color:#fff;line-height:1}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:40px;text-decoration:none;color:#fff;transition:background-color .3s;position:relative}.nav-item:hover{background-color:#ffffff0d}.nav-item.active{background-color:#1c1d1d}.nav-icon{width:18px;height:18px;object-fit:contain}.nav-text{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.vip-badge{background-color:#ffd48b4d;color:#ffd48b;font-size:12px;font-weight:700;padding:2px 6px;border-radius:18px}.nav-divider{height:1px;width:165px;background-image:url(https://www.figma.com/api/mcp/asset/5f8da345-1cae-45d4-b760-c3415633da21);background-size:contain;background-repeat:no-repeat;background-position:center;margin:8px 0}.video-quota-card{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;border-radius:22px;background:linear-gradient(120deg,#00ffe547,#002936eb);border:1px solid rgba(0,255,255,.25);box-shadow:0 10px 22px #00000059;box-sizing:border-box}.quota-icon{width:24px;height:24px;object-fit:contain}.quota-info{flex:1;display:flex;flex-direction:column;line-height:1.1}.quota-title{margin:0;font-size:12px;color:#ffffffe6;white-space:nowrap}.quota-count{margin:4px 0 0;font-size:12px;font-weight:600;color:#ffffffd9;white-space:nowrap}.quota-number{padding-left:2px;color:#00f1ff;font-size:14px;font-weight:700}.quota-recharge-btn{padding:4px 12px;border-radius:16px;border:none;background:#00fbff66;color:#003c46;font-size:12px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffff40;transition:transform .2s ease,background .2s ease;white-space:nowrap;flex-shrink:0}.quota-recharge-btn:hover{background:#00fbff8c;transform:translateY(-1px)}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;margin-top:auto}.user-avatar{width:36px;height:36px;background-color:#2b2c2c;border-radius:32px;display:flex;align-items:center;justify-content:center;position:relative}.avatar-icon{width:16.941px;height:16.941px;object-fit:contain}.user-info{flex:1;margin-left:8px;display:flex;flex-direction:column;gap:4px}.user-name{font-size:14px;font-weight:700;color:#fff}.user-phone{font-size:12px;color:#656565}.user-logout-btn{background:none;border:none;width:16px;height:16px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.logout-icon{width:16px;height:16px;object-fit:contain}.main-content{flex:1;display:flex;flex-direction:column;gap:30px;min-width:0}.settings-header{display:flex;align-items:center;margin-bottom:0}.settings-title{display:flex;align-items:center;gap:8px}.back-icon{width:16px;height:16px;object-fit:contain;cursor:pointer;transition:opacity .3s}.back-icon:hover{opacity:.8}.title-text{font-size:16px;font-weight:700;color:#fff}.settings-section{display:flex;flex-direction:column;gap:30px}.section-title{font-size:16px;font-weight:700;color:#fff}.settings-item{display:flex;align-items:center;gap:80px;padding:0}.settings-item.clickable{cursor:pointer;transition:opacity .3s}.settings-item.clickable:hover{opacity:.8}.item-label{width:120px;font-size:14px;font-weight:700;color:#999;flex-shrink:0}.item-content{flex:1;display:flex;align-items:center;gap:8px}.item-value{font-size:14px;font-weight:700;color:#999}.arrow-icon{width:16px;height:16px;object-fit:contain;transform:rotate(180deg) scaleY(-1)}.avatar-container{position:relative;display:inline-block}.settings-avatar{width:48px;height:48px;border-radius:48px;object-fit:cover}.avatar-edit-btn{position:absolute;bottom:0;right:0;width:16px;height:16px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transform:translate(50%,50%)}.edit-icon{width:16px;height:16px;object-fit:contain}.nickname-display{display:flex;align-items:center;gap:8px}.nickname-value{font-size:14px;font-weight:700;color:#999}.nickname-edit-btn{background:none;border:none;width:16px;height:16px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.nickname-edit{display:flex;flex-direction:column;gap:0;width:587px}.nickname-input{width:100%;padding:12px 16px;border:1px solid #FFFFFF;border-radius:8px;background-color:transparent;color:#999;font-size:14px;font-weight:700;outline:none}.nickname-input:focus{border-color:#00fbff}.nickname-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.char-count{font-size:14px;color:#999;font-weight:400}.save-btn{padding:6px 12px;background-color:#00fbff;border:1px solid #00fbff;border-radius:6px;color:#222;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .3s}.save-btn:hover{opacity:.9}.settings-actions{display:flex;gap:10px;margin-top:0}.logout-btn{background-color:#ff3a33;border:1px solid #ff3a33;border-radius:10px;padding:12px 20px;color:#222;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .3s}.logout-btn:hover{opacity:.9}.settings-page .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal{background-color:#1c1d1d;border-radius:16px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #2b2c2c}.modal-title{font-size:18px;font-weight:700;color:#fff}.modal-close{background:none;border:none;width:24px;height:24px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.modal-close:hover{opacity:.8}.close-icon{width:16px;height:16px;object-fit:contain}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px}.modal-footer{padding:20px 24px;border-top:1px solid #2b2c2c;display:flex;justify-content:flex-end}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:700;color:#fff}.form-input{width:100%;padding:12px 16px;background-color:#2b2c2c;border:1px solid #2b2c2c;border-radius:8px;color:#fff;font-size:14px;outline:none;transition:border-color .3s}.form-input::placeholder{color:#656565}.form-input-group{display:flex;gap:12px;align-items:flex-start}.form-input-group .form-input{flex:1}.form-input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:16px;font-size:14px;color:#fff;font-weight:700;z-index:1;pointer-events:none}.form-input-with-prefix .form-input{padding-left:50px}.form-input-with-icon{position:relative;display:flex;align-items:center}.form-input-with-icon .form-input{padding-right:40px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;width:20px;height:20px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:1;transition:opacity .3s}.password-toggle-btn:hover{opacity:.8}.eye-icon,.toggle-icon{width:16px;height:16px;object-fit:contain}.verify-code-btn{padding:12px 20px;background-color:#00fbff;border:1px solid #00fbff;border-radius:8px;color:#222;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:opacity .3s}.verify-code-btn:hover{opacity:.9}.verify-code-btn:disabled{opacity:.5;cursor:not-allowed}.modal-submit-btn{width:100%;padding:12px 20px;background-color:#00fbff;border:1px solid #00fbff;border-radius:8px;color:#222;font-size:14px;font-weight:700;cursor:pointer;transition:opacity .3s}.modal-submit-btn:hover{opacity:.9}.qr-code-container{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#fff;border-radius:8px}.qr-code{width:200px;height:200px;object-fit:contain}.qr-code-tip{text-align:center;font-size:14px;color:#999;margin-top:16px}@media (max-width: 1023px){.main-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:20px}.main-content{padding:20px}.settings-item{flex-direction:column;align-items:flex-start;gap:12px}.item-label,.nickname-edit{width:100%}.modal{width:95%;margin:20px}}:root{--bg-main: #050505;--bg-panel: rgba(28, 29, 29, .4);--bg-sidebar: #0e0f0f;--text-primary: #ffffff;--text-muted: #999999;--accent-cyan: #00fbff;--accent-gold: #ffe9c0;--accent-purple: #f7e0ff;--accent-orange: #e99d55;--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px;font-family:Noto Sans SC,PingFang SC,Segoe UI,Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 30% 10%,rgba(0,251,255,.04),transparent 45%),#050505;color:var(--text-primary)}img{display:block;max-width:100%}button{font:inherit;border:none;background:none;color:inherit;cursor:pointer}.membership-shell{display:flex;min-height:100vh;width:100%}.sidebar-user{display:flex;align-items:center;gap:10px}.membership-main{flex:1;padding:40px 48px 60px;display:flex;flex-direction:column;gap:32px;background:linear-gradient(180deg,#0a0b0cd9,#050505f2 25%,#050505)}.hero-headline{display:flex;flex-direction:column;gap:8px}.hero-label{margin:0;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-cyan);opacity:.8}.hero-title{margin:0;font-size:32px;font-weight:700}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.status-card{position:relative;padding:28px 28px 32px;border-radius:var(--radius-lg);background:#141414d9;border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 60px #00000073;overflow:hidden}.status-card--membership{background:linear-gradient(145deg,#181818f2,#0e0e0e99)}.status-card--points{background:linear-gradient(145deg,#00fbff24,#0e1010e6);border-color:#00fbff59}.status-card__top{display:flex;justify-content:space-between;gap:20px}.status-card__meta{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.status-card__title-row{display:flex;gap:14px;align-items:center;line-height:2}.status-card__icon{width:32px;height:32px;object-fit:contain}.status-card__eyebrow{margin:0;font-size:18px;font-weight:600}.status-card__title{margin:0;font-size:16px;color:var(--text-primary)}.status-card__highlight{color:var(--accent-cyan);font-weight:600;padding-left:8px}.status-card__balance-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.status-card__balance-action{padding:10px 20px;border-radius:32px}.status-card__action-row{margin-top:20px;display:flex;align-items:center}.status-card__desc{margin:0;font-size:14px;color:var(--text-muted)}.status-card__level-row{display:flex;flex-wrap:wrap;gap:12px;align-items:baseline;font-size:16px;margin:0}.status-card__label{font-weight:600;color:var(--text-primary)}.status-card__expiry{font-size:14px;color:var(--text-muted)}.status-card__actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.status-card__actions>*{width:auto}.status-card__badge{position:absolute;right:30px;top:24px;width:120px;pointer-events:none}.status-card__badge--small{width:96px;height:96px;top:auto;bottom:18px;right:32px}.ghost-btn{padding:10px 22px;border-radius:var(--radius-sm);background:#2b2c2ce6;color:var(--text-muted);font-size:14px;border:1px solid rgba(255,255,255,.08);transition:background .2s ease,color .2s ease}.ghost-btn:hover{background:#ffffff14;color:var(--text-primary)}.ghost-btn--compact{padding:10px 18px}.primary-pill{padding:12px 28px;border-radius:40px;background:var(--accent-cyan);color:#0c0c0c;font-weight:700;border:none;box-shadow:0 15px 25px #00fbff40}.tab-section{display:flex;flex-direction:column;gap:12px}.tab-list{display:flex;gap:37px;position:relative}.tab-btn{background:none;color:var(--text-muted);font-size:16px;padding:0;transition:color .2s ease}.tab-btn.is-active{color:var(--accent-cyan);font-weight:600}.tab-indicator{position:relative;display:block;width:64px!important;height:3px;border-radius:4px;background:var(--accent-cyan);transform:translate(0);transform-origin:left;transition:transform .3s ease,width .3s ease}.plan-panel{background:transparent}.plan-panel.is-hidden{display:none}.topup-layout{display:flex;gap:14px;align-items:flex-start}.topup-main{flex:1;display:flex;flex-direction:column;gap:16px}.topup-section-header{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px}.topup-section-title{margin:0 0 6px;font-size:16px;font-weight:600}.topup-section-desc{margin:0;font-size:14px;color:var(--text-muted)}.topup-section-highlight{color:var(--accent-cyan)}.topup-input-row{display:flex;gap:16px;align-items:center}.point-input-shell{flex:1;background:#060607e6;border:1px solid rgba(255,255,255,.06);border-radius:50px;padding:12px 24px}.point-input-card{display:flex;align-items:center;gap:16px}.point-input-card__field{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:28px;font-weight:600;letter-spacing:.04em;outline:none}.point-input-card__field::-webkit-outer-spin-button,.point-input-card__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.point-input-card__field[type=number]{-moz-appearance:textfield}.point-input-card__field::placeholder{color:#fff6}.point-input-card__price{margin:0;font-size:18px;font-weight:600;color:var(--accent-cyan);white-space:nowrap}.topup-submit{border-radius:16px;background:var(--accent-cyan);color:#101010;font-weight:700;padding:18px 34px;min-width:150px;border:none;box-shadow:0 25px 45px #00fbff59;transition:transform .2s ease,box-shadow .2s ease}.topup-submit:hover{transform:translateY(-1px);box-shadow:0 30px 50px #00fbff66}.credit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;width:100%}.credit-card{border-radius:var(--radius-lg);background:#151616;border:1px solid #1f2021;padding:20px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--text-primary);transition:border .2s ease,box-shadow .2s ease,background .2s ease}.credit-card.is-active{border-color:var(--accent-cyan);box-shadow:0 15px 30px #00fbff40;background:linear-gradient(180deg,#00fbff14,#151616e6)}.credit-card__icon img{width:24px;height:24px}.credit-card__points{margin:0;font-size:32px;font-weight:600;color:var(--accent-cyan)}.credit-card__price{margin:0;font-size:16px;color:var(--text-muted)}.topup-tip{background:#0f1011;border-radius:var(--radius-lg);padding:16px 20px;border:1px solid #1c1d1d;color:var(--text-muted);font-size:14px;line-height:1.7}.topup-tip p{margin:0}.topup-tip a{color:var(--accent-cyan);text-decoration:underline}.topup-aside{flex:0 0 320px;border-radius:var(--radius-lg);border:1px solid rgba(0,251,255,.6);background:linear-gradient(180deg,#00fbff33,#00fbff00);padding:36px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;overflow:hidden}.topup-aside>*:not(.topup-mask){position:relative;z-index:1}.topup-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;border-radius:inherit;z-index:0;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.topup-mask.is-hidden{opacity:0;visibility:hidden}.qr-card{width:100%;display:flex;flex-direction:column;gap:14px;align-items:center}.qr-card__frame{width:186px;aspect-ratio:1 / 1;position:relative;text-align:center;z-index:1}.qr-card__plate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#fff;box-shadow:0 30px 60px #00000073}.qr-card__image{position:absolute;top:15px;right:15px;bottom:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);border-radius:12px;object-fit:cover}.qr-card__agreement{position:absolute;left:50%;bottom:55px;transform:translate(-50%);width:156px;font-size:14px;line-height:1.5;color:var(--text-primary);background:#000000bf;padding:10px 12px}.qr-card__agreement a{color:var(--accent-cyan);text-decoration:underline}.qr-card__btn{border-radius:38px;background:var(--accent-cyan);color:#101010;font-weight:700;padding:10px 32px;border:none;z-index:1}.qr-card__hint,.qr-card__link{margin:0;font-size:14px;color:var(--text-muted);text-align:center;z-index:1}.qr-card__hint{display:inline-flex;gap:6px;align-items:center;justify-content:center}.qr-card__hint img{width:16px;height:16px;display:inline-block}.qr-card__link a{color:var(--accent-cyan);text-decoration:underline}@media (max-width: 1024px){.topup-layout,.topup-input-row{flex-direction:column}.topup-aside{width:100%;flex:1}}.plan-stage{display:flex;align-items:center;gap:18px}.plan-arrow{width:48px;height:48px;padding:0;border-radius:50%;border:none;background:transparent;filter:drop-shadow(0 15px 30px rgba(0,0,0,.6))}.plan-arrow:last-of-type img{transform:scaleX(-1)}.plan-arrow img{width:100%;height:100%;object-fit:contain}.plan-track{flex:1;display:flex;gap:18px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding:20px;padding:8px 4px;min-width:0}.plan-track::-webkit-scrollbar{height:6px}.plan-track::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.plan-card{flex:1 1 260px;min-width:260px;display:flex;flex-direction:column;gap:18px;padding:32px 22px 100px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:#151616;min-height:540px;scroll-snap-align:start;position:relative}.plan-card--free{border-color:#ffe57e88;background:linear-gradient(180deg,#ffe57e4d,#ffe57e00)}.plan-card--platinum{background:linear-gradient(180deg,#fff5e02e,#161411f2);border-color:#fff5e0a6}.plan-card--diamond{background:linear-gradient(180deg,#c7aeff40,#1a0f1ef2);border-color:#f7e0ff8c}.plan-card--black{background:linear-gradient(180deg,#e99d5540,#241405e6);border-color:#e99d5599}.plan-card--enterprise{background:linear-gradient(180deg,#00fbff33,#072023eb);border-color:#00fbff80}.plan-card__header{display:flex;flex-direction:column;gap:10px;min-height:140px}.plan-name{margin:0;font-size:28px;font-weight:600}.plan-price{margin:20px 0 0;display:flex;align-items:flex-end;gap:6px;font-size:30px;font-weight:700}.plan-price .currency{font-size:18px;color:var(--accent-gold)}.plan-price .value{line-height:1}.plan-price .unit{font-size:16px;color:var(--text-muted)}.plan-price--conference{font-size:38px;line-height:1;color:var(--accent-cyan)}.plan-note{margin:0;font-size:13px;color:var(--text-muted)}.plan-note--tagged{display:flex;align-items:center;gap:12px}.plan-tag{padding:4px 10px;border-radius:16px;border:1px solid rgba(255,255,255,.2);font-size:12px;color:#1c1205;background:var(--accent-gold)}.plan-cta{width:100%;border-radius:var(--radius-sm);padding:12px 0;font-size:14px;text-align:center;font-weight:600;transition:transform .2s ease}.plan-cta:hover{transform:translateY(-1px)}.plan-cta--primary{background:linear-gradient(90deg,#ffeaca,#f6d08e);color:#2a1707;box-shadow:0 20px 30px #e99d5559}.plan-cta--secondary{background:linear-gradient(90deg,#ffeaca,#f6d08e);color:#2a1707;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 30px #e99d5559}.plan-cta--outline{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:transparent;box-shadow:0 15px 25px #00fbff40}.plan-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--text-muted)}.plan-benefits li{position:relative;line-height:1.5}.plan-benefits li:before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;background-image:url(https://www.figma.com/api/mcp/asset/8042811f-236c-4bf1-b3f2-8576f7096f0b);background-size:contain;background-repeat:no-repeat}.plan-benefits__title{font-size:15px;color:var(--text-primary);font-weight:600}.plan-benefits__title:before{filter:drop-shadow(0 0 6px rgba(0,251,255,.6))}.placeholder-card{border-radius:var(--radius-lg);padding:48px;border:1px dashed rgba(255,255,255,.12);background:#141414b3;text-align:left}.placeholder-title{margin:0 0 12px;font-size:22px;font-weight:600}.placeholder-desc{margin:0;color:var(--text-muted);line-height:1.7}body[data-device=mobile] .membership-shell{flex-direction:column}body[data-device=mobile] .sidebar{width:100%;flex-direction:row;flex-wrap:wrap;gap:16px}body[data-device=mobile] .membership-main{padding:24px}body[data-device=mobile] .status-grid{grid-template-columns:1fr}body[data-device=mobile] .plan-track{scroll-snap-type:none}body.modal-open{overflow:hidden}.membership-shell .benefits-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:100;background:#0a0d12d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;justify-content:center}.membership-shell .benefits-modal.is-visible{display:flex}.membership-shell .benefits-modal__panel{position:relative;border-radius:16px;box-shadow:0 30px 80px #000000a6;overflow:hidden;padding:40px 30px 30px;z-index:1;margin:0 auto;background:#17181a}.membership-shell .benefits-modal__close{position:absolute;top:16px;right:16px;border-radius:8px;padding:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.payment-modal{width:min(493px,calc(100% - 32px));background:#17181a;display:flex;flex-direction:column;gap:24px}.payment-modal__header{display:flex;flex-direction:column;gap:10px}.payment-modal__eyebrow{margin:0;font-size:18px;font-weight:600}.payment-modal__subtitle{margin:0;color:var(--text-muted);font-size:14px}.payment-modal__plan-note{margin:0;font-size:13px;color:var(--text-muted)}.payment-modal__currency,.payment-modal__unit{color:var(--accent-cyan)}.payment-modal__amount{font-size:24px;color:var(--accent-cyan);font-weight:700;padding:0 4px}.payment-modal__qr{display:flex;flex-direction:column;align-items:center;gap:12px}.payment-modal__qr-frame{width:186px;height:186px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative}.payment-modal__qr-image{width:156px;height:156px;border-radius:12px;object-fit:cover}.payment-modal__expired{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;color:var(--text-primary)}.payment-modal__expired[hidden]{display:none}.payment-modal__expired-icon{width:32px;height:32px}.payment-modal__refresh{padding:8px 18px;border-radius:999px;border:1px solid var(--accent-cyan);background:transparent;color:var(--accent-cyan);font-size:14px}.payment-modal__hint,.payment-modal__countdown{margin:0;font-size:14px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.payment-modal__countdown span{color:var(--accent-cyan);font-weight:600}.payment-modal__wallet{width:16px;height:16px}.payment-modal__notes{list-style:none;margin:0;padding-left:18px;color:var(--text-muted);line-height:1.6}.payment-modal__notes li{position:relative;margin-bottom:6px;font-size:13px!important}.payment-modal__notes li:before{content:"·";position:absolute;left:-14px;color:var(--accent-cyan)}.contact-modal{width:min(640px,calc(100% - 32px));background:#1c1d1d;padding:45px 40px 40px;display:flex;flex-direction:column;gap:20px}.contact-modal h3{margin:0;font-size:24px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#898a8d}.contact-field span{font-weight:600}.contact-field em{font-style:normal;color:#ff3a33}.contact-field input,.contact-field textarea{width:100%;border-radius:8px;border:1px solid #333333;background:#111213;color:var(--text-primary);padding:12px 14px;font-size:14px;resize:none}.contact-field textarea{min-height:120px}.contact-form__legal{margin:0;font-size:12px;color:#6a6b6e;line-height:1.6}.contact-form__legal a{color:var(--accent-cyan);text-decoration:underline}.contact-form__feedback{min-height:18px;font-size:13px;color:var(--accent-cyan)}.contact-form__feedback.is-error{color:#ff3a33}.contact-form__actions{display:flex;justify-content:flex-end;gap:16px}.contact-form__btn{min-width:120px;text-align:center}.contact-form__btn--primary{color:#101010}.points-modal{width:min(500px,calc(100% - 32px));background:#1c1d1d;padding:45px;border-radius:16px;display:flex;flex-direction:column;gap:20px;position:relative;max-height:calc(100vh - 64px);overflow-y:auto}.points-modal::-webkit-scrollbar{width:6px}.points-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.points-modal::-webkit-scrollbar-track{background:transparent}.points-modal__title{margin:0;font-size:24px;font-weight:700}.points-modal__balance{display:flex;align-items:center;gap:16px;padding:24px;background:linear-gradient(135deg,#00fbff1a,#00fbff0d);border:1px solid rgba(0,251,255,.2);border-radius:12px}.points-modal__balance-icon{width:48px;height:48px;border-radius:50%;background:#00fbff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.points-modal__balance-icon img{width:28px;height:28px}.points-modal__balance-value{margin:0;font-size:42px;font-weight:700;color:var(--accent-cyan);line-height:1}.points-modal__hint{margin:0;color:var(--text-muted);font-size:13px;text-align:center}.points-modal__list{list-style:none;margin:0;padding:20px 0;display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);max-height:300px;overflow-y:auto}.points-modal__list::-webkit-scrollbar{width:4px}.points-modal__list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.points-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#14141480;border-radius:8px;transition:background .2s ease}.points-entry:hover{background:#1e1e1eb3}.points-entry__meta{display:flex;flex-direction:column;gap:6px;flex:1}.points-entry__title{margin:0;font-size:15px;font-weight:600}.points-entry__time{margin:0;font-size:12px;color:var(--text-muted)}.points-entry__value{font-size:20px;font-weight:700;color:var(--text-primary);white-space:nowrap}.points-entry__value--positive{color:var(--accent-cyan)}.points-modal__more{background:none;color:var(--text-muted);font-size:14px;align-self:center;padding:8px 20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;transition:all .2s ease;cursor:pointer}.points-modal__more:hover{background:#ffffff0d;color:var(--text-primary);border-color:#fff3}.points-modal__actions{display:flex;flex-direction:column;gap:12px;width:100%}.points-modal__cta{width:100%;border-radius:10px;padding:14px 20px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.points-modal__cta:hover{transform:translateY(-1px)}.points-modal__cta--primary{background:var(--accent-cyan);color:#0f0f0f;box-shadow:0 10px 20px #00fbff40}.points-modal__cta--primary:hover{box-shadow:0 15px 25px #00fbff59}.points-modal__cta--secondary{background:#2b2c2ce6;color:var(--text-primary);border:1px solid rgba(255,255,255,.08)}.points-modal__cta--secondary:hover{background:#ffffff14}.points-modal__close:hover{background:#000000d9}.points-modal__close img{width:24px;height:24px}@media (max-width: 768px){.points-modal{width:calc(100% - 16px);padding:32px 24px 24px}.points-modal__balance{padding:20px}.points-modal__balance-value{font-size:36px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans SC,Noto Sans JP,PingFang SC,sans-serif;background-color:#050505;color:#fff}.background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:darken}.background-image-1{background-image:url(/assets/bg-IrldA_ok.png);background-size:cover;background-position:center;z-index:1}.auth-container{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:flex-end;padding-right:153px;z-index:10}.auth-form-wrapper{width:437px;padding:60px;background:#0e0f0fcc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:16px;display:flex;flex-direction:column;gap:40px}.auth-header{display:flex;flex-direction:column;gap:20px}.logo-container{position:relative;display:inline-grid;grid-template-columns:max-content;grid-template-rows:max-content;justify-items:start;line-height:0}.logo-bg{grid-column:1;grid-row:1;width:56px;height:56px;border-radius:6.222px}.logo-img{grid-column:1;grid-row:1;width:80px;height:65px;margin-left:8.56px;margin-top:13.22px;object-fit:contain}.auth-title{font-family:PingFang SC,sans-serif;font-weight:500;font-size:36px;line-height:44px;color:#fff;margin:0}.login-type-switch{display:flex;align-items:center;gap:12px}.switch-btn{background:none;border:none;font-family:Inter,Noto Sans SC,Noto Sans JP,sans-serif;font-size:14px;line-height:24px;color:#999;cursor:pointer;padding:0;transition:color .3s}.switch-btn.active{color:#fff}.switch-divider{width:0;height:18px;position:relative}.switch-divider:before{content:"";position:absolute;left:-.5px;right:-.5px;top:0;bottom:0;background-image:url(https://www.figma.com/api/mcp/asset/002403da-3c0c-46dd-b52e-0b3af6a7e55c);background-size:contain;background-repeat:no-repeat;background-position:center}.auth-form,.form-section{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:12px}.form-input{width:100%;height:44px;padding:8px 16px;background:transparent;border:1px solid #333333;border-radius:6px;font-family:Inter,Noto Sans SC,Noto Sans JP,sans-serif;font-size:14px;line-height:24px;color:#fff;outline:none;transition:border-color .3s}.form-input::placeholder{color:#83899f}.form-input:focus{border-color:#00fbff}.phone-input-wrapper{display:flex;align-items:center;gap:10px;height:44px;padding:8px 16px;border:1px solid #333333;border-radius:6px;background:transparent}.phone-prefix{font-family:Inter,sans-serif;font-size:16px;line-height:24px;color:#fff;white-space:nowrap}.phone-input{flex:1;border:none;padding:0;height:auto}.phone-input:focus{border:none}.code-input-wrapper{display:flex;align-items:center;justify-content:space-between;height:44px;padding:8px 16px;border:1px solid #333333;border-radius:6px;background:transparent}.code-input{flex:1;border:none;padding:0;height:auto}.code-input:focus{border:none}.code-btn{background:none;border:none;font-family:Inter,Noto Sans SC,Noto Sans JP,sans-serif;font-size:14px;line-height:24px;color:#00fbff;cursor:pointer;padding:0;white-space:nowrap;transition:opacity .3s}.code-btn:hover{opacity:.8}.code-btn:disabled{color:#666;cursor:not-allowed}.password-input-wrapper{display:flex;align-items:center;justify-content:space-between;height:44px;padding:8px 16px;border:1px solid #333333;border-radius:6px;background:transparent}.password-input{flex:1;border:none;padding:0;height:auto}.password-input:focus{border:none}.password-input-wrapper.error{border-color:#ff610b}.password-toggle{background:none;border:none;width:24px;height:24px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.toggle-icon{width:24px;height:24px;object-fit:contain}.form-options{display:flex;align-items:center;justify-content:space-between}.checkbox-wrapper{display:flex;align-items:center;gap:4px;cursor:pointer}.checkbox-wrapper input[type=checkbox]{display:none}.checkbox-icon{width:16px;height:16px;background-image:url(https://www.figma.com/api/mcp/asset/ff797d2a-8063-44bf-98f0-63e61c43e2df);background-size:contain;background-repeat:no-repeat;background-position:center;transition:background-image .3s}.checkbox-wrapper input[type=checkbox]:checked+.checkbox-icon{background-image:url(https://www.figma.com/api/mcp/asset/95b6316a-a74c-452e-8335-87a293baf662)}.checkbox-wrapper input[type=checkbox]:checked~.checkbox-label{color:#fff}.checkbox-label{font-family:Inter,Noto Sans JP,Noto Sans SC,sans-serif;font-size:14px;line-height:20px;color:#666}.link-text{font-family:Inter,Noto Sans JP,Noto Sans SC,sans-serif;font-size:14px;line-height:20px;color:#83899f;text-decoration:none;transition:color .3s}.link-text:hover{color:#00fbff}.error-message{font-family:Inter,Noto Sans JP,Noto Sans SC,sans-serif;font-weight:500;font-size:12px;line-height:24px;color:#ff610b;margin-top:4px}.submit-btn{width:100%;height:44px;padding:8px 16px;background:#1c1d1d;border:none;border-radius:6px;font-family:PingFang SC,sans-serif;font-weight:500;font-size:16px;line-height:28px;color:#fff;cursor:pointer;transition:background-color .3s}.submit-btn:hover,.submit-btn.active{background:#00fbff;color:#222}.agreement-text{font-family:Inter,Noto Sans JP,Noto Sans SC,sans-serif;font-size:14px;line-height:20px;color:#666;text-align:center}.link-primary{color:#00fbff;text-decoration:none;transition:opacity .3s}.link-primary:hover{opacity:.8}.auth-switch{display:flex;align-items:center;justify-content:center;gap:4px;font-family:Inter,Noto Sans JP,Noto Sans SC,sans-serif;font-size:14px;line-height:20px;color:#666}.register-switch{position:absolute;top:33px;right:20px}.footer-text{position:absolute;left:56px;bottom:71px;font-family:PingFang SC,sans-serif;font-weight:500;font-size:18px;line-height:44px;color:#fffc}.hidden{display:none!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0d1266;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{width:1058px;max-height:90vh;background:#222;border-radius:16px;box-shadow:0 20px 24px -4px #0a0d121a,0 8px 8px -4px #0a0d120a;display:flex;flex-direction:column;overflow:hidden}.modal-header{position:relative;padding:45px 45px 20px;display:flex;align-items:flex-start;justify-content:space-between}.modal-close-btn{position:absolute;top:12px;right:12px;width:44px;height:44px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:6px;color:#fff;font-size:24px;line-height:1;transition:background-color .3s,color .3s}.modal-close-btn .close-icon{font-size:24px;line-height:1;margin-bottom:10px}.modal-btn{height:44px;padding:8px 24px;background:#1c1d1d;border:none;border-radius:6px;font-family:PingFang SC,sans-serif;font-weight:500;font-size:16px;line-height:28px;color:#fff;cursor:pointer;transition:background-color .3s,color .3s}.modal-btn:hover,.modal-btn.primary{background:#00fbff;color:#222}.modal-header-content{display:flex;flex-direction:column;gap:4px}.modal-date{font-family:Inter,Noto Sans SC,Noto Sans JP,sans-serif;font-weight:500;font-size:16px;line-height:28px;color:#fff}.modal-close{position:absolute;top:12px;right:12px;width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:8px;transition:background-color .3s}.modal-close:hover{background:#ffffff1a}.modal-close img{width:24px;height:24px}.modal-body{padding:20px 45px 45px;overflow-y:auto;max-height:calc(90vh - 150px)}.modal-title{font-family:Inter,Noto Sans JP,Noto Sans SC,sans-serif;font-weight:600;font-size:24px;line-height:28px;color:#fff;text-align:center;margin-bottom:20px}.modal-content{font-family:Inter,Noto Sans JP,Noto Sans SC,sans-serif;font-weight:600;font-size:14px;line-height:28px;color:#fff}.modal-content p{margin-bottom:16px}.modal-content p:last-child{margin-bottom:0}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:40px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2000}.toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-text{font-family:Arial,sans-serif;font-size:17px;line-height:1.4;color:#fff;text-align:center;white-space:nowrap}@media (min-width: 1024px){.auth-container{justify-content:flex-end;padding-right:153px}}.form-input:not(:placeholder-shown){color:#fff}.phone-input-wrapper.has-value,.code-input-wrapper.has-value,.password-input-wrapper.has-value{border-color:#333}@media (max-width: 1023px){.auth-container{justify-content:center;padding:20px;align-items:center}.auth-form-wrapper{width:100%;max-width:437px;padding:40px 30px}.footer-text{left:20px;bottom:20px;font-size:14px}.modal-container{width:90%;max-width:1058px;margin:20px}.modal-header{padding:30px 30px 15px}.modal-body{padding:15px 30px 30px}.register-switch{position:static;margin-top:20px}}.forgot-password-modal .modal-overlay{z-index:1001}.forgot-password-container{width:500px;background:#222;border-radius:16px;box-shadow:0 20px 24px -4px #0a0d121a,0 8px 8px -4px #0a0d120a;overflow:hidden}.forgot-password-header{position:relative;padding:32px 32px 24px;border-bottom:1px solid #333333;display:flex;align-items:center;justify-content:space-between}.forgot-password-header h2{font-family:PingFang SC,sans-serif;font-weight:500;font-size:24px;line-height:32px;color:#fff;margin:0}.forgot-password-header .modal-close-btn{position:static;margin:0;flex-shrink:0}.forgot-password-body{padding:32px}.forgot-step{display:flex;flex-direction:column;gap:24px}.step-description{font-family:Inter,Noto Sans SC,Noto Sans JP,sans-serif;font-size:14px;line-height:20px;color:#999;margin:0}.forgot-password-modal .form-group{margin-bottom:0}.forgot-password-modal .error-message,.forgot-password-modal .submit-btn{margin-top:8px}@media (max-width: 1023px){.forgot-password-container{width:90%;max-width:500px;margin:20px}.forgot-password-header{padding:24px 24px 16px}.forgot-password-header h2{font-size:20px;line-height:28px}.forgot-password-body{padding:24px}}.invite-qr-placeholder[data-v-598f4729]{width:300px;height:300px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:8px;color:#999;font-size:14px}.copy-toast[data-v-598f4729]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:12px 24px;border-radius:4px;font-size:14px;z-index:9999;animation:slideUp-598f4729 .3s ease-in-out}@keyframes slideUp-598f4729{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app-loading-screen[data-v-2d06c359]{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;z-index:9999}.app-loading-spinner[data-v-2d06c359]{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #333;border-radius:50%;animation:app-spin-2d06c359 1s linear infinite}@keyframes app-spin-2d06c359{0%{transform:rotate(0)}to{transform:rotate(360deg)}}