:root{--theme:#b7e038;--theme-deep:#9fc92d;--theme-strong:#7f9e1e;--bg:#ffffff;--soft:#f7f8fb;--line:#e9ecf2;--text:#222222;--muted:#7f8596;--danger:#f5485d;--content:1120px;--header-height:56px;--sticky-login-space:120px;--topbar-menu-accent:#b1f241;--head-avatar-size:34px;--head-dropdown-gap:8px}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;color:var(--text);background:#fff}a,button,input,select{font-family:inherit}a{color:inherit;text-decoration:none}button{border:0;background:0 0;cursor:pointer}img{display:block;max-width:100%}.page-shell{min-height:100vh;padding-bottom:0}.page-shell:has(+ .sticky-login){padding-bottom:var(--sticky-login-space)}.home-page .page-shell{padding-bottom:0}.topbar{position:fixed;top:0;left:0;right:0;z-index:130;height:var(--header-height);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.topbar-solid{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;margin:0;padding:0 18px 0 12px}.topbar.is-scrolled{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.topbar-actions,.topbar-left{position:relative;z-index:1;display:flex;align-items:center}.topbar-left{flex:0 0 auto;width:260px}.pic-menu-toggle{display:none}.topbar-nav-menu{display:none}.topbar-nav-menu[open] .topbar-nav-trigger-icon img{transform:rotate(180deg)}.topbar-nav-menu summary{list-style:none}.topbar-nav-menu summary::-webkit-details-marker{display:none}.topbar-nav-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#f5f7fb;cursor:pointer}.topbar-nav-trigger-icon,.topbar-nav-trigger-icon img{width:16px;height:16px}.topbar-nav-trigger-icon img{transition:transform .16s ease}.topbar-nav-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:160;display:grid;gap:4px;width:168px;padding:8px;border:1px solid #e5e8ef;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.12)}.topbar-nav-panel::before{content:"";position:absolute;top:-6px;right:11px;width:12px;height:12px;border-top:1px solid #e5e8ef;border-left:1px solid #e5e8ef;background:#fff;transform:rotate(45deg)}.topbar-nav-item{position:relative;z-index:1;display:flex;align-items:center;height:36px;padding:0 10px;border-radius:8px;color:#2b3240;font-size:14px;font-weight:600}.topbar-nav-item.is-active,.topbar-nav-item:hover{background:var(--topbar-menu-accent);color:#1f2317}.brand{display:inline-flex;align-items:center;gap:0}.brand img{display:block;width:auto;height:34px;max-width:160px}.topnav{display:inline-flex;align-items:center;gap:44px;margin-left:auto;margin-right:40px;color:#667085;font-size:14px;font-weight:500}.topnav-link{position:relative;z-index:0;padding:6px 0;transition:color .18s ease}.topnav-link.is-active,.topnav-link:hover{color:#1f232b}.topnav-link.is-active::after{content:"";position:absolute;left:50%;bottom:-3px;z-index:-1;width:calc(100% + 18px);height:24px;background:url("https://img1.zuotuniao.com/web/img/topnav-active-brush.svg") center/100% 100% no-repeat;transform:translateX(-50%)}.login-btn{min-width:92px;height:34px;border-radius:8px;background:#c6ff16;color:#324400;font-size:14px;font-weight:600}.user-head{display:flex;align-items:center;gap:8px}.head-menu{position:relative;display:inline-flex;align-items:center}.head-account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:var(--head-avatar-size);min-height:var(--head-avatar-size);padding:0}.head-menu::after{content:"";position:absolute;top:100%;right:0;width:var(--head-avatar-size);height:var(--head-dropdown-gap)}.head-pill{display:inline-flex;align-items:center;height:30px;border-radius:999px;font-size:12px;font-weight:700;line-height:1}.head-pill img{width:16px;height:16px;flex:0 0 auto}.head-mini-banner-slot{display:inline-flex;align-items:center;min-height:39px}.head-mini-banner-slot[hidden]{display:none}.head-pill-gift{gap:6px;padding:0 14px 0 16px;background:linear-gradient(90deg,#ff6e6c 0,#ff845f 100%);color:#fff}.head-mini-banner-buy-vip{display:inline-flex;align-items:center;justify-content:center;width:250px;height:39px;overflow:hidden;border-radius:999px}.head-mini-banner-buy-vip img{width:100%;height:100%;object-fit:cover}.head-pill-balance strong,.head-pill-gift strong{font-size:13px;line-height:1}.head-pill-balance{position:relative;gap:6px;padding:0 54px 0 10px;background:#ffe9cf;color:#b16d00}.head-recharge{position:absolute;top:50%;right:0;display:inline-flex;align-items:center;justify-content:center;width:52px;height:30px;margin-left:2px;padding:0;border-radius:999px;background:linear-gradient(180deg,#d99108 0,#b97100 100%);color:#fff;font-weight:700;font-size:12px;line-height:1;transform:translateY(-50%)}.head-help{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:2px solid #2d2d2d;border-radius:50%;color:#2d2d2d;font-size:18px;font-weight:500;line-height:1}.head-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--head-avatar-size);height:var(--head-avatar-size);border-radius:50%;background:url("https://img1.zuotuniao.com/web/img/icon-rail-user.svg") center/15px 15px no-repeat,linear-gradient(180deg,#b6ccfb 0,#a8beef 100%);color:transparent;font-size:0;font-weight:700}.head-menu-arrow{display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;background:#f5f7fb}.head-menu-arrow img{width:14px;height:14px}.head-dropdown{position:absolute;top:calc(100% + var(--head-dropdown-gap));right:0;width:min(380px,calc(100vw - 24px));padding:12px;border:1px solid #e5e8ef;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.12)}.head-dropdown::before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;border-top:1px solid #e5e8ef;border-left:1px solid #e5e8ef;background:#fff;transform:rotate(45deg)}.head-dropdown[hidden]{display:none}.head-mobile-nav{display:none}.head-profile{display:flex;align-items:center;gap:8px;margin-bottom:10px}.head-profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 auto;border:1px solid #dfe8f4;border-radius:16px;background:url("https://img1.zuotuniao.com/web/img/icon-rail-user.svg") center/17px 17px no-repeat,linear-gradient(180deg,#eef6ff 0,#dce9f5 100%);color:transparent;font-size:0}.head-profile-copy{min-width:0}.head-profile-copy strong{display:block;margin-bottom:2px;color:#222631;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.head-profile-copy span{display:block;color:#7f8596;font-size:12px;line-height:1.3}.head-profile-id{display:block}.head-profile-id span{display:inline}.head-profile-copy-code{position:relative;top:2px;left:-7px;display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;margin-left:3px;color:#7f8596;transition:color .18s ease,transform .18s ease}.head-profile-copy .head-profile-copy-icon{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px}.head-profile-copy .head-profile-copy-icon-copied{display:none}.head-profile-copy-code.is-copied .head-profile-copy-icon-default{display:none}.head-profile-copy-code.is-copied .head-profile-copy-icon-copied{display:inline-flex}.head-profile-copy-code img{width:13px;height:13px;max-width:none}.head-profile-copy-code.is-copied,.head-profile-copy-code:hover{color:var(--theme-strong)}.head-profile-copy-code:hover .head-profile-copy-icon-default img{filter:invert(51%) sepia(69%) saturate(565%) hue-rotate(34deg) brightness(88%) contrast(89%)}.head-profile-copy-code:active{transform:scale(.94)}.head-profile-feedback{display:inline-flex;align-items:center;gap:4px;height:28px;margin-left:auto;padding:0 8px;border-radius:4px;color:#3c424c;font-size:12px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease,transform .18s ease}.head-profile-feedback:hover{background:#f3f5f8;color:var(--theme-strong);transform:translateY(-1px)}.head-profile-feedback:active{transform:translateY(0)}.head-profile-feedback-icon,.head-profile-feedback-icon img{width:14px;height:14px;flex:0 0 auto}.head-profile-feedback:hover .head-profile-feedback-icon img{filter:invert(51%) sepia(69%) saturate(565%) hue-rotate(34deg) brightness(88%) contrast(89%)}.head-privilege-card{border-radius:8px;margin-bottom:10px;padding:12px 14px;overflow:hidden}.head-privilege-card-blue{border:1px solid #c8efff;background:linear-gradient(120deg,rgba(255,255,255,0) 66%,rgba(255,255,255,.36) 66%),linear-gradient(135deg,#eefcff 0,#cbf0ff 100%)}.head-card-topline{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}.head-card-topline strong{color:#0877ff;font-size:18px;font-weight:800;line-height:1.2}.head-card-topline span{color:#5c83a4;font-size:12px;line-height:1.35;white-space:nowrap}.head-privilege-card p{margin:0 0 10px;color:#4f6f8a;font-size:12px;line-height:1.45}.head-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.head-card-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:30px;padding:0 12px;border-radius:16px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease}.head-card-btn:hover{box-shadow:0 6px 14px rgba(15,23,42,.12);filter:brightness(1.04)}.head-card-btn:active{box-shadow:none;filter:brightness(.98);transform:translateY(0)}.head-card-btn-light{background:#fff;color:#1485e6;box-shadow:inset 0 0 0 1px rgba(20,133,230,.16)}.head-card-btn-primary{background:linear-gradient(180deg,#29b4ff 0,#0788f2 100%);color:#fff}.head-privilege-card-red{padding-top:10px;padding-bottom:10px;background:linear-gradient(90deg,rgba(255,255,255,0) 74%,rgba(255,255,255,.3) 74%),linear-gradient(135deg,#fff1f0 0,#ffd9dc 100%)}.head-vip-lead{display:flex;align-items:center;justify-content:space-between;gap:10px}.head-vip-copy{min-width:0}.head-vip-copy strong{display:flex;align-items:baseline;gap:4px;margin-bottom:7px;color:#ff2f23;font-weight:800;line-height:1.25;white-space:nowrap}.head-vip-copy strong span{font-size:16px}.head-vip-copy strong em{font-style:normal;font-size:12px;font-weight:700}.head-vip-points{margin:0 0 5px;color:#ff6258;font-size:11px;line-height:1.3;white-space:nowrap}.head-vip-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:0 0 132px}.head-card-btn-warm{width:132px;min-width:132px;height:30px;background:linear-gradient(180deg,#ff8f1f 0,#ff382f 100%);color:#fff}.head-card-btn-warm:hover{box-shadow:0 6px 14px rgba(255,80,34,.16);filter:brightness(1.04)}.head-vip-countdown,.head-vip-tagline{color:#ff6258;font-size:11px;line-height:1;white-space:nowrap}.head-vip-countdown{display:flex;gap:3px}.head-vip-countdown b{display:inline-block;width:70px;color:#ff2f23;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:12px;font-variant-numeric:tabular-nums;text-align:left}.head-dropdown-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-top:0}.head-dropdown-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:6px 4px;border-radius:8px;color:#2b3240;font-size:12px;line-height:1.3;text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .18s ease}.head-dropdown-icon,.head-dropdown-icon img{width:18px;height:18px;flex:0 0 auto}.head-dropdown-item:hover{background:#f5f7fb;color:var(--theme-strong);transform:translateY(-1px)}.head-dropdown-item:not(.is-danger):hover .head-dropdown-icon img{filter:invert(51%) sepia(69%) saturate(565%) hue-rotate(34deg) brightness(88%) contrast(89%)}.head-dropdown-item.is-danger{color:#eb4d3d}.head-dropdown-item.is-danger:hover{background:#fff3f0;color:#ff3b30}.head-dropdown-item.is-danger:hover .head-dropdown-icon img{filter:invert(31%) sepia(96%) saturate(1841%) hue-rotate(340deg) brightness(113%) contrast(105%)}.feature-intro,.footer-inner,.hero,.section-block{width:min(calc(100% - 32px),var(--content));margin:0 auto}.hero{position:relative;padding-top:calc(var(--header-height) + 20px);background-image:radial-gradient(#edf0f7 .8px,transparent .8px);background-size:12px 12px}.hero-inner{padding:26px 0 30px}.hero-layout{display:grid;grid-template-columns:460px 500px;justify-content:space-between;align-items:center;gap:0}.eyebrow{display:inline-block;margin-bottom:8px;color:#7a80a0;font-size:12px}.hero-copy h1{margin:0;font-size:42px;line-height:1.18;font-weight:700}.highlight-word{position:relative;display:inline-block;z-index:0;padding:0 .08em}.highlight-word::after{content:"";position:absolute;right:-.1em;bottom:-.05em;left:-.1em;z-index:-1;height:.58em;background:url("https://img1.zuotuniao.com/web/img/underline-highlight.svg") center bottom/100% 100% no-repeat}.hero-copy p{margin:12px 0 0;color:var(--muted);line-height:1.7;font-size:14px}.hero-copy{margin-left:-68px}.hero-visual{position:relative;min-height:280px}.visual-cards{position:relative;height:100%}.visual-card{position:absolute;top:0;width:250px;border-radius:18px;overflow:hidden;border:1px solid #dfe4ef;background:#fff}.visual-card img{width:100%;aspect-ratio:0.84;object-fit:cover}.card-tag{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#444d66;font-size:12px;font-weight:600}.visual-card-back{left:8px;top:18px;transform:rotate(-7deg)}.visual-card-front{left:206px;top:8px;transform:rotate(6deg)}.hero-card{width:100%;max-width:500px;margin-top:24px;padding:18px;border:2px solid var(--theme);border-radius:12px;background:#fff}.hero-card h2{margin:0 0 12px;font-size:18px}.hero-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:158px;border-radius:10px;border:1px dashed #d6deef;background:#fbfcff;text-align:center}.hero-upload img{width:42px;height:42px;margin-bottom:10px}.hero-upload strong{font-size:15px}.hero-upload span{margin-top:6px;color:var(--muted);font-size:12px}.hero-login{width:140px;height:36px;margin-top:14px;border-radius:18px;background:#111;color:#fff;font-size:13px;font-weight:600}.feature-intro,.section-block{padding:44px 0 0}.section-head{text-align:center}.section-head h2{margin:0;font-size:34px;line-height:1.2}.section-head p{max-width:760px;margin:10px auto 0;color:var(--muted);font-size:13px;line-height:1.7}.duo-grid,.triple-grid,.wide-showcase{display:grid;gap:18px;margin-top:26px}.duo-grid,.wide-showcase{grid-template-columns:repeat(2,1fr)}.triple-grid{grid-template-columns:repeat(3,1fr)}.editor-shot,.flat-card,.showcase-card,.simple-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.flat-card img,.showcase-card img,.simple-card img{width:100%;aspect-ratio:1.75;object-fit:cover;background:#f3f4f8}.compare-slider{--pos:52%;position:relative;overflow:hidden;aspect-ratio:1.75;background:#f3f4f8;touch-action:none;user-select:none}.compare-img{width:100%;height:100%;object-fit:cover}.compare-after{filter:saturate(1.05) contrast(1.02)}.compare-before-wrap{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-before{width:100%;height:100%;filter:grayscale(.18) brightness(.94)}.compare-slider::before{content:"";position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:rgba(255,255,255,.92);transform:translateX(-1px)}.compare-label{position:absolute;top:12px;z-index:2;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#444d66;font-size:12px;font-weight:600}.compare-label-left{left:12px}.compare-label-right{right:12px;background:rgba(236,231,255,.96);color:#6f54ff}.compare-handle{position:absolute;top:50%;left:var(--pos);z-index:2;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid rgba(18,18,18,.08);transform:translate(-50%,-50%)}.compare-handle span{position:relative;width:14px;height:14px}.compare-handle span::after,.compare-handle span::before{content:"";position:absolute;top:50%;width:6px;height:6px;border-top:2px solid #7b8091;border-right:2px solid #7b8091}.compare-handle span::before{left:0;transform:translateY(-50%) rotate(-135deg)}.compare-handle span::after{right:0;transform:translateY(-50%) rotate(45deg)}.flat-copy,.showcase-copy{padding:14px 16px 16px}.flat-copy h3,.showcase-copy h3,.simple-card h3{margin:0 0 8px;font-size:18px}.flat-copy p,.showcase-copy p,.simple-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.editor-shot{margin-top:26px}.editor-toolbar{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fafbfe}.editor-toolbar span{width:10px;height:10px;border-radius:50%;background:#d8ddea}.editor-canvas{display:grid;grid-template-columns:1.3fr 280px;min-height:340px}.editor-preview{padding:22px;background:#fff}.editor-preview img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line);border-radius:10px}.editor-panel{padding:18px;border-left:1px solid var(--line);background:#fbfcff}.panel-box,.panel-line{border-radius:8px;background:#eef2f9}.panel-line{height:12px;margin-bottom:12px}.panel-line.short{width:70%}.panel-box{height:98px;margin-top:14px}.simple-card{position:relative;padding-bottom:16px}.simple-card h3,.simple-card p{padding:0 16px}.simple-card h3{margin-top:12px}.simple-badge{position:absolute;top:14px;right:14px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(173,243,44,.92);color:#324400;font-size:12px;font-weight:700}.footer{margin-top:46px;border-top:1px solid #eef1f5;background:#fff}.footer-inner{width:min(calc(100% - 32px),var(--content));margin:0 auto;padding:21px 0 16px}.footer-main{display:flex;align-items:flex-start;justify-content:space-between;gap:48px}.footer-side{display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:0 1 420px;min-width:360px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand img{width:auto;height:30px}.footer-brand span{color:#353b45;font-size:13px;font-weight:400;letter-spacing:.22em;white-space:nowrap}.footer-socials{display:flex;gap:7px}.footer-social{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#f6f7f9;color:#2f3540}.footer-social img{width:17px;height:17px}.footer-social-qrcode{position:absolute;left:50%;bottom:calc(100% + 10px);display:block;width:116px;padding:8px;border:1px solid #eef1f5;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.1);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease}.footer-social-qrcode img{width:100%;height:auto}.footer-social:hover .footer-social-qrcode{opacity:1;transform:translateX(-50%) translateY(0)}.footer-columns{display:grid;grid-template-columns:repeat(4,max-content);justify-content:end;gap:56px;flex:0 1 auto}.footer-column{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.footer-column h3,.footer-column h4{margin:0 0 13px;color:#262b33;font-size:13px;font-weight:700}.footer-column h4{margin-top:9px}.footer-column a{margin-bottom:13px;color:#757d8a;font-size:14px;line-height:1.3}.footer-bottom{margin-top:16px;padding-top:13px;border-top:1px solid #eef1f5}.footer-bottom p{margin:0;color:#a0a6b2;font-size:13px;line-height:1.55;text-align:center}.sticky-login{position:fixed;right:0;bottom:0;left:0;z-index:22;border-top:1px solid var(--line);background:rgba(255,255,255,.98)}.sticky-login-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(calc(100% - 32px),var(--content));min-height:72px;margin:0 auto}.sticky-copy{display:flex;flex-direction:column;gap:5px}.sticky-copy strong{font-size:16px}.sticky-copy span,.sticky-features span{color:var(--muted);font-size:12px}.sticky-features{display:flex;gap:16px}.sticky-action{min-width:98px;height:40px;border-radius:10px;background:#c6ff16;color:#324400;font-weight:600}.modal{position:fixed;inset:0;z-index:200}.modal[hidden]{display:none}.app-toast{position:fixed;left:50%;top:88px;z-index:260;box-sizing:border-box;max-width:min(420px,calc(100vw - 40px));margin:0;padding:10px 18px;border-radius:999px;background:rgba(23,28,36,.92);color:#fff;font-size:13px;font-weight:600;line-height:1.45;text-align:center;box-shadow:0 14px 34px rgba(35,46,65,.18);opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease}.app-toast.is-visible{opacity:1;transform:translate(-50%,0)}.app-toast[hidden]{display:none!important}.modal-overlay{position:fixed;inset:0;background:rgba(18,18,18,.48)}.first-do-modal-shell{display:flex;align-items:center;justify-content:center;padding:16px}.first-do-modal-shell .modal-overlay{background:rgba(0,0,0,.72)}.first-do-modal{--first-do-modal-glow-image:url("https://img1.zuotuniao.com/web/img/mark/first_do.png");position:relative;isolation:isolate;z-index:1;width:min(88vw,520px,calc((100vh - 32px) * 1086 / 1448));animation:first-do-modal-pop .28s cubic-bezier(.2,.9,.28,1.18);transform-origin:center center}.first-do-modal::before{content:"";position:absolute;inset:-9%;z-index:-1;background:var(--first-do-modal-glow-image) center/contain no-repeat;filter:blur(22px);opacity:.58;transform:scale(1.08);mask-image:radial-gradient(ellipse at center,#000 0%,rgba(0,0,0,0.86) 46%,rgba(0,0,0,0.34) 70%,transparent 88%);pointer-events:none}.first-do-modal-share{--first-do-modal-glow-image:url("https://img1.zuotuniao.com/web/img/mark/first_do_share.png");width:min(90vw,580px,calc(100vh - 32px))}.first-do-modal-image{position:relative;z-index:1;width:100%;height:auto;user-select:none}.first-do-modal-action{position:absolute;left:24%;top:69%;width:55%;height:12%;cursor:pointer;z-index:2}.first-do-modal-share .first-do-modal-action{left:18%;top:69%;width:64%;height:13%}@keyframes first-do-modal-pop{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.login-modal{position:fixed;top:50%;left:50%;display:grid;grid-template-columns:280px 450px;width:730px;height:460px;margin:0;border-radius:12px;overflow:hidden;background:#fff;transform:translate(-50%,-50%)}.modal-close{position:absolute;top:10px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#a7a790}.modal-close img{width:20px;height:20px}.login-modal-promo{position:relative;overflow:hidden;background:#b7e038 url("https://img1.zuotuniao.com/web/img/login-tip.png") center/cover no-repeat}.login-gift-count{position:absolute;top:39.4%;left:80.8%;transform:translate(-50%,-50%);color:#0d7d00;font-size:24px;font-weight:700;line-height:1}.login-modal-main{display:flex;align-items:flex-start;justify-content:center;padding:38px 20px 18px}.scan-login{width:100%;max-width:250px;text-align:center}.scan-slogan{margin:20px 0 20px;color:#747474}.scan-slogan p{margin:0;font-size:17px;line-height:1.42;font-weight:500}.scan-slogan p+p{margin-top:4px}.scan-slogan span{color:#7fb500;font-weight:800}.qr-card{position:relative;display:flex;align-items:center;justify-content:center;width:210px;height:210px;margin:0 auto;border-radius:12px;background:#fff;border:1px solid #e7ecd8}.qr-card img{display:block;width:200px;height:200px;object-fit:contain}.qr-card.is-loading img{opacity:.18}.qr-card.is-loading::after{content:"加载中";position:absolute;color:#7b8f00;font-size:14px;font-weight:700}.qr-login-form{margin:0}.scan-agreement,.scan-caption{margin:20px 0 0;color:#7b808c;font-size:12px;line-height:1.55}.scan-caption{color:#535866;font-weight:500}.scan-agreement{margin-top:6px;color:#9aa0ad;word-break:keep-all}.scan-agreement-link{display:inline-block;color:#8a9a70;text-decoration:none;white-space:nowrap}.scan-agreement-link:hover{color:#7d8f5f;text-decoration:none}.vip-modal-shell{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:12px}.vip-modal{position:relative;display:grid;grid-template-columns:640px 290px;align-items:start;width:min(calc(100% - 24px),930px);max-height:calc(100vh - 24px);margin:auto 0;border:1px solid #eceff4;border-radius:22px;overflow:hidden;background:#fff}.vip-modal-close{position:absolute;top:12px;right:12px;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;color:#69707b}.vip-modal-close img{width:18px;height:18px}.app-success-modal-shell{display:flex;align-items:center;justify-content:center;padding:12px}.app-success-modal{position:relative;z-index:1;width:min(calc(100% - 24px),360px);padding:28px 24px 24px;border:1px solid #eceff4;border-radius:18px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(32,36,46,.16)}.app-success-modal h2{margin:0;color:#20242e;font-size:23px;font-weight:700;line-height:1.2}.app-success-modal p{margin:14px 0 22px;color:#535866;font-size:14px;line-height:1.7;white-space:pre-line}.app-success-confirm{min-width:118px;height:42px;border:0;border-radius:21px;background:#b1f241;color:#20242e;font-size:14px;font-weight:700}.vip-modal-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.vip-modal-banner{position:relative;height:92px;padding:0;overflow:hidden}.vip-modal-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vip-modal-heading{position:absolute;left:23px;bottom:28px;z-index:1;margin:0;color:#20242e;font-size:23px;line-height:1.2;letter-spacing:-.01em}.vip-modal-subtitle{position:absolute;left:23px;bottom:10px;z-index:1;margin:0;color:#9aa1ae;font-size:13px;line-height:1.2}.vip-modal-body{flex:0 0 auto;min-height:0;padding:8px 23px 12px;overflow-y:auto}.vip-bean-section h3,.vip-benefits h3{margin:0;color:#20242e}.vip-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:594px;max-width:100%;margin-top:18px}.vip-load-status{display:flex;align-items:center;justify-content:center;width:594px;max-width:100%;min-height:146px;margin:18px 0 0;border:1px dashed #d9dee8;border-radius:18px;background:#fafbfe;color:#8d94a1;font-size:14px;font-weight:600;line-height:1.4;text-align:center}.vip-load-status[hidden]{display:none}.vip-plan-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:146px;padding:16px 14px 30px;border:1px solid #e5e8ef;border-radius:18px;background:#eceff5;color:#232831;text-align:left;overflow:visible;transition:border-color .18s ease,background-color .18s ease}.vip-plan-card.is-active{border-color:rgba(183,224,56,.72);background:#d8ef95}.vip-plan-card::before{content:"";position:absolute;top:1px;right:1px;left:1px;bottom:30px;border-radius:17px 17px 16px 16px;background:linear-gradient(180deg,#fff 0,#f7f9fc 100%);z-index:0}.vip-plan-card.is-active::before{background:linear-gradient(180deg,#fdfff8 0,#f5fbdc 100%)}.vip-plan-badge{position:absolute;top:-1px;right:-1px;display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 12px;border-radius:0 17px 0 8px;background:linear-gradient(180deg,#ff906e 0,#ff5a45 100%);color:#fff;font-size:12px;font-weight:700;line-height:24px;z-index:3}.vip-plan-badge::before{display:none}.vip-plan-duration{position:relative;z-index:1;font-size:14px;font-weight:500;line-height:1.2}.vip-plan-card.is-active .vip-plan-duration,.vip-plan-card.is-active .vip-plan-price{color:#6e8c15}.vip-plan-price-row{position:relative;z-index:1;display:flex;align-items:flex-end;gap:6px;margin-top:25px}.vip-plan-price{font-size:32px;font-weight:700;line-height:.9;letter-spacing:-.04em}.vip-plan-price em{margin-right:3px;font-style:normal;font-size:14px;line-height:1}.vip-plan-origin{color:#9ca2af;font-size:13px;font-weight:700;line-height:1.2;text-decoration:line-through}.vip-plan-summary{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;height:30px;padding:0 8px;border-radius:0 0 18px 18px;color:#adb3bf;font-size:11px;font-weight:600;line-height:1.2;text-align:center;z-index:1}.vip-plan-card.is-active .vip-plan-summary{color:#5f7b0c}.vip-bean-section{margin-top:18px}.vip-bean-heading{display:flex;align-items:center;gap:12px}.vip-bean-section h3,.vip-benefits h3{font-size:15px;font-weight:700;line-height:1.3}.vip-bean-note{color:#9aa1ae;font-size:12px;font-weight:600;line-height:1.3}.vip-bean-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.vip-bean-chip{width:auto;min-width:120px;height:32px;padding:0 12px;border:1px solid #e4e8ef;border-radius:14px;background:#fff;color:#2d313b;font-size:14px;font-weight:600;line-height:30px;transition:border-color .18s ease,color .18s ease}.vip-bean-chip.is-active{border-color:#b7e038;color:#6e8c15;background:#fbfee9}.vip-benefits{margin-top:18px}.vip-benefit-grid{display:grid;grid-template-columns:repeat(3,166px);justify-content:space-between;gap:12px 10px;width:594px;max-width:100%;margin-top:14px}.vip-benefit-card{display:flex;align-items:flex-start;gap:10px;width:185px;min-width:0}.vip-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#fbfee9 0,#eef8bf 100%);color:#7a961c;flex:0 0 auto}.vip-benefit-icon img{width:22px;height:22px;filter:invert(45%) sepia(79%) saturate(467%) hue-rotate(32deg) brightness(92%) contrast(88%)}.vip-benefit-copy{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:4px}.vip-benefit-copy strong{color:#4d5462;font-size:13px;line-height:1.25}.vip-benefit-copy p{margin:0;color:#a0a6b3;font-size:11px;line-height:1.35}.vip-modal-side{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;min-height:100%;padding:16px 16px 124px;border-left:1px solid #eceff4;background:#fff;overflow-y:auto}.vip-side-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#69707b}.vip-side-close img{width:18px;height:18px}.vip-side-price{display:flex;align-items:flex-end;gap:6px;margin-top:68px;color:#ff4c35;line-height:.9}.vip-side-price-unit{padding-bottom:6px;font-size:16px;font-weight:700}.vip-side-price strong{font-size:48px;font-weight:700;letter-spacing:-.05em}.vip-pay-panel{position:relative;width:100%;margin-top:25px;background:0 0}.vip-pay-switch{position:relative;z-index:2;display:block;width:100%;height:50px;margin:0 0;padding:0;background:0 0;border-bottom:0;font-size:0;overflow:visible}.vip-pay-switch::before{content:"";position:absolute;inset:0;background:url("https://img1.zuotuniao.com/web/img/vip/tab.png") left top/100% 100% no-repeat}.vip-pay-switch.is-alipay::before{transform:scaleX(-1)}.vip-pay-switch-option{position:relative;display:inline-block;vertical-align:top;width:50%;top:0;height:50px;padding:0 18px;border:0;background:0 0;color:#6d7480;font-size:12px;font-weight:600;line-height:50px;z-index:1;transition:color .18s ease;overflow:visible;text-align:center}.vip-pay-switch-option:first-child{border-radius:0}.vip-pay-switch-option:last-child{border-radius:0}.vip-pay-switch-option img{display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:-3px}.vip-pay-switch-option span{display:inline-block;vertical-align:top}.vip-pay-switch-option.is-active{color:#2c3340;z-index:2}.vip-pay-switch-option::before{display:none}.vip-qrcode-card{display:block;width:100%;padding:10px 0 16px;border:1px solid #d2d9e3;border-top:1px solid #fff;border-radius:0 0 22px 22px;background:#fff;text-align:center}.vip-qrcode-card canvas,.vip-qrcode-card img{display:inline-block;width:164px;height:164px}.vip-qrcode-render{display:inline-flex;align-items:center;justify-content:center;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.vip-qrcode-render canvas,.vip-qrcode-render img{display:block;border-radius:0}.vip-alipay-frame-box{display:inline-block;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.vip-alipay-frame{display:block;width:148px;height:148px;border:0;outline:0;transform:scale(1.242424);transform-origin:left top}.vip-qrcode-render.is-active{width:164px;height:164px;opacity:1;pointer-events:auto;margin-top:18px;margin-bottom:18px}.vip-alipay-frame-box.is-active{width:164px;height:164px;opacity:1;pointer-events:auto;margin-top:15px;margin-bottom:16px}.vip-qrcode-status{min-height:18px;margin:6px 12px 0;color:#7b8190;font-size:12px;line-height:18px;text-align:center}.vip-qrcode-status[hidden]{display:none}.vip-side-bottom{position:absolute;right:16px;bottom:12px;left:16px;padding-top:0}.vip-agreement{display:block;margin:0;padding-top:0;color:#7b8190;font-size:11px;line-height:1.45;text-align:center}.vip-agreement-link{display:inline;padding:0;color:#7a961c;font-size:11px;line-height:1.45;text-decoration:none}.vip-agreement-link:hover{color:#7a961c}.vip-side-actions{display:grid;grid-template-columns:1fr;gap:0;width:132px;margin:8px auto 0;padding-top:0}.vip-side-action{display:block;height:38px;border:1px solid #dce8a8;border-radius:10px;background:#fff;color:#6e8c15;font-size:11px;font-weight:600;line-height:36px;text-align:center;text-decoration:none}.coin-modal-shell{display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:12px}.coin-modal{position:relative;z-index:1;width:min(calc(100% - 24px),930px);padding:26px 40px 24px;border:1px solid #eceff4;border-radius:22px;background:#fff}.coin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:-26px -40px 0;padding:26px 40px 24px;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#dffbff 0,#f5feff 52%,#fff 100%)}.coin-modal-heading{margin:0;color:#20242e;font-size:23px;font-weight:700;line-height:1.2}.coin-modal-subtitle{margin:8px 0 0;color:#9aa1ae;font-size:13px;line-height:1.4}.coin-card-shell{position:relative;margin-top:28px}.coin-card-shell::after,.coin-card-shell::before{content:"";position:absolute;top:0;bottom:6px;z-index:2;width:46px;pointer-events:none}.coin-card-shell::before{left:0;background:linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%)}.coin-card-shell::after{right:0;background:linear-gradient(270deg,#fff 0,rgba(255,255,255,0) 100%)}.coin-card-shell.is-at-end::after,.coin-card-shell.is-at-start::before{opacity:0}.coin-card-rail{display:flex;gap:22px;overflow-x:auto;padding:0 48px 6px 0;scroll-behavior:smooth;scrollbar-width:none}.coin-card-rail::-webkit-scrollbar{display:none}.coin-load-status{margin:28px 0 0;color:#9aa1ae;font-size:13px;line-height:1.4;text-align:center}.coin-plan-card{flex:0 0 220px}.coin-card-arrow{position:absolute;top:50%;z-index:3;width:38px;height:38px;border:1px solid #e0e5ee;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 8px 18px rgba(31,36,48,.12);transform:translateY(-50%)}.coin-card-arrow[hidden]{display:none}.coin-card-arrow::before{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-top:2px solid #2c3340;border-right:2px solid #2c3340}.coin-card-arrow.is-left{left:0}.coin-card-arrow.is-left::before{transform:translate(-35%,-50%) rotate(-135deg)}.coin-card-arrow.is-right{right:0}.coin-card-arrow.is-right::before{transform:translate(-65%,-50%) rotate(45deg)}.coin-pay-grid{display:grid;grid-template-columns:repeat(2,180px);justify-content:center;gap:110px;margin-top:52px}.coin-pay-item{text-align:center}.coin-pay-code{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:164px;height:164px;margin:0 auto;overflow:hidden;color:#2c3340;font-size:12px;line-height:1.4}.coin-pay-code>img{display:block;width:128px;height:128px}.coin-pay-code .coin-qrcode-render,.coin-pay-code .coin-qrcode-render canvas,.coin-pay-code .coin-qrcode-render img,.coin-pay-code canvas{display:block;width:164px;height:164px;border-radius:0}.coin-pay-code .vip-alipay-frame{flex:0 0 auto}.coin-alipay-frame-box{width:164px;height:164px;overflow:hidden}.coin-alipay-frame-box .vip-alipay-frame{transform:scale(1.242424)}.coin-pay-button{display:inline-block;margin:12px 0 0;color:#2c3340;font-size:12px;font-weight:700;line-height:1.3}.coin-pay-button img{display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:middle}.coin-agreement{margin-top:28px}@media (max-width:1100px){.duo-grid,.editor-canvas,.triple-grid,.wide-showcase{grid-template-columns:1fr}.hero-layout{grid-template-columns:1fr;gap:24px}.hero-copy{order:-1;max-width:520px;margin-left:0}.visual-card{width:220px}.visual-card-back{left:18px}.visual-card-front{left:188px}.sticky-login-inner{flex-wrap:wrap;justify-content:center;padding:12px 0}.vip-modal{width:min(calc(100% - 20px),930px)}}@media (max-width:1280px){.topbar{height:var(--header-height);min-height:var(--header-height)}.topbar-inner{flex-wrap:nowrap;padding:0 12px}.topbar-left{width:auto;gap:8px}.brand img{height:34px;max-width:160px}.topbar-actions{gap:8px}.topbar-nav-menu[open] .topbar-nav-trigger-icon img{transform:rotate(180deg)}.topbar-nav-menu summary{list-style:none}.topbar-nav-menu summary::-webkit-details-marker{display:none}.topbar-nav-trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#f5f7fb;cursor:pointer}.topbar-nav-trigger-icon,.topbar-nav-trigger-icon img{width:16px;height:16px}.topbar-nav-trigger-icon img{transition:transform .16s ease}.topbar-nav-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:160;display:grid;gap:4px;width:168px;padding:8px;border:1px solid #e5e8ef;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.12)}.topbar-nav-panel::before{content:"";position:absolute;top:-6px;right:11px;width:12px;height:12px;border-top:1px solid #e5e8ef;border-left:1px solid #e5e8ef;background:#fff;transform:rotate(45deg)}.topbar-nav-item{position:relative;z-index:1;display:flex;align-items:center;height:36px;padding:0 10px;border-radius:8px;color:#2b3240;font-size:14px;font-weight:600}.topbar-nav-item.is-active,.topbar-nav-item:hover{background:var(--topbar-menu-accent);color:#1f2317}.app-pic-page .pic-menu-toggle,.app-tool-page .pic-menu-toggle{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:8px;background:#f5f7fb}.app-pic-page .pic-menu-toggle-lines,.app-pic-page .pic-menu-toggle-lines::after,.app-pic-page .pic-menu-toggle-lines::before,.app-tool-page .pic-menu-toggle-lines,.app-tool-page .pic-menu-toggle-lines::after,.app-tool-page .pic-menu-toggle-lines::before{display:block;width:16px;height:2px;border-radius:999px;background:#2b3038}.app-pic-page .pic-menu-toggle-lines,.app-tool-page .pic-menu-toggle-lines{position:relative}.app-pic-page .pic-menu-toggle-lines::after,.app-pic-page .pic-menu-toggle-lines::before,.app-tool-page .pic-menu-toggle-lines::after,.app-tool-page .pic-menu-toggle-lines::before{content:"";position:absolute;left:0}.app-pic-page .pic-menu-toggle-lines::before,.app-tool-page .pic-menu-toggle-lines::before{top:-6px}.app-pic-page .pic-menu-toggle-lines::after,.app-tool-page .pic-menu-toggle-lines::after{top:6px}.app-pic-page .pic-entry-rail,.app-tool-page .tool-entry-rail{position:fixed;top:var(--header-height);left:0;z-index:120;width:50vw;height:calc(100vh - var(--header-height));max-width:320px;overflow-y:auto;border-right:0;border-bottom:0;box-shadow:none;transform:translateX(-100%);transition:transform .18s ease}.app-pic-page.pic-menu-open .pic-entry-rail,.app-tool-page.pic-menu-open .tool-entry-rail{border-right:1px solid #eceff3;box-shadow:16px 0 32px rgba(15,23,42,.12);transform:translateX(0)}.head-mini-banner-slot{display:none}.head-account-trigger{gap:2px;padding-left:2px}}@media (max-width:900px){.user-head{gap:8px}.head-dropdown{right:-4px}.head-pill-gift span{display:none}.hero-copy h1{font-size:34px}.hero-card{width:100%;max-width:360px}.login-modal{position:relative;top:auto;left:auto;transform:none;grid-template-columns:1fr;width:min(calc(100% - 20px),520px);height:auto;min-height:0;margin:20px auto}.login-modal-main{padding:28px 20px 26px}.vip-modal{position:relative;grid-template-columns:1fr;width:min(calc(100% - 20px),740px);max-height:none;margin:24px auto}.vip-modal-main{border-bottom:1px solid #f0f2f6}.vip-modal-side{border-left:0}.vip-side-price{margin-top:22px}.vip-side-actions{margin-top:24px;padding-top:0}}@media (max-width:640px){:root{--header-height:44px}.topnav{display:none}.topbar-nav-menu{position:relative;display:block;flex:0 0 auto}.topbar-inner{padding:0 10px}.topbar-left{gap:6px}.brand img{height:26px;max-width:122px}.login-btn{min-width:78px;height:28px;border-radius:7px;font-size:12px}.topbar-actions{gap:6px}.head-pill-balance{gap:5px;padding-left:8px;padding-right:54px}.head-recharge{height:28px;font-size:12px}.topbar-nav-trigger{width:28px;height:28px;border-radius:7px}.topbar-nav-trigger-icon,.topbar-nav-trigger-icon img{width:14px;height:14px}.feature-intro,.footer-inner,.hero,.section-block,.sticky-login-inner{width:calc(100% - 20px)}.hero-layout{grid-template-columns:1fr;gap:20px}.hero-visual{min-height:220px}.visual-card{width:168px}.visual-card-back{left:10px}.visual-card-front{left:136px}.hero-copy h1,.section-head h2{font-size:30px}.sticky-features{flex-wrap:wrap}.page-shell{padding-top:0}.head-menu::after{width:var(--head-avatar-size)}.head-dropdown{position:fixed;top:calc(var(--header-height) + 8px);left:50%;right:auto;width:min(calc(100vw - 20px),390px);padding:12px;transform:translateX(-50%)}.head-dropdown::before{display:none}.head-card-actions,.head-card-topline{align-items:flex-start;flex-direction:column}.head-card-actions{gap:10px}.head-card-btn{width:auto}.head-dropdown-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.head-dropdown-item{width:64px;min-height:44px;padding:4px 2px;gap:3px;font-size:11px}.head-dropdown-icon,.head-dropdown-icon img{width:16px;height:16px}.hero{padding-top:calc(var(--header-height) + 72px)}.footer-main{flex-direction:column;align-items:center;gap:0}.footer-side{flex:0 0 auto;align-items:center;width:100%;min-width:0}.footer-brand{flex-direction:column;gap:8px}.footer-brand span{letter-spacing:0;text-align:center}.footer-columns,.footer-socials{display:none}.footer-bottom{margin-top:14px;padding-top:12px}.footer-bottom p{font-size:9px;line-height:1.6}.section-head,.sticky-copy{text-align:left}.vip-modal-shell{display:block;padding:20dvh 0 0}.vip-modal{display:block;position:relative;width:100%;max-width:none;height:80dvh;max-height:80dvh;margin:0;padding-bottom:120px;border-right:0;border-left:0;border-radius:18px 18px 0 0;overflow-x:hidden;overflow-y:auto}.vip-modal-close{display:block;top:10px;right:auto;left:10px;width:32px;height:32px;line-height:30px;border:1px solid #e6ebf3;background:rgba(255,255,255,.92);box-shadow:0 6px 16px rgba(33,38,49,.12)}.vip-modal-close img{width:16px;height:16px;vertical-align:middle}.vip-modal-main{display:block;height:auto;padding-bottom:0;overflow:visible;border-bottom:0}.vip-modal-banner{height:auto;padding:0}.vip-modal-banner-image{position:static;display:block;height:auto;object-fit:contain;z-index:0}.vip-modal-heading{left:54px;bottom:22px;z-index:1;font-size:18px}.vip-modal-subtitle{left:54px;bottom:7px;z-index:1;font-size:12px}.vip-modal-body{padding:4px 12px 18px;overflow:visible}.vip-plan-grid{display:block;width:auto;max-width:none;margin-top:4px;padding:0 2px 8px 0;font-size:0;white-space:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.vip-plan-grid::-webkit-scrollbar{display:none}.vip-plan-card{display:inline-block;vertical-align:top;width:154px;height:142px;min-height:0;margin-right:10px;padding:8px 11px 30px;border-radius:16px;scroll-snap-align:start}.vip-plan-card::before{bottom:28px;border-radius:15px 15px 14px 14px}.vip-plan-badge{height:22px;padding:0 10px;border-radius:0 15px 0 8px;font-size:11px;line-height:22px}.vip-plan-duration{display:block;font-size:13px}.vip-plan-price-row{display:block;margin-top:16px}.vip-plan-price{font-size:34px}.vip-plan-origin{font-size:12px}.vip-plan-summary{height:28px;padding:0 6px;border-radius:0 0 16px 16px;font-size:10px;line-height:1.15;white-space:normal}.vip-bean-heading{gap:8px}.vip-bean-note{font-size:11px}.vip-bean-grid{display:block;margin-top:10px;font-size:0}.vip-bean-chip{display:inline-block;vertical-align:top;width:calc(50% - 4px);min-width:0;height:38px;margin:0 8px 8px 0;padding:0 8px;border-radius:12px;font-size:13px;line-height:1.15;white-space:normal}.vip-bean-chip:nth-child(2n){margin-right:0}.vip-benefits{margin-top:16px}.vip-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:12px;width:auto;margin-top:10px}.vip-benefit-card{position:relative;display:block;width:auto;min-height:34px;margin-bottom:0;padding-left:42px}.vip-benefit-icon{position:absolute;top:0;left:0;display:block;width:34px;height:34px}.vip-benefit-icon img{position:absolute;top:50%;left:50%;display:block;width:18px;height:18px;transform:translate(-50%,-50%)}.vip-benefit-copy{display:block;width:auto;margin-left:0;padding-top:1px}.vip-benefit-copy strong{font-size:12px}.vip-benefit-copy p{font-size:10px}.vip-modal-side{position:fixed;right:0;bottom:0;left:0;display:block;z-index:4;min-height:0;padding:13px 12px 9px;border-top:1px solid #e4e9f0;border-left:0;background:#fff;box-shadow:0 -10px 28px rgba(34,39,49,.12);overflow:visible}.vip-side-price{display:block;width:max-content;margin:-34px -12px 8px auto;padding:6px 13px 7px 24px;border-radius:18px 0 0 18px;background:#fff;color:#ff4c35;clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);box-shadow:0 -5px 14px rgba(34,39,49,.08)}.vip-side-price-unit{display:inline-block;vertical-align:baseline;padding-bottom:3px;font-size:11px}.vip-side-price strong{display:inline-block;vertical-align:baseline;font-size:30px;letter-spacing:-.03em}.vip-pay-panel{margin-top:0}.vip-pay-switch{display:block;height:42px;font-size:0;white-space:nowrap}.vip-pay-switch::before{display:none}.vip-pay-switch-option{top:auto;display:inline-block;vertical-align:top;width:calc(50% - 5px);height:42px;padding:0 8px;border-radius:8px;color:#fff;font-size:14px;font-weight:700;line-height:42px;text-align:center}.vip-pay-switch-option:first-child{margin-right:10px;border-radius:8px;background:#09bb4f}.vip-pay-switch-option:last-child{border-radius:8px;background:#12a8df}.vip-pay-switch-option img{display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:middle}.vip-pay-switch-option:first-child img{content:url("https://img1.zuotuniao.com/web/img/vip/wechatPay.svg")}.vip-pay-switch-option:last-child img{content:url("https://img1.zuotuniao.com/web/img/vip/alipay.svg")}.vip-pay-switch-option span{line-height:42px;vertical-align:middle}.vip-pay-switch-option.is-active{color:#fff}.vip-qrcode-card{display:none}.vip-side-bottom{position:static;margin-top:5px}.vip-agreement,.vip-agreement-link{font-size:9px;line-height:1.35}.vip-qrcode-card canvas,.vip-qrcode-card img{width:154px;height:154px}.vip-qrcode-render.is-active{width:154px;height:154px}.vip-alipay-frame-box.is-active{width:154px;height:154px}.vip-alipay-frame{transform:scale(1.166667)}.vip-side-actions{width:132px;grid-template-columns:1fr;gap:0}.vip-side-action{height:48px}.coin-modal-shell{padding:10px}.coin-modal{width:min(calc(100% - 20px),520px);padding:22px 16px 20px}.coin-modal-head{margin:-22px -16px 0;padding:22px 16px 20px}.coin-modal-heading{font-size:19px}.coin-card-rail{gap:12px;padding-right:42px;padding-left:0}.coin-plan-card{flex-basis:190px}.coin-pay-grid{display:block;margin-top:28px}.coin-pay-item{display:block}.coin-pay-item+.coin-pay-item{margin-top:10px}.coin-pay-code{display:none}.coin-pay-button{display:block;width:100%;height:42px;margin:0;padding:0 12px;border-radius:8px;color:#fff;font-size:14px;font-weight:700;line-height:42px;text-align:center}.coin-pay-button[data-coin-pay-option=wechat]{background:#09bb4f}.coin-pay-button[data-coin-pay-option=alipay]{background:#1aa8d1}.coin-pay-button img{display:inline-block;width:16px;height:16px;margin-right:6px;vertical-align:middle}.coin-pay-button[data-coin-pay-option=wechat] img{content:url("https://img1.zuotuniao.com/web/img/vip/wechatPay.svg")}.coin-pay-button[data-coin-pay-option=alipay] img{content:url("https://img1.zuotuniao.com/web/img/vip/alipay.svg")}}