@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}.auth-modal{border-radius:var(--r-lg);width:420px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);padding:var(--sp-32) var(--sp-32) var(--sp-24);background:#fff;animation:.24s cubic-bezier(.34,1.56,.64,1) auth-pop-in;position:relative;overflow-y:auto;box-shadow:0 24px 60px #141e5038}@keyframes auth-pop-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-close{width:32px;height:32px;font-size:var(--fs-24);color:var(--text-4);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;font-family:inherit;line-height:1;transition:background .14s,color .14s;position:absolute;top:12px;right:14px}.auth-close:hover{color:var(--text-prototype);background:#f5f5f7}.auth-back{font-size:var(--fs-13);color:var(--text-3);cursor:pointer;padding:var(--sp-4) var(--sp-8);border-radius:var(--r-sm);background:0 0;border:none;font-family:inherit;position:absolute;top:14px;left:14px}.auth-back:hover{color:var(--text-prototype);background:#f5f5f7}.auth-step{gap:var(--sp-16);flex-direction:column;display:flex}.auth-brand-wrap{align-items:center;gap:var(--sp-12);margin-bottom:var(--sp-8);flex-direction:column;display:flex}.auth-brand-logo{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--brand-from) 0%, var(--brand-to) 100%);color:#fff;width:52px;height:52px;font-size:var(--fs-24);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 22px #1454ff59}.auth-brand-logo-img{object-fit:contain;width:48px;height:48px;display:block}.auth-brand-title{font-size:var(--fs-14);color:var(--text-3);font-weight:500}.auth-success-icon{color:#fff;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;font-weight:700;display:flex;box-shadow:0 8px 22px #22c55e59}.auth-heading{font-size:var(--fs-20);color:var(--text-prototype);text-align:center;letter-spacing:-.01em;margin:0;font-weight:700}.auth-sub{font-size:var(--fs-13);color:var(--text-3);text-align:center;margin:0;line-height:1.5}.auth-notice{color:#4458d2;font-size:var(--fs-12);padding:var(--sp-12) var(--sp-12);border-radius:var(--r-sm);margin:var(--sp-4) 0 var(--sp-8);background:linear-gradient(90deg,#1454ff14,#8b7cff14);border:1px solid #1454ff33;line-height:1.6}.auth-btn{border-radius:var(--r-md);width:100%;height:44px;font-size:var(--fs-14);cursor:pointer;justify-content:center;align-items:center;gap:var(--sp-8);border:none;font-family:inherit;font-weight:600;transition:filter .14s,transform 60ms;display:flex}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn:not(:disabled):hover{filter:brightness(1.05)}.auth-btn:not(:disabled):active{transform:translateY(1px)}.auth-btn-wechat{color:#fff;background:#07c160;box-shadow:0 4px 14px #07c16047}.auth-btn-phone{color:var(--text-prototype);border:1.5px solid var(--border-prototype);background:#fff}.auth-btn-phone:hover{border-color:var(--brand-from);color:var(--brand-from)}.auth-btn-submit{background:linear-gradient(135deg, var(--brand-from) 0%, var(--brand-to) 100%);color:#fff;margin-top:var(--sp-8);box-shadow:0 4px 14px #1454ff47}.auth-wx-icon{font-size:var(--fs-16)}.auth-divider{align-items:center;gap:var(--sp-12);margin:var(--sp-4) 0;color:var(--text-4);font-size:var(--fs-11);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--text-5);flex:1;height:1px}.auth-link-btn{color:var(--text-3);font-size:var(--fs-13);cursor:pointer;padding:var(--sp-8) 0;text-decoration:underline;-webkit-text-decoration-color:var(--text-5);text-decoration-color:var(--text-5);text-underline-offset:3px;background:0 0;border:none;font-family:inherit}.auth-link-btn:hover{color:var(--brand-from);-webkit-text-decoration-color:var(--brand-from);text-decoration-color:var(--brand-from)}.auth-terms{font-size:var(--fs-11);color:var(--text-4);text-align:center;margin-top:var(--sp-4);line-height:1.6}.auth-terms a{color:var(--brand-from);cursor:pointer;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-qr-wrap{align-items:center;gap:var(--sp-12);margin:var(--sp-12) 0;flex-direction:column;display:flex}.auth-qr{width:200px;height:200px;padding:var(--sp-12);border:1.5px solid var(--border-light);border-radius:var(--r-lg);background:#fff;position:relative;box-shadow:0 6px 18px #0000000f}.auth-qr-grid{grid-template-columns:repeat(25,1fr);gap:0;width:100%;height:100%;display:grid}.auth-qr-cell{background:#fff}.auth-qr-cell.on{background:#1a1a1a}.auth-qr-overlay{border-radius:var(--r-lg);justify-content:center;align-items:center;gap:var(--sp-8);color:#fff;background:#07c160f5;flex-direction:column;animation:.28s ease-out auth-qr-success;display:flex;position:absolute;inset:0}@keyframes auth-qr-success{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.auth-qr-check{width:56px;height:56px;font-size:var(--fs-32);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.auth-qr-text{font-size:var(--fs-14);font-weight:600}.auth-qr-status{font-size:var(--fs-12);color:var(--text-3)}.auth-qr-tip{font-size:var(--fs-11);color:var(--text-4);text-align:center;margin-top:var(--sp-4)}.auth-field{gap:var(--sp-8);flex-direction:column;display:flex}.auth-field label{font-size:var(--fs-12);color:var(--text-2);font-weight:500}.auth-field input{border:1.5px solid var(--border-prototype);border-radius:var(--r-sm);width:100%;height:40px;padding:0 var(--sp-12);font-size:var(--fs-14);background:#fff;outline:none;font-family:inherit;transition:border-color .14s}.auth-field input:focus{border-color:var(--brand-from)}.auth-field-row{gap:var(--sp-8);display:flex}.auth-field-row input{flex:1}.auth-send-btn{height:40px;padding:0 var(--sp-16);border:1.5px solid var(--border-prototype);border-radius:var(--r-sm);font-size:var(--fs-12);color:var(--text-2);cursor:pointer;white-space:nowrap;background:#f5f5f7;flex-shrink:0;font-family:inherit;transition:border-color .14s,color .14s}.auth-send-btn:not(:disabled):hover{border-color:var(--brand-from);color:var(--brand-from)}.auth-send-btn:disabled{opacity:.5;cursor:not-allowed}.wxbind-banner{align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border-radius:var(--r-md);font-size:var(--fs-13);color:#2d6e4e;margin-bottom:var(--sp-16);background:linear-gradient(90deg,#07c16014,#07c1600a);border:1px solid #07c16033;display:flex}.wxbind-banner-ic{font-size:var(--fs-16);flex-shrink:0}.wxbind-banner-text{flex:1}.wxbind-banner-cta{height:30px;padding:0 var(--sp-16);color:#fff;border-radius:var(--r-sm);font-size:var(--fs-12);cursor:pointer;white-space:nowrap;background:#07c160;border:none;font-family:inherit;font-weight:600;transition:filter .14s}.wxbind-banner-cta:hover{filter:brightness(1.05)}.wxbind-banner-close{color:var(--text-3);font-size:var(--fs-20);cursor:pointer;padding:var(--sp-4) var(--sp-8);border-radius:var(--r-sm);background:0 0;border:none;font-family:inherit;line-height:1;transition:background .14s,color .14s}.wxbind-banner-close:hover{color:var(--text-prototype);background:#0000000f}
.work-modal{border-radius:var(--r-lg);background:#fff;width:920px;max-width:100%;max-height:calc(100vh - 48px);animation:.24s cubic-bezier(.34,1.56,.64,1) auth-pop-in;position:relative;overflow:hidden;box-shadow:0 28px 80px #0006}.work-close{width:36px;height:36px;font-size:var(--fs-24);color:var(--text-3);cursor:pointer;z-index:10;background:#0000000f;border:none;border-radius:50%;font-family:inherit;line-height:1;transition:background .14s,color .14s;position:absolute;top:14px;right:16px}.work-close:hover{color:var(--text-prototype);background:#0000001f}.work-grid{grid-template-columns:360px 1fr;height:600px;display:grid}.work-video{padding:var(--sp-24);justify-content:center;align-items:center;gap:var(--sp-16);background:#0a0e1e;flex-direction:column;display:flex}.work-video-screen{aspect-ratio:9/16;border-radius:var(--r-sm);background:linear-gradient(160deg,#1a2440,#0f1830);justify-content:center;align-items:center;width:100%;max-width:280px;display:flex;position:relative;overflow:hidden}.work-video-play{width:60px;height:60px;font-size:var(--fs-24);color:#fff;cursor:pointer;background:#ffffff2e;border:2px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;transition:background .14s;display:flex}.work-video-play:hover{background:#ffffff47}.work-video-sub{text-align:center;font-size:var(--fs-12);color:#fff;padding:var(--sp-4) var(--sp-8);background:#0009;border-radius:3px;font-weight:700;position:absolute;bottom:14px;left:10px;right:10px}.work-video-prog{background:#ffffff26;height:3px;position:absolute;bottom:0;left:0;right:0}.work-video-prog-fill{background:#fff;width:32%;height:100%}.work-video-platform{position:absolute;top:10px;left:10px}.work-video-ctrl{align-items:center;gap:var(--sp-12);color:#ffffffb3;font-size:var(--fs-12);display:flex}.work-ctrl-btn{cursor:pointer;width:28px;height:28px;font-size:var(--fs-16);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;transition:background .14s;display:flex}.work-ctrl-btn:hover{background:#ffffff29}.work-ctrl-play{cursor:pointer;width:36px;height:36px;font-size:var(--fs-14);color:#fff;background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;display:flex}.work-ctrl-time{font-size:var(--fs-11);font-variant-numeric:tabular-nums;color:#fff9}.work-info{padding:var(--sp-24) var(--sp-24) var(--sp-24);flex-direction:column;display:flex;overflow-y:auto}.work-title{font-size:var(--fs-20);color:var(--text-prototype);margin-bottom:var(--sp-8);font-weight:700}.work-source{font-size:var(--fs-12);color:var(--text-3);margin-bottom:var(--sp-24)}.work-meta{border-radius:var(--r-md);padding:var(--sp-16) var(--sp-16);margin-bottom:var(--sp-24);background:#f8f9fc}.work-meta-row{padding:var(--sp-8) 0;font-size:var(--fs-12);justify-content:space-between;align-items:center;display:flex}.work-meta-lbl{color:var(--text-3)}.work-meta-val{color:var(--text-prototype);font-weight:500}.work-meta-num{font-variant-numeric:tabular-nums;color:var(--brand-from);font-weight:600}.work-meta-divider{background:var(--border-prototype);height:1px;margin:var(--sp-8) 0}.work-actions{gap:var(--sp-12);margin-bottom:var(--sp-24);display:flex}.work-btn{border-radius:var(--r-sm);height:42px;font-size:var(--fs-13);cursor:pointer;border:none;flex:1;font-family:inherit;font-weight:600;transition:filter .14s}.work-btn:hover{filter:brightness(1.05)}.work-btn-ghost{border:1.5px solid var(--border-prototype);color:var(--text-2);background:#fff}.work-btn-ghost:hover{border-color:var(--brand-from);color:var(--brand-from)}.work-btn-primary{background:linear-gradient(135deg, var(--brand-from), var(--brand-to));color:#fff;box-shadow:0 4px 14px #1454ff47}.work-platforms-lbl{font-size:var(--fs-12);color:var(--text-3);margin-bottom:var(--sp-8)}.work-platforms-list{gap:var(--sp-8);display:flex}.work-plat-btn{border-radius:var(--r-sm);height:36px;font-size:var(--fs-12);cursor:pointer;background:#fff;border:1.5px solid;flex:1;font-family:inherit;font-weight:600;transition:background .14s,color .14s}.work-plat-btn:hover{filter:brightness(.96)}@media (max-width:768px){.work-grid{grid-template-columns:1fr;height:auto}.work-video,.work-info{padding:var(--sp-24)}}