.arcade-container{container-type:inline-size}.arcade-box{--arcade-ratio:var(--arcade-desktop-percent,56.25%);height:min(calc(100cqw * var(--arcade-desktop-ratio,.5625) + 41px), calc(100dvh - 176px))}@media (width<=63.999rem){.arcade-collection{--arcade-ratio:125%;height:min(125cqw + 41px,100dvh - 176px)}}@media (width>=64rem){.arcade-collection{--arcade-ratio:var(--arcade-desktop-percent,62.5%);height:min(calc(100cqw * var(--arcade-desktop-ratio,.625) + 41px), calc(100dvh - 176px));min-height:min(480px,100dvh - 176px)}}.move-detail-content{padding-bottom:calc(var(--move-action-height,0px) + env(safe-area-inset-bottom) + var(--radius-sheet))}.move-detail-action{margin-bottom:env(safe-area-inset-bottom)}@media (width>=64rem){.move-detail-content{padding-bottom:0}.move-detail-action{margin-bottom:0}}@supports not (height:1cqw){.arcade-box{height:0;padding-bottom:calc(var(--arcade-ratio) + 41px)}}.arcade-frame{opacity:0;transition:opacity .2s ease-out}.arcade-frame-loaded{opacity:1}.arcade-complete-pulse{animation:.3s ease-out arcade-complete-pulse}@keyframes arcade-complete-pulse{50%{box-shadow:var(--shadow-halo-hover)}}.arcade-shimmer:after{content:"";background:var(--brand);animation:1.5s ease-in-out infinite arcade-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes arcade-shimmer{to{transform:translate(100%)}}.arcade-box:fullscreen{background:var(--ink);width:100%;height:100%;min-height:0}@media (prefers-reduced-motion:reduce){.arcade-frame{transition:none}.arcade-shimmer:after,.arcade-complete-pulse{animation:none}}.tips-demo{--blue:var(--brand);--orange:var(--warning);--green:var(--success);--sub:var(--ink-60);--mute:var(--ink-40);--pale:var(--pale);--blue-deep:var(--brand);--line:var(--brand-20);--r-card:var(--radius-card);--dur:11s;--font:var(--font-quick);width:100%;font-family:var(--font);overflow:hidden}.tips-demo .demo,.tips-demo .demo2,.tips-demo .demo3{isolation:isolate;border-radius:var(--r-card);width:100%;height:300px;box-shadow:inset 0 0 0 1px var(--line), 0 34px 70px -36px #11459057;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden}.tips-demo #viewport{background:var(--page-grad);position:absolute;inset:0;overflow:hidden}.tips-demo #viewport.theme-light{--page-grad:linear-gradient(180deg, #fff 0%, #f3f6ff 42%, #ebf0ff 100%);--stage-grad:linear-gradient(180deg, #fff 0%, #ebf0ff 100%);--card:#fff;--card-2:#fbfcff;--bd:#2168d133;--bd-2:#2168d11f;--text:#101010;--sub:#10101099;--mute:#94a2b8;--mute-2:#b4bece;--soft:var(--pale);--soft-bd:#2168d133;--soft-bd-2:#2168d124;--blue-text:#114590;--grid:#2168d10f;--shadow:0 30px 60px -30px #1145904d, 0 10px 24px -16px #1145902e;--glass:none;--accent:#2168d1;--label:#90b3e8;--spark:#f6981d;--line-base:#2168d12e;--line-bg:#2168d11a;--flow-1:#2168d1;--flow-2:#3b79d6;--flow-3:#f6981d;--green-soft:#c7e8cf;--amber:#c77a12;--amber-soft:#f6981d24;--amber-bd:#f6981d66}.tips-demo #viewport.theme-dark{--page-grad:radial-gradient(125% 125% at 50% -10%, #1d1d1d 0%, #141414 52%, #0c0c0c 100%);--stage-grad:radial-gradient(120% 95% at 16% 8%, #232323 0%, #161616 46%, #0e0e0e 100%);--card:#222222b8;--card-2:#ffffff08;--bd:#ffffff1a;--bd-2:#ffffff0f;--text:#f4f6fb;--sub:#a9b4c6;--mute:#74829a;--mute-2:#5c6678;--soft:#2922e529;--soft-bd:#3f8af55c;--soft-bd-2:#3f8af542;--blue-text:#9cc0f2;--grid:#82aaeb12;--shadow:0 40px 90px -34px #000c, 0 14px 34px -18px #000000a6;--glass:blur(16px) saturate(1.25);--accent:#6aa0f2;--label:#8cb4f073;--spark:#ffb454;--line-base:#78a5eb42;--line-bg:#78a5eb1a;--flow-1:#3f8af5;--flow-2:#5c92e8;--flow-3:#ffb454;--green-soft:#1fbb3838;--amber:#ffb454;--amber-soft:#f6981d2e;--amber-bd:#f6981d6b}.tips-demo #stage{transform-origin:0 0;background:var(--stage-grad);width:1280px;height:720px;position:absolute;top:0;left:0;overflow:hidden}.tips-demo .grid{background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 45%,#000 55%,#0000 100%);mask-image:radial-gradient(120% 80% at 50% 45%,#000 55%,#0000 100%)}.tips-demo .bg-svg{width:100%;height:100%;position:absolute;inset:0}.tips-demo .glow{filter:blur(64px);pointer-events:none;animation:drift calc(var(--dur) * 2.4) ease-in-out infinite;border-radius:50%;position:absolute}.tips-demo .glow.a{background:radial-gradient(circle,#2168d14d,#0000 70%);width:540px;height:540px;top:-150px;left:-130px}.tips-demo .glow.b{background:radial-gradient(circle,#2922e538,#0000 70%);width:580px;height:580px;animation-delay:-3s;bottom:-190px;right:-170px}.tips-demo .theme-dark .glow.a{background:radial-gradient(circle,#2168d16b,#0000 70%)}.tips-demo .theme-dark .glow.b{background:radial-gradient(circle,#2922e557,#0000 70%)}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(26px,-18px)scale(1.08)}}.tips-demo .cap-wrap{text-align:center;z-index:8;height:88px;position:absolute;top:40px;left:0;right:0}.tips-demo .pill{background:var(--card);box-shadow:inset 0 0 0 1px var(--soft-bd), var(--shadow);color:var(--blue-text);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border-radius:99px;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.tips-demo .pill .dot{background:var(--spark);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 4px #f6981d33}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #f6981d38}50%{box-shadow:0 0 0 7px #f6981d00}}.tips-demo .caps{height:64px;margin-top:14px;position:relative}.tips-demo .cap{opacity:0;letter-spacing:-.01em;width:940px;color:var(--text);font-size:28px;font-weight:500;line-height:1.12;transition:opacity .5s,transform .5s;position:absolute;top:0;left:50%;transform:translate(-50%,10px)}.tips-demo .cap b{color:var(--accent);font-weight:500}.tips-demo .cap .amb{color:var(--amber)}.tips-demo .ph-0 .cap[data-for="0"],.tips-demo .ph-1 .cap[data-for="1"],.tips-demo .ph-2 .cap[data-for="2"],.tips-demo .ph-3 .cap[data-for="3"],.tips-demo .ph-4 .cap[data-for="4"],.tips-demo .ph-5 .cap[data-for="5"]{opacity:1;transform:translate(-50%)}.tips-demo .conn{opacity:0;transition:opacity .6s}.tips-demo .ph-1 .conn,.tips-demo .ph-2 .conn,.tips-demo .ph-3 .conn,.tips-demo .ph-4 .conn,.tips-demo .ph-5 .conn{opacity:1}.tips-demo .flow-base{fill:none;stroke:var(--line-base);stroke-width:3px;stroke-linecap:round}.tips-demo .flow-live{fill:none;stroke:url(#g-flow);stroke-width:3.4px;stroke-linecap:round;opacity:.25;transition:opacity .5s}.tips-demo .ph-2 .flow-live{opacity:1}.tips-demo #viewport.flow-soft .flow-live{stroke-dasharray:none}.tips-demo #viewport.flow-energetic .flow-live{stroke-dasharray:14 16;filter:url(#glow);animation:1.05s linear infinite dash}.tips-demo #viewport.flow-dotted .flow-live{stroke-dasharray:1.6 12;stroke-width:4.4px;animation:2.4s linear infinite dash}@keyframes dash{to{stroke-dashoffset:-30px}}.tips-demo #g-flow stop:first-child{stop-color:var(--flow-1)}.tips-demo #g-flow stop:nth-child(2){stop-color:var(--flow-2)}.tips-demo #g-flow stop:nth-child(3){stop-color:var(--flow-3)}.tips-demo .node{fill:var(--card);stroke:var(--accent);stroke-width:2.4px}.tips-demo .node-o{fill:var(--spark);stroke:var(--card);stroke-width:2.6px}.tips-demo .bgflow{fill:none;stroke:var(--line-bg);stroke-width:2px;stroke-linecap:round;stroke-dasharray:2 12;animation:14s linear infinite dash2}@keyframes dash2{to{stroke-dashoffset:-280px}}.tips-demo .st-label{letter-spacing:.14em;text-transform:uppercase;color:var(--label);z-index:6;opacity:0;font-size:12px;font-weight:500;transition:opacity .5s;position:absolute}.tips-demo .st-label.l{top:636px;left:100px}.tips-demo .st-label.r{top:560px;left:900px}.tips-demo .ph-1 .st-label,.tips-demo .ph-2 .st-label,.tips-demo .ph-3 .st-label,.tips-demo .ph-4 .st-label,.tips-demo .ph-5 .st-label,.tips-demo .ph-0 .st-label.l{opacity:1}.tips-demo .email{z-index:5;background:var(--card);width:330px;box-shadow:inset 0 0 0 1px var(--bd), var(--shadow);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);opacity:0;border-radius:22px;transition:opacity .6s,transform .6s cubic-bezier(.2,.85,.25,1);position:absolute;top:252px;left:886px;overflow:hidden;transform:translate(-40px)}.tips-demo .ph-1 .email,.tips-demo .ph-2 .email,.tips-demo .ph-3 .email,.tips-demo .ph-4 .email,.tips-demo .ph-5 .email{opacity:1;animation:floatY var(--dur) ease-in-out infinite;transform:none}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.tips-demo .email .hdr{border-bottom:1px solid var(--bd-2);align-items:center;gap:12px;padding:16px 18px;display:flex}.tips-demo .email .ava{color:#fff;background:var(--blue);border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:600;display:flex;box-shadow:0 6px 14px -6px #2168d199}.tips-demo .email .who{flex:1;min-width:0}.tips-demo .email .who .nm{color:var(--text);font-size:14.5px;font-weight:600;line-height:1.2}.tips-demo .email .who .ad{color:var(--mute);font-size:12px}.tips-demo .email .time{color:var(--mute-2);font-size:11.5px}.tips-demo .email .body{padding:15px 18px 4px}.tips-demo .email .subj{color:var(--text);align-items:center;gap:9px;font-size:16.5px;font-weight:600;display:flex}.tips-demo .email .new{color:#fff;background:var(--spark);border-radius:99px;padding:3px 8px;font-size:10.5px;font-weight:600}.tips-demo .email .snip{color:var(--sub);margin:8px 0 0;font-size:13px;line-height:1.5}.tips-demo .attach{background:var(--soft);box-shadow:inset 0 0 0 1px var(--soft-bd-2);border-radius:13px;align-items:center;gap:12px;margin:14px 18px 18px;padding:11px 13px;display:flex}.tips-demo .attach .thumb{width:34px;height:42px;box-shadow:inset 0 0 0 1px var(--soft-bd);background:#fff;border-radius:6px;flex-direction:column;flex:none;gap:3px;padding:4px 4px 0;display:flex;position:relative;overflow:hidden}.tips-demo .attach .thumb .th-h{align-items:center;gap:3px;display:flex}.tips-demo .attach .thumb .mk{background:linear-gradient(150deg,#2168d1,#114590);border-radius:2px;flex:none;width:8px;height:8px}.tips-demo .attach .thumb .th-h i{background:#cfd9e8;border-radius:1px;width:12px;height:2px;display:block}.tips-demo .attach .thumb .l{background:#dce3ec;border-radius:1px;height:2px;display:block}.tips-demo .attach .thumb .l1{width:22px}.tips-demo .attach .thumb .l2{width:16px}.tips-demo .attach .thumb .l3{width:20px}.tips-demo .attach .thumb .tot2{background:var(--pale);height:7px;margin-top:auto;margin-left:-4px;margin-right:-4px}.tips-demo .attach .meta{flex:1;min-width:0}.tips-demo .attach .meta .fn{color:var(--blue-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.tips-demo .attach .meta .fs{color:var(--mute);font-size:11px}.tips-demo .attach .send{background:var(--card);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--soft-bd);color:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.tips-demo .attach .send svg{width:15px;height:15px}.tips-demo .email .mailbar{border-bottom:1px solid var(--bd-2);background:var(--card-2);justify-content:space-between;align-items:center;padding:9px 16px;display:flex}.tips-demo .email .mb-l{letter-spacing:.06em;text-transform:uppercase;color:var(--mute);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.tips-demo .email .mb-l svg{width:14px;height:14px;color:var(--accent)}.tips-demo .email .mb-r{color:var(--mute-2);align-items:center;gap:11px;display:inline-flex}.tips-demo .email .mb-r svg{width:15px;height:15px;display:block}.tips-demo .email .mb-r .star{color:var(--spark)}.tips-demo .email .hdr{position:relative}.tips-demo .email .unread{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:7px;transform:translateY(-50%)}.tips-demo .email .who .nm{align-items:center;gap:7px;display:flex}.tips-demo .email .to{color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--soft-bd-2);border-radius:99px;padding:1px 7px;font-size:10.5px;font-weight:500}.tips-demo .email .actions{gap:8px;padding:2px 16px 16px;display:flex}.tips-demo .email .act{cursor:pointer;box-shadow:inset 0 0 0 1px var(--soft-bd-2);background:var(--card);color:var(--sub);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 10px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.tips-demo .email .act svg{width:15px;height:15px}.tips-demo .email .act.primary{background:var(--cta);color:#fff;box-shadow:0 8px 18px -8px #2922e599}.tips-demo .flyer{z-index:7;offset-path:path("M 886 440 C 760 432 640 414 500 406");offset-distance:calc(var(--fly,0) * 100%);offset-rotate:0deg;offset-anchor:50% 50%;opacity:0;width:66px;height:84px;position:absolute;top:0;left:0}.tips-demo .ph-2 .flyer{opacity:1}.tips-demo .flyer .sheet{text-align:left;background:#fff;border-radius:9px;flex-direction:column;padding:8px 8px 0;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #c7d8f6,0 16px 30px -12px #11459080}.tips-demo .flyer .sheet .fh{align-items:center;gap:4px;display:flex}.tips-demo .flyer .sheet .fh .mk{color:#fff;background:linear-gradient(150deg,#2168d1,#114590);border-radius:3px;flex:none;justify-content:center;align-items:center;width:12px;height:12px;font-size:7px;font-weight:700;line-height:1;display:flex}.tips-demo .flyer .sheet .fh b{color:#2a3647;white-space:nowrap;font-size:7px;font-weight:700}.tips-demo .flyer .ln{background:#d8e0ec;border-radius:2px;height:3px;display:block}.tips-demo .flyer .ln.a{width:40px;margin-top:9px}.tips-demo .flyer .ln.b{width:30px;margin-top:6px}.tips-demo .flyer .ln.c{width:36px;margin-top:6px}.tips-demo .flyer .tot{background:var(--pale);align-items:center;height:9px;margin-top:auto;margin-left:-8px;margin-right:-8px;display:flex}.tips-demo .flyer .tot:after{content:"";background:#f6981d;border-radius:2px;width:24px;height:3px;margin-left:8px;display:block}.tips-demo .spark{z-index:8;offset-path:path("M 886 440 C 760 432 640 414 500 406");offset-distance:calc(var(--fly,0) * 100%);offset-anchor:50% 50%;opacity:0;width:16px;height:16px;position:absolute;top:0;left:0}.tips-demo .ph-2 .spark{opacity:1}.tips-demo .spark:before{content:"";background:radial-gradient(circle, #fff, var(--spark) 45%, #f6981d00 70%);border-radius:50%;position:absolute;inset:0}.tips-demo .spark:after{content:"";background:radial-gradient(circle, var(--spark), transparent 65%);opacity:.5;filter:blur(4px);border-radius:50%;position:absolute;inset:-8px}.tips-demo .pdot{z-index:6;offset-path:path("M 886 440 C 760 432 640 414 500 406");offset-anchor:50% 50%;width:8px;height:8px;animation:pflow calc(var(--dur) * .17) linear infinite;display:none;position:absolute;top:0;left:0}.tips-demo .pdot:before{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 8px 1px #2168d180}.tips-demo .pdot.o:before{background:var(--spark)}@keyframes pflow{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.tips-demo .vp-en.ph-2 .pdot,.tips-demo .vp-dot.ph-2 .pdot{display:block}.tips-demo .app{z-index:5;background:var(--card);width:508px;height:422px;box-shadow:inset 0 0 0 1px var(--bd), var(--shadow);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);animation:floatY2 var(--dur) ease-in-out infinite;border-radius:24px;position:absolute;top:200px;left:64px;overflow:hidden}@keyframes floatY2{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.tips-demo .app .bar{border-bottom:1px solid var(--bd-2);background:var(--card-2);align-items:center;gap:12px;padding:14px 18px;display:flex}.tips-demo .app .bar .dots{gap:6px;display:flex}.tips-demo .app .bar .dots i{background:var(--bd);border-radius:50%;width:10px;height:10px;display:block}.tips-demo .app .bar .logo{height:20px;margin-left:4px}.tips-demo .app .bar .logo.dk,.tips-demo .theme-dark .app .bar .logo.lt{display:none}.tips-demo .theme-dark .app .bar .logo.dk{display:block}.tips-demo .app .bar .src{color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--soft-bd-2);border-radius:99px;align-items:center;gap:7px;margin-left:auto;padding:5px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.tips-demo .app .bar .src svg{width:13px;height:13px}.tips-demo .tabs{gap:4px;padding:12px 16px 0;display:flex;position:relative}.tips-demo .tab{color:var(--mute);cursor:default;align-items:center;gap:8px;padding:10px 14px 14px;font-size:13.5px;font-weight:600;transition:color .4s;display:flex;position:relative}.tips-demo .tab .b{background:var(--bd);min-width:20px;height:20px;color:var(--mute);border-radius:99px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;transition:all .4s;display:inline-flex}.tips-demo .tab.hianyos .b{background:var(--amber-soft);color:var(--amber)}.tips-demo .ph-5 .tab.hianyos{color:var(--mute)}.tips-demo .ph-5 .tab.hianyos .b{background:var(--bd);color:var(--mute)}.tips-demo .tab.active{color:var(--text)}.tips-demo .tab.active .b.bej{background:var(--soft);color:var(--accent)}.tips-demo .tabs .uline{background:var(--accent);border-radius:3px;height:2.5px;transition:left .55s cubic-bezier(.4,0,.2,1),width .55s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}.tips-demo .tabs-base{border-bottom:1px solid var(--bd-2)}.tips-demo .panel{padding:14px 16px}.tips-demo .vcard{background:var(--card);box-shadow:inset 0 0 0 1px var(--amber-bd);border-radius:16px;padding:15px;transition:box-shadow .55s;position:relative;overflow:hidden}.tips-demo .vcard.complete{box-shadow:inset 0 0 0 1px var(--green-soft), 0 14px 30px -18px #1fbb3859}.tips-demo .ph-5 .vcard{transform:translateY(0)}.tips-demo .vc-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tips-demo .vc-title{color:var(--text);font-size:14px;font-weight:600}.tips-demo .badge2{border-radius:99px;align-items:center;gap:6px;padding:4px 11px;font-size:11px;font-weight:600;transition:all .5s;display:inline-flex}.tips-demo .badge2.hianyos{color:var(--amber);background:var(--amber-soft);box-shadow:inset 0 0 0 1px var(--amber-bd)}.tips-demo .badge2.kesz{color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green-soft);opacity:0;position:absolute;top:13px;right:15px}.tips-demo .badge2 svg{width:12px;height:12px}.tips-demo .ph-5 .badge2.hianyos{opacity:0}.tips-demo .ph-5 .badge2.kesz{opacity:1}.tips-demo .vc-grid{flex-direction:row-reverse;gap:15px;display:flex}.tips-demo .slot{border:2px dashed var(--amber-bd);background:var(--amber-soft);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:8px;width:118px;height:128px;display:flex;position:relative;overflow:hidden}.tips-demo .slot .ph{text-align:center;flex-direction:column;align-items:center;gap:9px;padding:0 8px;transition:opacity .45s;display:flex}.tips-demo .slot .ph svg{width:26px;height:26px;color:var(--amber)}.tips-demo .slot .ph span{color:var(--amber);font-size:11px;font-weight:500;line-height:1.3}.tips-demo .slot .img{opacity:0;text-align:left;background:#fff;border-radius:10px;flex-direction:column;padding:10px 10px 0;transition:opacity .5s,transform .5s;display:flex;position:absolute;inset:0;overflow:hidden;transform:scale(.92)}.tips-demo .slot .img .ih{align-items:flex-start;gap:6px;display:flex}.tips-demo .slot .img .mk{color:#fff;background:linear-gradient(150deg,#2168d1,#114590);border-radius:5px;flex:none;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;font-weight:700;line-height:1;display:flex}.tips-demo .slot .img .ti{flex-direction:column;gap:3px;display:flex}.tips-demo .slot .img .ti b{color:#2a3647;letter-spacing:.01em;white-space:nowrap;font-size:9px;font-weight:700;line-height:1}.tips-demo .slot .img .ti i{background:#e2e8f2;border-radius:1px;width:28px;height:2px}.tips-demo .slot .img .ad{flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;padding-top:1px;display:flex}.tips-demo .slot .img .ad i{background:#e6ebf3;border-radius:1px;height:2px}.tips-demo .slot .img .ad i:first-child{width:26px}.tips-demo .slot .img .ad i:nth-child(2){width:18px}.tips-demo .slot .img .ad i:nth-child(3){width:22px}.tips-demo .slot .img .dv{background:#eef2f8;height:1px;margin:9px 0 8px}.tips-demo .slot .img .rw{align-items:center;gap:5px;margin-bottom:7px;display:flex}.tips-demo .slot .img .rw .k{background:#d6deea;border-radius:2px;flex:none;height:3px}.tips-demo .slot .img .rw .dt{border-bottom:1.5px dotted #dce3ec;flex:1;align-self:flex-end;margin-bottom:1px}.tips-demo .slot .img .rw .v{background:#bec9d9;border-radius:2px;flex:none;height:3px}.tips-demo .slot .img .rw:nth-child(3) .k{width:28px}.tips-demo .slot .img .rw:nth-child(3) .v{width:22px}.tips-demo .slot .img .rw:nth-child(4) .k{width:34px}.tips-demo .slot .img .rw:nth-child(4) .v{width:18px}.tips-demo .slot .img .rw:nth-child(5) .k{width:24px}.tips-demo .slot .img .rw:nth-child(5) .v{width:26px}.tips-demo .slot .img .tt{background:var(--pale);justify-content:space-between;align-items:center;gap:6px;margin:4px -10px 0;padding:7px 10px;display:flex}.tips-demo .slot .img .tt i{background:#9db6dc;border-radius:2px;width:26px;height:3px}.tips-demo .slot .img .tt b{color:#114590;letter-spacing:.01em;font-size:10.5px;font-weight:700}.tips-demo .slot .scan{opacity:0;pointer-events:none;background:linear-gradient(#2168d100,#2168d147,#2168d100);height:34px;position:absolute;top:-40px;left:0;right:0}.tips-demo .ph-3 .slot,.tips-demo .ph-4 .slot,.tips-demo .ph-5 .slot{border-color:var(--soft-bd);background:var(--card-2)}.tips-demo .ph-3 .slot .ph,.tips-demo .ph-4 .slot .ph,.tips-demo .ph-5 .slot .ph{opacity:0}.tips-demo .ph-3 .slot .img,.tips-demo .ph-4 .slot .img,.tips-demo .ph-5 .slot .img{opacity:1;transform:scale(1)}.tips-demo .ph-3 .slot .scan{opacity:1;animation:1.3s ease-in-out scanY}@keyframes scanY{0%{top:-40px}to{top:150px}}.tips-demo .data{flex-direction:column;flex:1;min-width:0;display:flex}.tips-demo .data .navtag{letter-spacing:.02em;color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--soft-bd-2);border-radius:99px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:11px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex}.tips-demo .data .navtag .d{background:var(--accent);border-radius:50%;width:5px;height:5px}.tips-demo .drow{padding:6px 0}.tips-demo .drow+.drow{border-top:1px dashed var(--bd-2)}.tips-demo .drow .k{color:var(--mute);margin-bottom:2px;font-size:11px}.tips-demo .drow .v{color:var(--text);font-size:14px;font-weight:600}.tips-demo .drow .v.big{color:var(--blue-text);font-size:17px}.tips-demo .drow .v .cur{color:var(--mute);margin-left:3px;font-size:11px;font-weight:500}.tips-demo .merge{z-index:3;opacity:0;background:linear-gradient(180deg, transparent, var(--accent), transparent);width:2px;transition:opacity .45s;position:absolute;top:52px;bottom:18px;left:334px;box-shadow:0 0 14px 3px #2168d166}.tips-demo .ph-4 .merge{opacity:.9}.tips-demo .merge-badge{z-index:4;color:#fff;background:var(--cta);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .4s,transform .45s cubic-bezier(.2,.9,.3,1.4);display:flex;position:absolute;top:88px;left:318px;transform:scale(.5);box-shadow:0 8px 18px -6px #2922e5b3}.tips-demo .merge-badge svg{width:18px;height:18px}.tips-demo .ph-4 .merge-badge{opacity:1;transform:scale(1)}.tips-demo .ph-5 .merge-badge{opacity:0;transform:scale(.7)}.tips-demo .bejlist{opacity:0;flex-direction:column;gap:10px;margin-top:10px;transition:opacity .5s .15s,transform .5s .15s;display:flex;transform:translateY(8px)}.tips-demo .ph-5 .bejlist{opacity:1;transform:none}.tips-demo .bej-row{background:var(--card-2);box-shadow:inset 0 0 0 1px var(--bd-2);border-radius:13px;align-items:center;gap:12px;padding:9px 13px;display:flex}.tips-demo .bej-row .ic{background:var(--soft);width:32px;height:32px;color:var(--accent);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.tips-demo .bej-row .ic svg{width:16px;height:16px}.tips-demo .bej-row .t{flex:1;min-width:0}.tips-demo .bej-row .t .a{color:var(--text);font-size:13px;font-weight:600}.tips-demo .bej-row .t .b{color:var(--mute);font-size:11px}.tips-demo .bej-row .am{color:var(--text);font-size:13px;font-weight:600}.tips-demo .vc-foot{color:var(--mute);align-items:center;gap:9px;margin-top:10px;font-size:12px;display:flex}.tips-demo .vc-foot .ok{background:var(--green-soft);width:18px;height:18px;color:var(--green);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .4s;display:flex}.tips-demo .vc-foot .ok svg{width:11px;height:11px}.tips-demo .ph-5 .vc-foot .ok{opacity:1}.tips-demo .vc-foot .txt-h{transition:opacity .35s}.tips-demo .ph-5 .vc-foot .txt-h{opacity:0;display:none}.tips-demo .vc-foot .txt-d{color:var(--green);display:none}.tips-demo .ph-5 .vc-foot .txt-d{display:inline}.tips-demo .stepper{z-index:8;align-items:center;gap:0;display:flex;position:absolute;top:160px;left:50%;transform:translate(-50%)}.tips-demo .step{opacity:.5;cursor:pointer;align-items:center;gap:10px;display:flex}.tips-demo .step.active,.tips-demo .step.done{opacity:1}.tips-demo .step:hover{opacity:.92}.tips-demo .step:not(.active) .num:hover,.tips-demo .step:not(.active):hover .num{border-color:var(--accent);color:var(--accent)}.tips-demo .step .num{background:var(--card);border:1.5px solid var(--bd);width:28px;height:28px;color:var(--mute);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;transition:all .4s;display:flex}.tips-demo .step.active .num{background:var(--cta);color:#fff;border-color:#0000;box-shadow:0 6px 14px -5px #2922e5b3}.tips-demo .step.done .num{background:var(--green);color:#fff;border-color:#0000}.tips-demo .step .lb{color:var(--text);white-space:nowrap;font-size:13px;font-weight:500}.tips-demo .step.active .lb{font-weight:600}.tips-demo .step .lk{background:var(--bd);border-radius:2px;width:30px;height:2px;margin:0 12px;transition:background .4s}.tips-demo .step.done .lk{background:var(--green)}@media (prefers-reduced-motion:reduce){.tips-demo .glow,.tips-demo .flow-live,.tips-demo .pdot,.tips-demo .email,.tips-demo .app,.tips-demo .cap{animation:none!important}}.tips-demo .controls{z-index:9;z-index:9;align-items:center;gap:12px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.tips-demo .cbtn{background:var(--card);width:46px;height:46px;box-shadow:inset 0 0 0 1px var(--soft-bd), var(--shadow);color:var(--accent);cursor:pointer;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.tips-demo .cbtn:hover{box-shadow:inset 0 0 0 1px var(--accent), var(--shadow)}.tips-demo .cbtn svg{width:20px;height:20px}.tips-demo .cbtn.pp{background:var(--cta);color:#fff;width:54px;height:54px;box-shadow:0 10px 24px -8px #2922e5b3}.tips-demo .cbtn.pp svg{width:24px;height:24px}.tips-demo .cbtn.pp .ic-play{display:none}.tips-demo .cbtn.pp .ic-pause,.tips-demo .cbtn.pp[data-play="0"] .ic-play{display:block}.tips-demo .cbtn.pp[data-play="0"] .ic-pause{display:none}.tips-demo .cc{color:var(--sub);text-align:center;min-width:44px;font-size:14px;font-weight:600}.tips-demo .mstep{z-index:8;align-items:center;display:flex;position:absolute;top:146px;left:50%;transform:translate(-50%)}.tips-demo .ms{opacity:.5;align-items:center;gap:9px;display:flex}.tips-demo .ms.active,.tips-demo .ms.done{opacity:1}.tips-demo .ms .num{color:#9aa3b2;background:#fff;border:1.5px solid #dbe1ea;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex}.tips-demo .ms.active .num{color:#fff;background:#2922e5;border-color:#0000;box-shadow:0 6px 14px -5px #2922e5b3}.tips-demo .ms.done .num{color:#fff;background:#1fa15a;border-color:#0000}.tips-demo .ms .lb{color:#2a3647;white-space:nowrap;font-size:13px;font-weight:500}.tips-demo .ms.active .lb{font-weight:600}.tips-demo .ms .lk{background:#dbe1ea;border-radius:2px;width:28px;height:2px;margin:0 11px}.tips-demo .ms.done .lk{background:#1fa15a}.tips-demo .demo2{border-radius:var(--r-card);isolation:isolate;width:100%;height:300px;box-shadow:inset 0 0 0 1px var(--line), 0 34px 70px -36px #11459057;position:relative;overflow:hidden}.tips-demo #viewport2{background:linear-gradient(#fff 0%,#ebf0ff 100%);position:absolute;inset:0}.tips-demo #stage2{transform-origin:0 0;background-image:linear-gradient(#2168d10d 1px,#0000 1px),linear-gradient(90deg,#2168d10d 1px,#0000 1px);background-size:44px 44px;width:1280px;height:720px;position:absolute;top:0;left:0;overflow:hidden}.tips-demo .q2cap-wrap{text-align:center;z-index:8;position:absolute;top:28px;left:0;right:0}.tips-demo .q2pill{color:#114590;background:#fff;border-radius:99px;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #2168d133,0 10px 24px -16px #1145904d}.tips-demo .q2pill .dot{background:#f6981d;border-radius:50%;width:8px;height:8px}.tips-demo .q2caps{height:60px;margin-top:13px;position:relative}.tips-demo .q2cap{opacity:0;letter-spacing:-.01em;color:#101010;width:1010px;font-size:26px;font-weight:500;line-height:1.16;position:absolute;top:0;left:50%;transform:translate(-50%)}.tips-demo .q2cap b{color:#2168d1;font-weight:600}.tips-demo .q2cap .van{color:#1fa15a;font-weight:600}.tips-demo .q2cap .uj{color:#2168d1;font-weight:600}.tips-demo #viewport2[data-s="0"] .q2cap[data-for="0"],.tips-demo #viewport2[data-s="1"] .q2cap[data-for="1"],.tips-demo #viewport2[data-s="2"] .q2cap[data-for="2"],.tips-demo #viewport2[data-s="3"] .q2cap[data-for="3"]{opacity:1}.tips-demo .qwin{background:#fff;border-radius:18px;flex-direction:column;width:1112px;height:440px;display:flex;position:absolute;top:184px;left:84px;overflow:hidden;box-shadow:inset 0 0 0 1px #e6eaf0,0 36px 70px -34px #11459066}.tips-demo .qtabs{border-bottom:1px solid #eef1f6;flex:none;align-items:center;gap:28px;height:58px;padding:0 26px;display:flex}.tips-demo .qtab{color:#7a8494;align-items:center;gap:7px;height:100%;font-size:16px;font-weight:500;display:inline-flex;position:relative}.tips-demo .qtab .nd{background:#e5484d;border-radius:50%;width:8px;height:8px}.tips-demo .qtab.dim{color:#aeb6c2}.tips-demo .qtab:after{content:"";background:0 0;border-radius:3px;height:2.5px;position:absolute;bottom:0;left:0;right:0}.tips-demo #viewport2[data-s="1"] .qtab[data-tab=hianyos]{color:#101010}.tips-demo #viewport2[data-s="1"] .qtab[data-tab=hianyos]:after{background:#2168d1}.tips-demo #viewport2[data-s="0"] .qtab[data-tab=koltsegek],.tips-demo #viewport2[data-s="2"] .qtab[data-tab=koltsegek],.tips-demo #viewport2[data-s="3"] .qtab[data-tab=koltsegek]{color:#101010}.tips-demo #viewport2[data-s="0"] .qtab[data-tab=koltsegek]:after,.tips-demo #viewport2[data-s="2"] .qtab[data-tab=koltsegek]:after,.tips-demo #viewport2[data-s="3"] .qtab[data-tab=koltsegek]:after{background:#2168d1}.tips-demo .qdate{color:#5a6472;background:#f5f7fa;border:1px solid #e6eaf0;border-radius:9px;align-items:center;gap:8px;margin-left:auto;padding:7px 11px;font-size:13px;display:inline-flex}.tips-demo .qdate svg{color:#8a94a6;width:15px;height:15px}.tips-demo .qfilters{border-bottom:1px solid #eef1f6;flex-wrap:wrap;flex:none;align-items:center;gap:9px;padding:14px 26px;display:flex}.tips-demo .qkl{letter-spacing:.09em;text-transform:uppercase;color:#9aa3b2;margin-right:4px;font-size:11px;font-weight:700}.tips-demo .qchipset{align-items:center;gap:9px;display:none}.tips-demo #viewport2[data-s="1"] .qchipset.hianyos,.tips-demo #viewport2[data-s="0"] .qchipset.koltsegek,.tips-demo #viewport2[data-s="2"] .qchipset.koltsegek,.tips-demo #viewport2[data-s="3"] .qchipset.koltsegek{display:inline-flex}.tips-demo .qchip{color:#5a6472;white-space:nowrap;background:#fff;border:1px solid #dbe1ea;border-radius:9px;padding:7px 13px;font-size:14.5px}.tips-demo #viewport2[data-s="1"] .qchip[data-c=van]{color:#1fa15a;background:#e7f6ee;border-color:#bfe6ce;font-weight:600}.tips-demo #viewport2[data-s="2"] .qchip[data-c=uj],.tips-demo #viewport2[data-s="3"] .qchip[data-c=uj]{color:#2168d1;background:#eaf1fc;border-color:#9ec1ee;font-weight:600}.tips-demo .qctx{color:#7a8494;flex:none;align-items:center;gap:10px;padding:13px 26px 11px;font-size:14px;display:none}.tips-demo #viewport2[data-s="0"] .qctx.c0,.tips-demo #viewport2[data-s="1"] .qctx.c1,.tips-demo #viewport2[data-s="2"] .qctx.c2,.tips-demo #viewport2[data-s="3"] .qctx.c2{display:flex}.tips-demo .qctx .cnt{color:#101010;font-weight:700}.tips-demo .qctx .pin{color:#2168d1;background:#eaf1fc;border:1px solid #cfe0f8;border-radius:99px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.tips-demo .qctx .pin svg{width:13px;height:13px}.tips-demo .qctx .pin.van{color:#1fa15a;background:#e7f6ee;border-color:#bfe6ce}.tips-demo .qhead,.tips-demo .qrow{grid-template-columns:1.7fr 1fr .8fr .6fr;align-items:center;gap:14px;padding:0 26px;display:grid}.tips-demo .qhead{color:#9aa3b2;background:#fbfcfd;border-bottom:1px solid #eef1f6;flex:none;height:38px;font-size:12.5px;font-weight:600}.tips-demo .qhead .ar{text-align:right}.tips-demo .qbody{flex:1;position:relative;overflow:hidden}.tips-demo .rowset{flex-direction:column;display:none}.tips-demo #viewport2[data-s="0"] .rowset.intro,.tips-demo #viewport2[data-s="1"] .rowset.van,.tips-demo #viewport2[data-s="2"] .rowset.uj,.tips-demo #viewport2[data-s="3"] .rowset.uj{display:flex}.tips-demo .qrow{border-bottom:1px solid #f2f4f8;height:64px;font-size:15px}.tips-demo .qrow .pr{align-items:center;gap:11px;min-width:0;display:flex}.tips-demo .qrow .pr .ey{color:#c2c9d4;flex:none;width:18px;height:18px}.tips-demo .qrow .pr .dc{color:#fff;background:#aeb6c2;border-radius:5px;flex:none;justify-content:center;align-items:center;width:21px;height:21px;display:flex}.tips-demo .qrow .pr .dc.teal{background:#1fa15a}.tips-demo .qrow .pr .dc.blue{background:#3b6fe0}.tips-demo .qrow .pr .dc svg{width:12px;height:12px}.tips-demo .qrow .pr .nm{color:#2a3647;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.tips-demo .qrow .bd{flex:none;gap:5px;display:inline-flex}.tips-demo .qbadge{color:#fff;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:11.5px;font-weight:600;line-height:1.35}.tips-demo .qbadge.uj{background:#3b6fe0}.tips-demo .qbadge.van{background:#1fa15a}.tips-demo .qbadge.lej{background:#e5484d}.tips-demo .qrow .num,.tips-demo .qrow .due{color:#5a6472;font-variant-numeric:tabular-nums}.tips-demo .qrow .amt{text-align:right;color:#1f2733;font-variant-numeric:tabular-nums;font-weight:700}.tips-demo .rowset.intro .qrow{opacity:.4}.tips-demo .rowset.intro .qrow .nm{color:#9aa3b2}.tips-demo .qconcl{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-align:center;z-index:5;background:#ffffffd1;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0 40px;display:none;position:absolute;inset:0}.tips-demo #viewport2[data-s="3"] .qconcl{display:flex}.tips-demo .qconcl .ct{color:#101010;letter-spacing:-.01em;font-size:25px;font-weight:600}.tips-demo .qconcl .cc2{gap:14px;display:flex}.tips-demo .qconcl .cpill{border-radius:13px;align-items:center;gap:10px;padding:13px 18px;font-size:16px;font-weight:600;display:inline-flex}.tips-demo .qconcl .cpill svg{flex:none;width:18px;height:18px}.tips-demo .qconcl .cpill.uj{color:#2168d1;background:#eaf1fc;border:1px solid #9ec1ee}.tips-demo .qconcl .cpill.van{color:#1fa15a;background:#e7f6ee;border:1px solid #bfe6ce}.tips-demo .qconcl .cpill .t{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.tips-demo .qconcl .cpill .t small{opacity:.85;font-size:12px;font-weight:500}.tips-demo .q2controls{z-index:9;align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.tips-demo .c2btn{color:#2168d1;cursor:pointer;background:#fff;border:1px solid #2168d133;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex;box-shadow:0 12px 26px -16px #1145908c}.tips-demo .c2btn:hover{border-color:#2168d1}.tips-demo .c2btn svg{width:20px;height:20px}.tips-demo .c2btn.pp{color:#fff;background:#2922e5;border-color:#0000;width:54px;height:54px;box-shadow:0 10px 24px -8px #2922e599}.tips-demo .c2btn.pp svg{width:24px;height:24px}.tips-demo .c2btn.pp .ic-play{display:none}.tips-demo .c2btn.pp .ic-pause,.tips-demo .c2btn.pp[data-play="0"] .ic-play{display:block}.tips-demo .c2btn.pp[data-play="0"] .ic-pause{display:none}.tips-demo .cc2{color:#10101099;text-align:center;min-width:44px;font-size:14px;font-weight:600}.tips-demo .demo3{border-radius:var(--r-card);isolation:isolate;width:100%;height:300px;box-shadow:inset 0 0 0 1px var(--line), 0 34px 70px -36px #11459057;position:relative;overflow:hidden}.tips-demo #viewport3{background:linear-gradient(#fff 0%,#ebf0ff 100%);position:absolute;inset:0}.tips-demo #stage3{transform-origin:0 0;background-image:linear-gradient(#2168d10d 1px,#0000 1px),linear-gradient(90deg,#2168d10d 1px,#0000 1px);background-size:44px 44px;width:1280px;height:720px;position:absolute;top:0;left:0;overflow:hidden}.tips-demo .q3cap-wrap{text-align:center;z-index:8;position:absolute;top:26px;left:0;right:0}.tips-demo .q3pill{color:#114590;background:#fff;border-radius:99px;align-items:center;gap:10px;padding:8px 16px;font-size:13.5px;font-weight:500;display:inline-flex;box-shadow:inset 0 0 0 1px #2168d133,0 10px 24px -16px #1145904d}.tips-demo .q3pill .dot{background:#f6981d;border-radius:50%;width:8px;height:8px}.tips-demo .q3caps{height:58px;margin-top:13px;position:relative}.tips-demo .q3cap{opacity:0;letter-spacing:-.01em;color:#101010;width:1020px;font-size:25px;font-weight:500;line-height:1.16;position:absolute;top:0;left:50%;transform:translate(-50%)}.tips-demo .q3cap b{color:#2168d1;font-weight:600}.tips-demo .q3cap .g{color:#1fa15a;font-weight:600}.tips-demo #viewport3[data-s="0"] .q3cap[data-for="0"],.tips-demo #viewport3[data-s="1"] .q3cap[data-for="1"],.tips-demo #viewport3[data-s="2"] .q3cap[data-for="2"],.tips-demo #viewport3[data-s="3"] .q3cap[data-for="3"]{opacity:1}.tips-demo .qcard3{background:#fff;border-radius:18px;flex-direction:column;width:486px;height:430px;display:flex;position:absolute;top:184px;overflow:hidden;box-shadow:inset 0 0 0 1px #e6eaf0,0 36px 70px -34px #11459066}.tips-demo .qcost{left:62px}.tips-demo .qbank{left:732px}.tips-demo .qc-hd{border-bottom:1px solid #eef1f6;flex:none;align-items:center;gap:11px;padding:16px 20px;display:flex}.tips-demo .qc-hd .qlogo{height:17px}.tips-demo .qc-hd .bk{color:#2168d1;background:#eaf1fc;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.tips-demo .qc-hd .bk svg{width:17px;height:17px}.tips-demo .qc-hd .tt{flex-direction:column;line-height:1.2;display:flex}.tips-demo .qc-hd .tt b{color:#2a3647;font-size:15px;font-weight:600}.tips-demo .qc-hd .tt small{color:#9aa3b2;font-size:11.5px}.tips-demo .qc-hd .tag{color:#2168d1;background:#eaf1fc;border:1px solid #cfe0f8;border-radius:99px;margin-left:auto;padding:3px 10px;font-size:11.5px;font-weight:600}.tips-demo .crow{border-bottom:1px solid #f2f4f8;flex:none;align-items:center;gap:12px;height:62px;padding:0 20px;display:flex}.tips-demo .cbox{color:#fff;background:#fff;border:2px solid #c2c9d4;border-radius:5px;flex:none;justify-content:center;align-items:center;width:19px;height:19px;display:flex}.tips-demo .cbox svg{opacity:0;width:12px;height:12px}.tips-demo #viewport3[data-s="1"] .crow.sel .cbox,.tips-demo #viewport3[data-s="2"] .crow.sel .cbox,.tips-demo #viewport3[data-s="3"] .crow.sel .cbox{background:#2168d1;border-color:#2168d1}.tips-demo #viewport3[data-s="1"] .crow.sel .cbox svg,.tips-demo #viewport3[data-s="2"] .crow.sel .cbox svg,.tips-demo #viewport3[data-s="3"] .crow.sel .cbox svg{opacity:1}.tips-demo .crow .nm{color:#2a3647;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.tips-demo .crow .vf{color:#1fa15a;background:#e7f6ee;border:1px solid #bfe6ce;border-radius:99px;flex:none;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.tips-demo .crow .vf svg{width:11px;height:11px}.tips-demo .crow .am{color:#1f2733;font-variant-numeric:tabular-nums;text-align:right;flex:none;width:96px;font-size:14px;font-weight:700}.tips-demo .selbar{background:#f7f9fd;border-top:1px solid #eef1f6;flex:none;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:15px 20px;display:none}.tips-demo #viewport3[data-s="1"] .qcost .selbar,.tips-demo #viewport3[data-s="2"] .qcost .selbar,.tips-demo #viewport3[data-s="3"] .qcost .selbar{display:flex}.tips-demo .selbar .si{color:#5a6472;font-size:14.5px}.tips-demo .selbar .si b{color:#101010;font-weight:700}.tips-demo .selbar .sbtn{color:#fff;background:#2922e5;border-radius:11px;align-items:center;gap:8px;padding:11px 15px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 8px 18px -8px #2922e599}.tips-demo .selbar .sbtn svg{width:16px;height:16px}.tips-demo .flow3{z-index:4;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.tips-demo #viewport3[data-s="2"] .flow3{opacity:1}.tips-demo .flow3 path{fill:none;stroke:#9dbdec;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2 11}.tips-demo .expfile{z-index:7;offset-path:path("M 556 400 C 628 396 676 394 742 388");offset-distance:calc(var(--fly3,0) * 100%);offset-rotate:0deg;offset-anchor:50% 50%;opacity:0;width:152px;height:190px;position:absolute;top:0;left:0}.tips-demo #viewport3[data-s="2"] .expfile{opacity:1}.tips-demo .expfile .sh{background:#fff;border:1px solid #d9e2f0;border-radius:13px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 40px -16px #11459080}.tips-demo .expfile .eh{color:#fff;letter-spacing:.07em;background:#2922e5;align-items:center;gap:6px;padding:8px 11px;font-size:9.5px;font-weight:700;display:flex}.tips-demo .expfile .eh svg{width:13px;height:13px}.tips-demo .expfile .eb{flex-direction:column;flex:1;gap:10px;padding:11px;display:flex}.tips-demo .expfile .er{flex-direction:column;gap:4px;display:flex}.tips-demo .expfile .er i{background:#d7e0ee;border-radius:2px;height:3px;display:block}.tips-demo .expfile .er i.a{width:80%}.tips-demo .expfile .er i.b{width:55%}.tips-demo .expfile .etot{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tips-demo .expfile .etot i{background:#c2cede;border-radius:2px;width:38px;height:3px}.tips-demo .expfile .etot b{color:#1853b8;font-size:11px;font-weight:700}.tips-demo .expfile .fn{text-align:center;color:#5a6472;font-size:11px;font-weight:600;position:absolute;bottom:-21px;left:-6px;right:-6px}.tips-demo .bdrop{color:#8a94a6;text-align:center;border:2px dashed #c7d2e0;border-radius:13px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:9px;margin:18px 20px 12px;padding:0 24px;display:flex}.tips-demo #viewport3[data-s="3"] .qbank .bdrop{display:none}.tips-demo .bdrop .bi{color:#2168d1;background:#eaf1fc;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.tips-demo .bdrop .bi svg{width:24px;height:24px}.tips-demo .bdrop .bt{color:#5a6472;font-size:15px;font-weight:600}.tips-demo .bdrop .bs{color:#9aa3b2;font-size:12.5px}.tips-demo .btiles{gap:7px;margin-top:4px;display:flex}.tips-demo .btiles span{color:#5a6472;background:#f2f5fa;border:1px solid #e6eaf0;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:600}.tips-demo .bdone{flex-direction:column;flex:1;display:none}.tips-demo #viewport3[data-s="3"] .qbank .bdone{display:flex}.tips-demo .bsucc{background:#f1faf4;border-bottom:1px solid #eef1f6;align-items:center;gap:10px;padding:14px 20px;display:flex}.tips-demo .bsucc .ok{color:#fff;background:#1fa15a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tips-demo .bsucc .ok svg{width:14px;height:14px}.tips-demo .bsucc b{color:#15803d;font-size:14.5px;font-weight:700}.tips-demo .bsucc small{color:#5a9e76;margin-left:auto;font-size:12px}.tips-demo .brow{border-bottom:1px solid #f2f4f8;align-items:center;gap:12px;height:62px;padding:0 20px;display:flex}.tips-demo .brow .nm{color:#2a3647;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.tips-demo .brow .am{color:#1f2733;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.tips-demo .brow .ut{color:#1fa15a;background:#e7f6ee;border:1px solid #bfe6ce;border-radius:99px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tips-demo .brow .ut svg{width:11px;height:11px}.tips-demo .q3controls{z-index:9;align-items:center;gap:12px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.tips-demo .c3btn{color:#2168d1;cursor:pointer;background:#fff;border:1px solid #2168d133;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex;box-shadow:0 12px 26px -16px #1145908c}.tips-demo .c3btn:hover{border-color:#2168d1}.tips-demo .c3btn svg{width:20px;height:20px}.tips-demo .c3btn.pp{color:#fff;background:#2922e5;border-color:#0000;width:54px;height:54px;box-shadow:0 10px 24px -8px #2922e599}.tips-demo .c3btn.pp svg{width:24px;height:24px}.tips-demo .c3btn.pp .ic-play{display:none}.tips-demo .c3btn.pp .ic-pause,.tips-demo .c3btn.pp[data-play="0"] .ic-play{display:block}.tips-demo .c3btn.pp[data-play="0"] .ic-pause{display:none}.tips-demo .cc3{color:#10101099;text-align:center;min-width:44px;font-size:14px;font-weight:600}