:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#10211b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 100% 0,#cdeedc8c,#0000 24%),linear-gradient(#fff 0%,#f5f8f6 100%);min-width:320px}button,input{font:inherit}button{background:0 0;border:0;padding:0}:root{--brand:#1d624f;--brand-soft:#eaf7f0;--bg:#fff;--bg-soft:#f5f8f6;--text-primary:#07130f;--text-secondary:#6f847b;--border:#dce8e1}.login-page{color:#10211b;place-items:center;min-height:100vh;padding:12px;display:grid}.login-panel{background:#fff;border:1px solid #dce8e1;border-radius:28px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 18px 40px #10211b14}.login-panel__header{background:linear-gradient(#fff 0%,#f5f8f6 100%);border-bottom:1px solid #dce8e1;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.login-panel__brand{align-items:center;gap:12px;display:flex}.login-panel__mark{color:#1d624f;background:#eaf7f0;border:1px solid #dce8e1;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.login-panel__eyebrow{letter-spacing:.12em;color:#6f847b;margin:0;font-size:12px}.login-panel h1{color:#07130f;margin:6px 0 0;font-size:30px;line-height:1.1}.login-panel__eyebrow--right{text-align:right}.login-form{gap:14px;padding:18px 20px 20px;display:grid}.field{gap:8px;display:grid}.field>span{color:#6f847b;font-size:13px;font-weight:600}.field__control,.field__row{align-items:center;gap:10px}.field__control{background:#f7fcf9;border:1px solid #dce8e1;border-radius:18px;min-height:54px;padding:0 16px;display:flex}.field--error .field__control,.field--error .field__row input{background:#e85d2a0d;border-color:#e85d2a94}.field__prefix{color:#6f847b;font-weight:700}.field__control input{color:#10211b;background:0 0;border:0;outline:none;width:100%}.field__row{grid-template-columns:minmax(0,1fr) 112px;width:100%;display:grid}.field__row input{color:#10211b;background:#f7fcf9;border:1px solid #dce8e1;border-radius:18px;outline:none;min-width:0;min-height:54px;padding:0 16px}.field__error{color:#e85d2a;margin:-2px 0 0;font-size:12px;line-height:1.5}.field__action,.login-form__submit{border-radius:18px;min-height:54px;font-weight:800}.field__action{color:#1d624f;white-space:nowrap;background:#eaf7f0;border:1px solid #d8e6de;width:112px;padding:0 8px}.login-form__submit{color:#fff;background:#1d624f;box-shadow:0 12px 24px #1d624f24}.login-form__agreement{color:#6f847b;align-items:center;gap:10px;font-size:12px;line-height:1.6;display:flex}.login-form__agreement input{accent-color:#1d624f;width:16px;height:16px}.login-form__agreement a{color:#1d624f;font-weight:700;text-decoration:none}.login-form__agreement a:active{opacity:.72}.login-form__divider{color:#9aa7a1;align-items:center;gap:12px;font-size:12px;display:flex}.login-form__divider span{background:#e4ece7;flex:1;height:1px}.login-form__quick-login{justify-content:center;align-items:center;display:flex}.login-form__wechat{color:#1d624f;background:#fff;border:1px solid #d8e6de;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 10px 20px #1d624f14}.login-form__wechat:active{transform:scale(.98)}.login-form__wechat-icon{fill:currentColor;width:22px;height:22px}.auth-callback{text-align:center;padding:28px 24px}.auth-callback__icon{color:#1d624f;background:#eaf7f0;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-weight:800;display:grid}.auth-callback__icon.is-error{color:#e85d2a;background:#e85d2a1a}.auth-callback h1{color:#07130f;margin:0 0 18px;font-size:20px;line-height:1.4}@media (width<=640px){.login-page{padding:10px}.login-panel{max-width:100%}.login-panel__header{flex-direction:column;align-items:flex-start}.login-panel__eyebrow--right{text-align:left}.login-panel__header,.login-form{padding-left:16px;padding-right:16px}}.home-page{height:100vh;min-height:100vh;color:var(--text-primary);padding:18px 14px 28px;overflow:hidden}.home-shell{grid-template-rows:auto minmax(0,1fr);width:100%;max-width:1080px;height:100%;margin:0 auto;display:grid}.home-header{justify-content:space-between;align-items:center;gap:16px;padding:6px 2px 16px;display:flex}.home-header__brand{align-items:center;gap:10px;min-width:0;display:flex}.home-header__logo{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:12px;flex:none;width:36px;height:36px;padding:3px;box-shadow:0 8px 18px #10211b0f}.home-header h1{color:var(--text-primary);white-space:nowrap;margin:0;font-size:24px;line-height:1.25}.home-header__actions{flex:none;align-items:center;gap:8px;display:flex}.home-header__order{border:1px solid var(--border);min-height:36px;color:var(--brand);white-space:nowrap;background:#fff;border-radius:18px;flex:none;padding:0 14px;font-size:14px;font-weight:700;line-height:1;box-shadow:0 8px 18px #10211b0f}.home-header__order:active{transform:scale(.98)}.home-header__avatar{border:1px solid var(--border);background:var(--brand);color:#fff;border-radius:50%;flex:none;width:36px;height:36px;font-size:15px;font-weight:900;line-height:1;overflow:hidden;box-shadow:0 8px 18px #10211b14}.home-header__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.home-header__avatar:active{transform:scale(.96)}.home-tabs{border:1px solid var(--border);background:var(--bg-soft);border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 14px;padding:5px;display:grid}.home-tabs__item{min-height:40px;color:var(--text-secondary);white-space:nowrap;border-radius:999px;font-size:15px;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}.home-tabs__item.active{color:var(--brand);background:#fff;box-shadow:0 8px 18px #10211b14}.home-tabs__item:active{transform:scale(.98)}.home-content{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.home-empty{text-align:center;-webkit-overflow-scrolling:touch;place-items:center;min-height:0;padding:28px 12px;display:grid;overflow-y:auto}.home-empty>div{width:100%;max-width:340px}.home-empty h2{color:var(--text-primary);margin:0;font-size:22px;line-height:1.35}.home-empty p{color:var(--text-secondary);margin:10px 0 20px;font-size:14px;line-height:1.6}.home-empty__action{background:var(--brand);color:#fff;border-radius:999px;min-width:136px;min-height:42px;padding:0 18px;font-size:15px;font-weight:800;line-height:1}.home-empty__action:active{transform:scale(.98)}.video-list{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:start;gap:12px;min-height:0;padding-bottom:8px;display:grid;overflow-y:auto}.video-list__state,.video-list__empty{text-align:center;-webkit-overflow-scrolling:touch;align-content:center;place-items:center;gap:14px;min-height:0;padding:28px 12px;display:grid;overflow-y:auto}.video-list__state p,.video-list__empty p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.video-list__state-action{background:var(--brand);color:#fff;border-radius:999px;min-width:108px;min-height:38px;padding:0 14px;font-size:14px;font-weight:800}.video-list__state-action:active{transform:scale(.98)}.video-card{text-align:left;border:1px solid var(--border);background:#fff;border-radius:8px;flex:none;grid-template-rows:auto auto;width:100%;padding:0;display:grid;overflow:hidden;box-shadow:0 10px 24px #10211b12}.video-card:active{transform:scale(.99)}.video-card__media{aspect-ratio:16/9;background:var(--bg-soft);position:relative;overflow:hidden}.video-card__preview{object-fit:cover;background:#07130f;width:100%;height:100%;display:block}.video-card__duration{color:#fff;background:#07130fc7;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1;position:absolute;bottom:8px;right:8px}.video-card__body{gap:8px;padding:12px;display:grid}.video-card__tag{background:var(--brand-soft);width:fit-content;color:var(--brand);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1}.video-card h2{color:var(--text-primary);margin:0;font-size:17px;line-height:1.35}.video-card p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}@media (width<=640px){.home-page{padding:14px 12px 24px}.home-header{padding-bottom:14px}.video-list{flex-direction:column;grid-template-columns:1fr;gap:10px;display:flex}.video-card h2{font-size:16px;line-height:1.35}}.order-page{height:100vh;min-height:100vh;color:var(--text-primary);padding:14px 12px 24px;overflow:hidden}.order-shell{grid-template-rows:auto auto minmax(0,1fr);width:100%;max-width:720px;height:100%;margin:0 auto;display:grid}.order-header{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;padding:2px 0 14px;display:grid}.order-header__back{border:1px solid var(--border);width:36px;height:36px;color:var(--brand);background:#fff;border-radius:50%;font-size:26px;line-height:1;box-shadow:0 8px 18px #10211b0f}.order-header h1{text-align:center;margin:0;font-size:20px;line-height:1.3}.order-summary{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin:0 0 12px;padding:12px;display:flex}.order-summary span{color:var(--text-secondary);font-size:13px;font-weight:700}.order-summary strong{color:var(--brand);font-size:18px}.order-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:10px;min-height:0;padding-bottom:8px;display:flex;overflow-y:auto}.order-state{text-align:center;-webkit-overflow-scrolling:touch;align-content:center;place-items:center;gap:14px;min-height:0;padding:28px 12px;display:grid;overflow-y:auto}.order-state p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.order-state__action{background:var(--brand);color:#fff;border-radius:999px;min-width:108px;min-height:38px;padding:0 14px;font-size:14px;font-weight:800}.order-card{border:1px solid var(--border);background:#fff;border-radius:8px;flex:none;padding:12px;box-shadow:0 10px 24px #10211b12}.order-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.order-card__header p{color:var(--text-secondary);margin:0 0 6px;font-size:12px;line-height:1.4}.order-card h2{color:var(--text-primary);margin:0;font-size:16px;line-height:1.35}.order-card__status{background:var(--brand-soft);color:var(--brand);border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:700;line-height:1}.order-card__status--paid{background:var(--brand-soft);color:var(--brand)}.order-card__status--pending{color:#d4551f;background:#e85d2a1a}.order-card__status--closed{color:#718178;background:#eef2ef}.order-card__status--failed{color:#bd3030;background:#c42d2d1a}.order-card__meta{gap:8px;margin:12px 0;padding:0;display:grid}.order-card__meta div{justify-content:space-between;gap:12px;display:flex}.order-card__meta dt,.order-card__meta dd{margin:0;font-size:13px;line-height:1.5}.order-card__meta dt{color:var(--text-secondary)}.order-card__meta dd{color:var(--text-primary);text-align:right;font-weight:700}.order-card__footer{justify-content:flex-end;display:flex}.order-card__action{background:var(--brand);color:#fff;border-radius:999px;min-width:92px;min-height:36px;padding:0 14px;font-size:14px;font-weight:800}.order-card__action:disabled{cursor:not-allowed;background:#a8b7af}.video-detail-page{height:100vh;min-height:100vh;color:var(--text-primary);padding:14px 12px 0;overflow:hidden}.video-detail-shell{grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:720px;height:100%;margin:0 auto;display:grid}.video-detail-header{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;padding:2px 0 14px;display:grid}.video-detail-header__back{border:1px solid var(--border);width:36px;height:36px;color:var(--brand);background:#fff;border-radius:50%;font-size:26px;line-height:1;box-shadow:0 8px 18px #10211b0f}.video-detail-header h1{text-align:center;margin:0;font-size:20px;line-height:1.3}.video-detail__content{-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;min-height:0;padding-bottom:14px;display:flex;overflow-y:auto}.video-detail__media{aspect-ratio:16/9;background:var(--bg-soft);border-radius:8px;position:relative;overflow:hidden}.video-detail__player{background:#07130f;width:100%;height:100%;display:block}.xigua-video-player,.xigua-video-player .xgplayer{width:100%;height:100%}.xigua-video-player .xgplayer{background:#07130f}.video-detail__info,.video-detail__download,.video-detail-empty{border:1px solid var(--border);background:#fff;border-radius:8px;box-shadow:0 10px 24px #10211b12}.video-detail__info{gap:9px;padding:14px;display:grid}.video-detail__tag{background:var(--brand-soft);width:fit-content;color:var(--brand);border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;line-height:1}.video-detail__info h2{margin:0;font-size:20px;line-height:1.35}.video-detail__info p,.video-detail__download p,.video-detail-empty p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.video-detail__download{gap:8px;padding:14px;display:grid}.video-detail__download div{justify-content:space-between;align-items:center;gap:12px;display:flex}.video-detail__download span{color:var(--text-secondary);font-size:13px;font-weight:700}.video-detail__download strong{color:var(--brand);font-size:22px;line-height:1.2}.video-detail__footer{padding:10px 0 max(14px, env(safe-area-inset-bottom));background:var(--bg);position:sticky;bottom:0}.video-detail__action,.video-detail-empty button{background:var(--brand);color:#fff;border-radius:999px;width:100%;min-height:46px;font-size:16px;font-weight:800;box-shadow:0 12px 24px #309a6b38}.video-detail__action:disabled{opacity:.72}.video-detail-empty{align-self:start;gap:10px;padding:18px 14px;display:grid}.video-detail-empty h2{margin:0;font-size:18px;line-height:1.35}@media (width>=768px){.video-detail-page{padding-top:18px}.video-detail__info h2{font-size:22px}}.profile-page{height:100vh;min-height:100vh;color:var(--text-primary);padding:14px 12px 0;overflow:hidden}.profile-shell{grid-template-rows:auto minmax(0,1fr);width:100%;max-width:720px;height:100%;margin:0 auto;display:grid}.profile-header{grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;padding:2px 0 14px;display:grid}.profile-header__back{border:1px solid var(--border);width:36px;height:36px;color:var(--brand);background:#fff;border-radius:50%;font-size:26px;line-height:1;box-shadow:0 8px 18px #10211b0f}.profile-header h1{text-align:center;margin:0;font-size:20px;line-height:1.3}.profile-content{min-height:0;padding-bottom:max(18px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex-direction:column;gap:12px;display:flex;overflow-y:auto}.profile-card,.profile-fields,.profile-actions,.profile-state{border:1px solid var(--border);background:#fff;border-radius:8px;box-shadow:0 10px 24px #10211b12}.profile-card{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.profile-card__avatar{background:var(--brand-soft);width:64px;height:64px;color:var(--brand);border-radius:50%;place-items:center;font-size:24px;font-weight:900;display:grid;overflow:hidden}.profile-card__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.profile-card__avatar-fallback{line-height:1}.profile-card__body{min-width:0}.profile-card__body h2{margin:0 0 6px;font-size:20px;line-height:1.35}.profile-card__body p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.profile-fields{margin:0;padding:0}.profile-fields div{justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.profile-fields div+div{border-top:1px solid var(--border)}.profile-fields dt,.profile-fields dd{margin:0;font-size:14px;line-height:1.5}.profile-fields dt{color:var(--text-secondary);flex:none}.profile-fields dd{min-width:0;color:var(--text-primary);text-align:right;overflow-wrap:anywhere;font-weight:800}.profile-actions{padding:10px 14px}.profile-actions__logout{color:#d54848;background:#fff5f5;border-radius:999px;width:100%;min-height:44px;font-size:15px;font-weight:800}.profile-state{gap:10px;padding:18px 14px;display:grid}.profile-state h2{margin:0;font-size:18px;line-height:1.35}.profile-state p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.profile-state button{background:var(--brand);color:#fff;border-radius:999px;width:100%;min-height:44px;font-size:15px;font-weight:800}@media (width>=768px){.profile-page{padding-top:18px}}.app-toast{z-index:1000;color:#fff;text-align:center;background:#10211beb;border-radius:999px;max-width:min(320px,100vw - 32px);padding:10px 14px;font-size:13px;line-height:1.5;position:fixed;bottom:42px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #10211b2e}.app-toast--warning{background:#e85d2af0}.app-toast--success{background:#1d624ff0}.app-toast-enter-active,.app-toast-leave-active{transition:opacity .18s,transform .18s}.app-toast-enter-from,.app-toast-leave-to{opacity:0;transform:translate(-50%,8px)}