:root{--bg:#ffffff;--bg-soft:#fafafa;--bg-hover:#f4f4f5;--text:#18181b;--text-2:#52525b;--text-3:#a1a1aa;--border:#e4e4e7;--border-light:#f0f0f2;--brand:#1e40d8;--brand-hover:#1a35b0;--brand-light:color-mix(in srgb,var(--brand) 9%,#ffffff);--accent:#2f4fe0;--accent-light:color-mix(in srgb,var(--accent) 9%,#ffffff);--green:#00b42a;--green-light:#e8ffea;--red:#f53f3f;--red-light:#ffece8;--radius:8px;--radius-lg:12px;--shadow-card:0 1px 2px rgba(0,0,0,.04),0 4px 14px rgba(0,0,0,.05);--shadow-float:0 8px 30px rgba(0,0,0,.12);--ease:cubic-bezier(.2,.8,.2,1);--font-serif:Georgia,"Songti SC","Noto Serif SC","SimSun",serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}::selection{background:var(--brand-light)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:0 32px;height:60px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light)}.nav,.nav-logo{display:flex;align-items:center}.nav-logo{gap:10px;font-weight:600;font-size:16px;letter-spacing:.2px;cursor:pointer}.nav-logo .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--brand),#722ed1);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.nav-credit{font-size:12px;color:var(--text-3);letter-spacing:.3px}.site-foot{border-top:1px solid var(--border-light);padding:28px 32px;text-align:center;color:var(--text-3);font-size:13px}#toast-root{position:fixed;top:72px;left:50%;transform:translateX(-50%);z-index:100;flex-direction:column;gap:10px;pointer-events:none}#toast-root,.toast{display:flex;align-items:center}.toast{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-float);border-radius:8px;padding:10px 18px;font-size:14px;color:var(--text);gap:8px;animation:toast-in .3s var(--ease)}.toast.leaving{animation:toast-out .3s var(--ease) forwards}.toast .t-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(-12px)}}#modal-root{position:fixed;inset:0;z-index:90;display:none}#modal-root.show{display:flex;align-items:center;justify-content:center}.modal-mask{position:absolute;inset:0;background:rgba(29,33,41,.45);animation:fade-in .25s}.modal-box{position:relative;background:var(--bg);border-radius:var(--radius-lg);width:400px;max-width:calc(100vw - 48px);padding:26px 28px;box-shadow:var(--shadow-float);animation:modal-in .3s var(--ease)}.modal-box h4{font-size:17px;margin-bottom:8px}.modal-box p{font-size:14px;color:var(--text-2);margin-bottom:22px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.97)}}::view-transition-old(root){animation:none}::view-transition-new(root){animation:vt-fade-in .18s ease-out both}@keyframes vt-fade-in{0%{opacity:0}}::view-transition-group(morph){animation-duration:.45s;animation-timing-function:var(--ease)}html[data-dir=next]::view-transition-old(detail-body){animation:vt-slide-out-l .35s var(--ease) both}html[data-dir=next]::view-transition-new(detail-body){animation:vt-slide-in-r .35s var(--ease) both}html[data-dir=prev]::view-transition-old(detail-body){animation:vt-slide-out-r .35s var(--ease) both}html[data-dir=prev]::view-transition-new(detail-body){animation:vt-slide-in-l .35s var(--ease) both}@keyframes vt-slide-out-l{to{opacity:0;transform:translateX(-16vw)}}@keyframes vt-slide-in-r{0%{opacity:0;transform:translateX(16vw)}}@keyframes vt-slide-out-r{to{opacity:0;transform:translateX(16vw)}}@keyframes vt-slide-in-l{0%{opacity:0;transform:translateX(-16vw)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{border:1px solid transparent;border-radius:6px;font-size:14px;padding:7px 16px;line-height:1.4;transition:all .2s var(--ease);background:none}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover)}.btn-primary:active{transform:scale(.97)}.btn-outline{border-color:var(--border);color:var(--text-2);background:var(--bg)}.btn-outline:hover{color:var(--brand);border-color:var(--brand)}.btn-text{color:var(--brand);padding:7px 8px}.btn-text:hover{background:var(--brand-light)}.btn-danger{background:var(--red-light);color:var(--red)}.btn-danger:hover{background:#fdcdc5}.demo-input{border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px;width:220px;max-width:100%;color:var(--text);background:var(--bg);outline:none;transition:border-color .2s,box-shadow .2s}.demo-input::placeholder{color:var(--text-3)}.demo-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}.demo-select-wrap{position:relative}.demo-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid var(--border);border-radius:6px;padding:8px 34px 8px 12px;font-size:14px;color:var(--text);background:var(--bg);outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.demo-select:focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}.demo-select-wrap:after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;pointer-events:none;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:translateY(-70%) rotate(45deg)}.custom-select{position:relative;display:inline-block;min-width:164px;max-width:100%;text-align:left;vertical-align:middle}.custom-select-trigger{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:7px;padding:8px 12px;color:var(--text);background:var(--bg);font:inherit;font-size:14px;text-align:left;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.custom-select-trigger:hover{background:var(--bg-soft)}.custom-select-trigger:focus-visible,.custom-select.open .custom-select-trigger{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.custom-select.open .select-arrow{transform:rotate(225deg) translate(-1px,-1px)}.custom-select-menu{position:absolute;z-index:90;left:0;top:calc(100% + 6px);width:max-content;min-width:100%;max-width:min(320px,80vw);padding:5px;display:flex;flex-direction:column;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 14px 36px rgba(29,33,41,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.98);transform-origin:top left;transition:opacity .16s ease,transform .2s var(--ease),visibility 0s linear .2s}.custom-select.open .custom-select-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.custom-select-option{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:7px;padding:7px 10px;color:var(--text-2);background:transparent;font:inherit;font-size:13px;text-align:left;white-space:nowrap;cursor:pointer;outline:none}.custom-select-option:focus-visible,.custom-select-option:hover{color:var(--text);background:var(--bg-soft)}.custom-select-option.on{color:var(--text);background:var(--bg-hover)}.custom-select-check{font-style:normal;font-size:12px;opacity:0}.custom-select-option.on .custom-select-check{opacity:1}.card:has(.custom-select.open){z-index:20}.card-demo:has(.custom-select){overflow:visible}@media (prefers-reduced-motion:reduce){.custom-select-menu{transition:none}}.demo-switch{position:relative;display:inline-block;width:44px;height:24px}.demo-switch input{opacity:0;width:0;height:0}.demo-switch .track{position:absolute;inset:0;border-radius:999px;background:#c9cdd4;transition:background .25s var(--ease);cursor:pointer}.demo-switch .track:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .25s var(--ease)}.demo-switch input:checked+.track{background:var(--brand)}.demo-switch input:checked+.track:before{transform:translateX(20px)}.switch-label{font-size:13px;color:var(--text-2);margin-left:4px}.demo-tabs-wrap{display:flex;flex-direction:column;align-items:center}.demo-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);width:100%;max-width:320px}.demo-tabs .tab{border:none;background:none;font-size:14px;color:var(--text-2);padding:8px 14px;position:relative;transition:color .2s}.demo-tabs .tab:hover{color:var(--text)}.demo-tabs .tab.active{color:var(--brand);font-weight:500}.demo-tabs .tab:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--brand);border-radius:2px;transform:scaleX(0);transition:transform .25s var(--ease)}.demo-tabs .tab.active:after{transform:scaleX(1)}.tabs-panel{width:100%;max-width:320px;padding-top:12px;font-size:13px;color:var(--text-3);text-align:left}.demo-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:3px 10px;border-radius:4px;border:1px solid transparent}.demo-tag.blue{color:var(--brand);background:var(--brand-light)}.demo-tag.green{color:var(--green);background:var(--green-light)}.demo-tag.red{color:var(--red);background:var(--red-light)}.demo-tag.gray{color:var(--text-2);background:var(--bg-hover);border-color:var(--border)}.demo-tag .close{cursor:pointer;font-weight:700;opacity:.6;font-style:normal}.demo-tag .close:hover{opacity:1}.demo-progress{width:240px;max-width:100%}.demo-progress .bar-track{height:6px;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border-light);overflow:hidden}.demo-progress .bar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--brand),#722ed1);transition:width 1s var(--ease)}.demo-progress .bar-text{font-size:12px;color:var(--text-3);margin-top:6px;display:flex;justify-content:space-between}.tip-wrap{position:relative;display:inline-block}.tip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--text);color:#fff;font-size:12px;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}.tip-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--text)}.tip-wrap:hover .tip-bubble{opacity:1;transform:translateX(-50%) translateY(0)}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);font-size:15px;transition:all .2s var(--ease)}.icon-btn:hover{color:var(--brand);border-color:var(--brand)}.dm-scene{position:relative;width:100%;max-width:250px;height:104px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--border)}.dh-demo .dm-scene{max-width:360px;height:148px}.dm-skel{position:absolute;inset:0;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.dm-skel i{display:block;height:7px;border-radius:4px;background:var(--bg-hover)}.dm-mask{inset:0;background:rgba(29,33,41,.32)}.dm-box,.dm-mask{position:absolute}.dm-box{left:50%;top:50%;transform:translate(-50%,-50%);width:78%;background:#fff;border-radius:8px;padding:10px 12px;box-shadow:0 6px 20px rgba(29,33,41,.2);display:flex;flex-direction:column;gap:6px}.dm-title{font-size:12px;font-weight:600;color:var(--text)}.dm-line{height:6px;border-radius:3px;background:var(--bg-hover);width:85%}.dm-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:2px}.dm-actions .btn{padding:3px 10px;font-size:12px;pointer-events:none}.dt-scene{position:relative;width:100%;max-width:250px;height:104px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--border)}.dh-demo .dt-scene{max-width:360px;height:148px}.dt-toast{position:absolute;top:12px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:12px;color:var(--text);box-shadow:0 4px 14px rgba(29,33,41,.14);white-space:nowrap}.dt-toast i{width:7px;height:7px;border-radius:50%;background:var(--green)}.dt-body{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px}.dt-body .btn{pointer-events:none}.demo-live-trigger{display:flex;flex-direction:column;align-items:center;gap:6px}.demo-live-trigger .hint{font-size:12px;color:var(--text-3)}.mk{position:relative;gap:6px;flex-wrap:wrap;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:8px;padding:12px 10px;margin-top:8px;color:var(--text-2);line-height:1.5;min-height:64px}.mk,.mk.bad:after{display:flex;align-items:center;justify-content:center;font-size:12px}.mk.bad:after{content:"✕";position:absolute;top:6px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--red);color:#fff;font-weight:700}.mk-col{flex-direction:column;align-items:stretch}.mk-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mk-row.between{justify-content:space-between}.mk-win{background:#fff;border:1px solid var(--border);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:5px;width:100%}.mk-line{display:block;height:6px;border-radius:3px;background:#e5e6eb}.mk-btn{display:inline-flex;align-items:center;white-space:nowrap;border-radius:4px;padding:3px 9px;font-size:12px;line-height:1.4;border:1px solid transparent}.mk-btn.primary{background:var(--brand);color:#fff}.mk-btn.outline{border-color:var(--border);color:var(--text-2);background:#fff}.mk-btn.danger{background:var(--red-light);color:var(--red)}.mk-btn.text{color:var(--brand);padding:3px 4px}.mk-link{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.mk-input{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--border);border-radius:4px;padding:4px 8px;min-width:104px;color:var(--text);font-size:12px}.mk-input em{color:var(--text-3);font-style:normal}.mk-input.focus{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 12%,transparent)}.mk-textarea{padding:6px 8px;width:100%;color:var(--text-2);display:flex;flex-direction:column;gap:4px}.mk-select,.mk-textarea{background:#fff;border:1px solid var(--border);border-radius:4px;font-size:12px}.mk-select{display:inline-flex;align-items:center;gap:8px;padding:4px 8px;color:var(--text)}.mk-caret{width:6px;height:6px;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(45deg) translateY(-2px)}.mk-drop{background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 14px rgba(29,33,41,.12);display:flex;flex-direction:column;width:130px;padding:4px}.mk-opt{padding:4px 8px;border-radius:4px;font-size:12px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-opt.on{background:var(--brand-light);color:var(--brand)}.mk-casc{display:flex;background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden;box-shadow:0 4px 14px rgba(29,33,41,.12)}.mk-casc .mk-opt{width:76px;border-radius:0}.mk-switch{width:30px;height:17px;border-radius:999px;flex:none;background:#c9cdd4;position:relative;display:inline-block}.mk-switch i{position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff}.mk-switch.on{background:var(--brand)}.mk-switch.on i{left:15px}.mk-choice{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-2)}.mk-box{width:12px;height:12px;border-radius:3px;border:1.5px solid #c9cdd4;background:#fff;position:relative;flex:none}.mk-box.on{background:var(--brand);border-color:var(--brand)}.mk-box.on:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:7px;box-sizing:border-box;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:translate(-50%,-60%) rotate(45deg);transform-origin:center}.mk-radio{width:12px;height:12px;border-radius:50%;border:1.5px solid #c9cdd4;background:#fff;position:relative;flex:none}.mk-radio.on{border-color:var(--brand)}.mk-radio.on:after{content:"";position:absolute;inset:2.5px;border-radius:50%;background:var(--brand)}.mk-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);width:100%}.mk-tab{padding:3px 8px;color:var(--text-3);border-bottom:2px solid transparent;font-size:12px;white-space:nowrap}.mk-tab.on{color:var(--brand);border-color:var(--brand)}.mk-tag{padding:1px 7px;border-radius:3px;font-size:12px;white-space:nowrap}.mk-tag.blue{color:var(--brand);background:var(--brand-light)}.mk-tag.green{color:var(--green);background:var(--green-light)}.mk-tag.red{color:var(--red);background:var(--red-light)}.mk-tag.orange{color:#ff7d00;background:#fff7e8}.mk-tag.gray{color:var(--text-2);background:var(--bg-hover)}.mk-toast{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--border);border-radius:5px;padding:4px 10px;box-shadow:0 2px 8px rgba(29,33,41,.1);font-size:12px;color:var(--text);white-space:nowrap}.mk-dot{width:7px;height:7px;border-radius:50%;background:var(--green);flex:none}.mk-dot.red{background:var(--red)}.mk-scene{position:relative;width:100%;height:88px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--border-light)}.mk-scene.tall{height:110px}.mk-skel{padding:9px 11px;display:flex;flex-direction:column;gap:6px}.mk-mask,.mk-skel{position:absolute;inset:0}.mk-mask{background:rgba(29,33,41,.32)}.mk-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:78%;background:#fff;border-radius:6px;padding:8px 10px;box-shadow:0 4px 16px rgba(29,33,41,.2);display:flex;flex-direction:column;gap:5px}.mk-modal .m-title{font-size:12px;font-weight:600;color:var(--text)}.mk-modal .m-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:2px}.mk-modal .m-actions .mk-btn{padding:2px 7px;font-size:12px}.mk-modal.small{width:58%}.mk-modal.offset{left:62%;top:42%}.mk-toast-float{position:absolute;top:7px;left:50%;transform:translateX(-50%);z-index:2}.mk-notif{position:absolute;top:8px;right:8px;width:66%;background:#fff;border:1px solid var(--border);border-radius:6px;padding:7px 9px;box-shadow:0 4px 14px rgba(29,33,41,.14);display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2)}.mk-notif b{font-size:12px;color:var(--text)}.mk-alert{gap:6px;width:100%;background:var(--red-light);border:1px solid #fdcdc5;border-radius:5px;padding:5px 9px;font-size:12px;color:var(--red)}.mk-alert,.mk-steps{display:flex;align-items:center}.mk-steps{gap:4px}.mk-step{gap:4px;color:var(--text-3)}.mk-step,.mk-step i{display:flex;align-items:center;font-size:12px}.mk-step i{width:15px;height:15px;border-radius:50%;flex:none;border:1.5px solid #c9cdd4;background:#fff;justify-content:center;font-style:normal}.mk-step.on{color:var(--brand)}.mk-step.on i{border-color:var(--brand);background:var(--brand);color:#fff}.mk-step-bar{width:16px;height:1.5px;background:var(--border)}.mk-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--brand-light);border-top-color:var(--brand);animation:mk-spin .8s linear infinite}@keyframes mk-spin{to{transform:rotate(1turn)}}.mk-progress{width:100%;height:5px;border-radius:99px;background:#ebedf0;overflow:hidden}.mk-progress i{display:block;height:100%;background:var(--brand);border-radius:99px}.mk-progress.stuck i{background:#c9cdd4}.mk-donut{width:36px;height:36px;flex:none;background:conic-gradient(var(--brand) 0 66%,#ebedf0 66% 100%)}.mk-donut,.mk-donut i{border-radius:50%;display:flex;align-items:center;justify-content:center}.mk-donut i{width:22px;height:22px;background:var(--bg-soft);font-size:11px;color:var(--text-2);font-style:normal}.mk-tip-wrap{position:relative;display:inline-flex}.mk-tip-bubble{bottom:calc(100% + 5px);background:var(--text);color:#fff;font-size:12px;padding:2px 7px;border-radius:4px;white-space:nowrap;z-index:2}.mk-tip-bubble,.mk-tip-bubble:after{position:absolute;left:50%;transform:translateX(-50%)}.mk-tip-bubble:after{content:"";top:100%;border:3.5px solid transparent;border-top:3.5px solid var(--text)}.mk-icon-btn{width:22px;height:22px;border-radius:5px;border:1px solid var(--border);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);font-size:12px}.mk-popover{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);width:130px;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 14px rgba(29,33,41,.14);padding:7px 8px;z-index:2}.mk-phone,.mk-popover{background:#fff;display:flex;flex-direction:column;gap:4px}.mk-phone{width:44px;height:76px;border:2px solid var(--text-3);border-radius:8px;padding:6px 5px}.mk-truncate{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff;border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-size:12px;color:var(--text)}.mk-ok{color:var(--green)}.mk-no,.mk-ok{font-weight:700}.mk-no{color:var(--red)}.hero-home{max-width:1080px;margin:0 auto;padding:72px 32px 40px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--brand);background:var(--brand-light);padding:4px 12px;border-radius:999px;font-weight:500;margin-bottom:18px}.hero-home h1{font-size:40px;line-height:1.25;letter-spacing:-.5px;margin-bottom:14px;font-weight:700}.hero-home h1 em{font-style:normal;background:linear-gradient(120deg,var(--brand),#722ed1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-home p{color:var(--text-2);font-size:16px;max-width:560px}.hero-stats{display:flex;gap:28px;margin-top:26px}.hero-stats .stat{font-size:13px;color:var(--text-3)}.hero-stats .stat b{display:block;font-size:22px;color:var(--text);font-weight:700}.grid-wrap{max-width:1080px;margin:0 auto;padding:16px 32px 96px}.grid-title{display:flex;align-items:baseline;gap:12px;margin:24px 0 20px}.grid-title h2{font-size:20px;font-weight:600}.grid-title span{font-size:13px;color:var(--text-3)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 20px 16px;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s;display:flex;flex-direction:column;position:relative}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:#d9dbe0}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.card-head h3{font-size:16px;font-weight:600}.card-head h3 span{color:var(--text-3);font-weight:400;font-size:13px;margin-left:6px}.card-cat{font-size:12px;color:var(--text-3);background:var(--bg-soft);border:1px solid var(--border-light);padding:2px 8px;border-radius:999px}.card-tagline{margin-bottom:16px;color:var(--text-2);font-size:14px;line-height:1.65}.card-demo{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius);min-height:108px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px;margin-bottom:0;overflow:hidden}.card .card-demo>*{opacity:.8;filter:grayscale(.1);transition:opacity .25s var(--ease),filter .25s var(--ease)}.card:hover .card-demo>*{opacity:1;filter:none}.card-open{color:var(--brand);font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:gap .2s var(--ease)}.card:hover .card-open{gap:8px}.detail{max-width:920px;margin:0 auto;padding:28px 32px 80px}.detail-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.detail-breadcrumb{min-width:0;display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:13px;line-height:1.4}.breadcrumb-link{flex:none;padding:4px 0;border:0;background:transparent;color:var(--text-2);font:inherit;transition:color .2s var(--ease)}.breadcrumb-link:focus-visible{color:var(--brand);outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.breadcrumb-separator{flex:none;color:var(--border);font-size:16px}.breadcrumb-current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600}.float-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:40;height:46px;padding:0 18px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--bg);box-shadow:var(--shadow-card);color:var(--text-2);font-size:14px;transition:all .22s var(--ease);white-space:nowrap}.float-nav .fn-arrow{font-size:16px;color:var(--text-3);transition:color .2s,transform .22s var(--ease)}.float-nav .fn-text{font-weight:500}.float-nav:hover{border-color:var(--brand);box-shadow:var(--shadow-float)}.float-nav:hover,.float-nav:hover .fn-arrow{color:var(--brand)}.float-nav.left{left:28px}.float-nav.right{right:28px}.float-nav.left:hover .fn-arrow{transform:translateX(-3px)}.float-nav.right:hover .fn-arrow{transform:translateX(3px)}.detail-hero{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 36px 32px;margin-bottom:28px}.detail-hero .dh-head{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}.detail-hero h1{font-weight:700;letter-spacing:-.3px}.detail-hero h1 span{color:var(--text-3);font-weight:400;font-size:18px;margin-left:8px}.detail-hero .dh-tagline{color:var(--text-2);font-size:15px;margin-bottom:24px}.alias-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-12px 0 20px;font-size:12px;color:var(--text-3)}.alias-row>span{margin-right:2px}.alias-row em{font-style:normal;color:var(--text-2);background:var(--bg-soft);border:1px solid var(--border-light);border-radius:999px;padding:3px 8px}.detail-hero .dh-demo{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius);min-height:160px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:28px}.detail-desc{color:var(--text-2);font-size:15px;margin:-8px 0 28px;padding:0 4px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.distinctions,.usage-grid{margin-bottom:28px}.distinction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));grid-gap:12px;gap:12px}.distinction-card{border:1px solid var(--border);border-radius:12px;padding:15px 16px;background:var(--bg)}.distinction-head{display:flex;align-items:center;gap:7px;color:var(--text);font-size:13px;font-weight:600}.distinction-head b{color:var(--text-3);font-size:14px}.distinction-head small{margin-left:4px;color:var(--text-3);font-size:11px;font-weight:500}.distinction-target{color:var(--brand);font:inherit;text-decoration:none}.distinction-target small{color:inherit}.distinction-target:hover{text-decoration:underline;text-underline-offset:3px}.distinction-target:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:3px}.distinction-card p{margin:9px 0 0;color:var(--text-2);font-size:13px;line-height:1.65}.catalog-color-picker,.catalog-file,.catalog-icons,.catalog-icons-detail,.catalog-refresh,.catalog-result-status,.catalog-table-head,.catalog-toolbar{display:flex;align-items:center;gap:9px}.catalog-color-picker{border:1px solid var(--border);border-radius:8px;background:var(--bg);padding:7px 9px;font-size:13px;color:var(--text);min-width:130px}.catalog-color-picker i,.catalog-swatches i{width:20px;height:20px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);flex:none}.catalog-color-picker b{margin-left:auto;color:var(--text-3)}.catalog-color-panel{width:220px;display:grid;grid-gap:12px;gap:12px;padding:2px}.catalog-hue{height:74px;border-radius:8px;background:linear-gradient(135deg,#fff,#7257d8 50%,#15131e);border:1px solid var(--border-light)}.catalog-swatches{display:flex;gap:10px}.catalog-color-value{border:1px solid var(--border);border-radius:7px;background:var(--bg);padding:7px 9px;font-size:12px;color:var(--text-2)}.catalog-chart{width:min(240px,100%);height:110px;display:flex;align-items:flex-end;gap:12px;box-sizing:border-box;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}.catalog-chart i{flex:1 1;min-height:12px;border-radius:5px 5px 2px 2px}.catalog-file-list,.catalog-form-card,.catalog-settings{width:min(290px,100%);display:grid;grid-gap:10px;gap:10px;border:1px solid var(--border);border-radius:10px;padding:13px;background:var(--bg)}.catalog-settings>div{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-2)}.catalog-field{display:grid;grid-gap:5px;gap:5px;width:min(260px,100%);font-size:12px;color:var(--text)}.catalog-field label b{color:var(--red)}.catalog-field small{color:var(--text-3);font-size:11px}.catalog-error{color:var(--red)!important}.catalog-file{width:min(300px,100%);box-sizing:border-box;border:1px solid var(--border-light);border-radius:9px;padding:8px 10px;background:var(--bg);color:var(--text)}.catalog-file>b{font-size:18px}.catalog-file>span{display:grid;grid-gap:2px;gap:2px;flex:1 1;min-width:0;font-size:12px}.catalog-file small,.catalog-video small{display:block;color:var(--text-3);font-size:11px}.catalog-file>i{font-style:normal;color:var(--text-3)}.catalog-file em{color:var(--green);font-size:12px;font-style:normal}.catalog-icons{font-size:21px;color:var(--text-2)}.catalog-icons i,.catalog-toolbar>i{width:30px;height:30px;border:1px solid var(--border);border-radius:7px;display:grid;place-items:center;font-style:normal;font-size:16px;background:var(--bg)}.catalog-icons-detail{gap:14px;font-size:12px;color:var(--text-2)}.catalog-icons-detail span{display:inline-flex;align-items:center;gap:5px}.catalog-icon-anatomy{display:inline-flex;align-items:center;gap:7px;color:var(--text-2);font-size:13px}.catalog-icon-anatomy>:first-child{font-size:20px;color:var(--text)}.catalog-icon-button{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text-2);font:inherit}.catalog-icon-status{color:var(--green);font-size:13px}.catalog-quote{width:min(330px,100%);box-sizing:border-box;margin:0;padding:8px 0 8px 13px;border-left:3px solid var(--brand);color:var(--text-2);font-size:14px;line-height:1.7}.catalog-quote cite{display:block;margin-top:7px;color:var(--text-3);font-size:12px;font-style:normal}.catalog-article{width:min(350px,100%);display:grid;grid-gap:12px;gap:12px}.catalog-video{width:min(310px,100%);min-height:100px;box-sizing:border-box;display:grid;align-content:end;grid-gap:4px;gap:4px;border-radius:10px;padding:13px;color:#fff;background:linear-gradient(135deg,#342b62,#7257d8 56%,#e27655);overflow:hidden}.catalog-video>div{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:var(--brand);font-size:14px}.catalog-video>span{font-size:13px;font-weight:600}.catalog-video small{color:rgba(255,255,255,.75)}.catalog-skip-demo{width:min(330px,100%);overflow:hidden;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.catalog-skip-link{display:inline-block;position:relative;z-index:1;margin:7px;padding:6px 9px;border-radius:6px;background:var(--brand);color:#fff;font-size:12px;font-weight:600}.catalog-fake-nav{border-top:1px solid var(--border-light);padding:9px 12px;color:var(--text-3);font-size:11px}.catalog-skip-demo main{padding:16px 12px;color:var(--text);font-size:13px}.catalog-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;white-space:nowrap}.catalog-vh-demo{display:grid;grid-gap:10px;gap:10px;width:min(270px,100%);color:var(--text-2);font-size:13px}.catalog-vh-demo p{margin:0}.catalog-result-status,.catalog-table-head{width:min(270px,100%);box-sizing:border-box;border:1px solid var(--border-light);border-radius:8px;padding:9px 11px;color:var(--text-2);font-size:12px}.catalog-table-head{justify-content:space-between}.catalog-spinner{width:22px;height:22px;display:inline-block;border:3px solid color-mix(in srgb,var(--brand) 18%,transparent);border-top-color:var(--brand);border-radius:50%;animation:catalog-spin .8s linear infinite;vertical-align:middle}.catalog-spinner.small{width:13px;height:13px;border-width:2px}@keyframes catalog-spin{to{transform:rotate(1turn)}}.catalog-spinner-detail{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:12px;color:var(--text);font-size:13px}.catalog-spinner-detail small{color:var(--text-3);font-size:11px}.catalog-refresh{width:min(270px,100%);justify-content:space-between;border-bottom:1px solid var(--border);padding:8px 2px;font-size:13px}.usage-box{border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;background:var(--bg)}.usage-box h3{font-size:15px;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:8px}.ui-icon{display:block;width:1em;height:1em;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.usage-box .mark{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}.usage-box.use .mark{background:var(--green-light);color:var(--green)}.usage-box.dont .mark{background:var(--red-light);color:var(--red)}.usage-box .mark .ui-icon{width:13px;height:13px}.usage-box ul{list-style:none;display:flex;flex-direction:column}.usage-box li{position:relative;padding-left:18px;margin:0;color:var(--text-2);font-size:14px}.usage-box li+li{margin-top:26px;padding-top:24px;border-top:1px solid var(--border-light)}.usage-box li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--text-3)}.usage-box li+li:before{top:33px}.usage-box.use li:before{background:var(--green)}.usage-box.dont li:before{background:var(--red)}.usage-box li b{color:var(--text);font-weight:600}.usage-text{margin-bottom:12px;line-height:1.8}.c-ref{white-space:nowrap}.c-ref b{font-weight:600}.c-link{color:var(--brand);cursor:pointer;padding:0 3px;margin:0 -1px;border-radius:5px;border-bottom:1px dashed color-mix(in srgb,var(--brand) 45%,transparent);transition:background .2s var(--ease),border-color .2s}.c-link:hover{background:var(--brand-light);border-bottom-color:transparent}.cat-section{margin-bottom:8px}.cat-title{font-size:17px;font-weight:600;margin:32px 0 16px;display:flex;align-items:center;gap:10px}.cat-title:after{content:"";flex:1 1;height:1px;background:var(--border-light)}.cat-title span{font-size:12px;color:var(--text-3);font-weight:400}.anat-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;background:var(--bg);margin-bottom:28px}.anat-stage{counter-reset:ap;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius);padding:36px 28px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;min-height:130px}.anat-stage .ap{position:relative;outline:1.5px dashed color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:4px;counter-increment:ap;border-radius:4px;transition:outline-color .2s,background .2s}.anat-stage .ap:after{content:counter(ap);position:absolute;top:-7px;left:-7px;z-index:2;width:14px;height:14px;border-radius:50%;background:var(--brand);color:#fff;box-shadow:0 0 0 2px #fff,0 1px 4px rgba(29,33,41,.3);font-size:12px;font-weight:700;font-style:normal;display:flex;align-items:center;justify-content:center;transition:transform .2s var(--ease)}.anat-stage .ap .ap:after{left:auto;right:-7px}.anat-stage .ap .ap .ap:after{top:auto;bottom:-7px}.anat-stage .ap.on{outline:2px solid var(--brand);background:color-mix(in srgb,var(--brand) 7%,transparent)}.anat-stage .ap.on:after{transform:scale(1.2)}.anat-parts{display:flex;flex-direction:column;gap:4px}.anat-part{display:flex;align-items:baseline;gap:10px;padding:9px 12px;border-radius:8px;transition:background .2s var(--ease)}.anat-part:hover{background:var(--bg-soft)}.anat-part .idx{width:18px;height:18px;border-radius:50%;flex:none;background:var(--brand-light);color:var(--brand);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transform:translateY(3px)}.anat-part .pn{font-weight:600;font-size:14px;white-space:nowrap}.anat-part .pe{color:var(--text-3);font-size:12px;font-family:SF Mono,Menlo,monospace;white-space:nowrap}.anat-part .pd{color:var(--text-2);font-size:13px;margin-left:auto;text-align:right;max-width:56%}.variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px;margin-bottom:28px}.variant-card{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg);transition:box-shadow .2s var(--ease)}.variant-card:hover{box-shadow:var(--shadow-card)}.variant-name{padding:8px 12px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.variant-name span{color:var(--text-3);font-weight:400;font-size:12px;white-space:nowrap}.variant-demo{padding:16px 12px;min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;background:var(--bg-soft)}.scenes{margin-bottom:28px}.section-title{font-size:17px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1 1;height:1px;background:var(--border-light)}.code-block{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-soft);overflow:hidden}.code-block .cb-head{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-3)}.code-block .cb-head i{width:10px;height:10px;border-radius:50%;background:var(--border);display:inline-block}.code-block pre{padding:16px 20px;font-size:13px;line-height:1.7;font-family:SF Mono,Menlo,Consolas,monospace;color:var(--text-2);overflow-x:auto;white-space:pre}.code-block .tk-tag{color:var(--brand)}.code-block .tk-attr{color:#722ed1}.code-block .tk-str{color:var(--green)}.variant-when{padding:8px 12px;font-size:12px;color:var(--text-3);border-top:1px solid var(--border-light);line-height:1.5}@media (max-width:1240px){.float-nav{padding:0 13px}.float-nav .fn-text{display:none}.float-nav.left{left:12px}.float-nav.right{right:12px}}@media (max-width:720px){.nav{padding:0 18px}.hero-home{padding:48px 20px 28px}.hero-home h1{font-size:30px}.grid-wrap{padding:8px 20px 72px}.detail{padding:20px 20px 64px}.detail-hero{padding:24px 20px}.usage-grid{grid-template-columns:1fr}.float-nav{display:none}}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-spin{display:inline-block;vertical-align:-2px;margin-right:6px;width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.button-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;width:264px;max-width:100%;display:flex;flex-direction:column;gap:10px}.button-panel .demo-input{width:100%}.button-panel-title{font-size:15px;font-weight:600;color:var(--text)}.button-panel-submit{width:100%}.button-panel-foot{display:flex;justify-content:space-between;font-size:12px}.link-a{color:var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .2s var(--ease)}.link-a:hover{color:var(--brand-hover)}.link-subtle{color:var(--text-3)}.link-p,.link-subtle:hover{color:var(--text-2)}.link-p{font-size:14px;line-height:2;text-align:center}.link-article{width:360px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;text-align:left;display:flex;flex-direction:column;gap:8px}.link-article-title{font-size:15px;font-weight:600;color:var(--text)}.link-article p{font-size:13px;color:var(--text-2);line-height:1.8}.link-article>.link-a{font-size:13px;align-self:flex-start}.typography-demo{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left}.typography-h1{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.3px}.typography-h2{font-size:16px;font-weight:600;color:var(--text)}.typography-p{font-size:13px;color:var(--text-2);line-height:1.7}.typography-cap{font-size:12px;color:var(--text-3)}.divider-h{width:100%;height:1px;background:var(--border)}.divider-dashed{width:100%;border-top:1px dashed var(--border)}.divider-v{width:1px;align-self:stretch;min-height:20px;background:var(--border)}.divider-text{display:flex;align-items:center;gap:10px;width:100%;font-size:12px;color:var(--text-3);white-space:nowrap}.divider-text i{flex:1 1;height:1px;background:var(--border)}.divider-demo{width:220px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.divider-sec{font-size:13px;font-weight:600;color:var(--text)}.divider-login{width:240px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:12px}.divider-login-btn{width:100%}.divider-login-icons{display:flex;justify-content:center;gap:12px}.divider-ic{width:26px;height:26px;font-size:12px;border-radius:6px}.divider-anat-block{display:block;background:var(--bg);border:1px solid var(--border-light);border-radius:8px;padding:10px 14px;font-size:13px;color:var(--text-2)}.space-ruler{display:flex;align-items:center;gap:8px}.space-block{height:22px;background:var(--brand-light);border:1px solid var(--brand);border-radius:4px}.space-num{font-size:12px;color:var(--text-3);margin-right:6px}.space-box{width:26px;height:26px;border-radius:6px;background:var(--brand-light);border:1px solid var(--brand)}.space-row{display:flex;align-items:center}.space-formdemo{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;width:280px;max-width:100%;gap:16px}.space-field,.space-formdemo{display:flex;flex-direction:column}.space-field{gap:6px}.space-field label{font-size:12px;color:var(--text-3)}.space-field .demo-input{width:100%}.space-anat-outer{display:block;background:var(--bg-hover);border-radius:10px;padding:16px}.space-anat-card{display:block;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:16px}.space-anat-inner{display:flex;flex-direction:column;gap:10px}.space-anat-inner i{height:8px;border-radius:4px;background:var(--brand-light)}.space-anat-inner i:last-child{width:62%}.input-field{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.input-label{font-size:13px;font-weight:500;color:var(--text)}.input-hint{font-size:12px;color:var(--text-3)}.input-hint.err{color:var(--red)}.input-error,.input-error:focus{border-color:var(--red)}.input-error:focus{box-shadow:0 0 0 2px rgba(245,63,63,.12)}.demo-input:disabled{background:var(--bg-hover);color:var(--text-3);cursor:not-allowed}.input-icon{position:relative;display:inline-flex;align-items:center}.input-icon>i{position:absolute;left:10px;font-style:normal;font-size:13px;color:var(--text-3);pointer-events:none}.input-icon .demo-input{padding-left:30px}.ta-demo{width:240px;max-width:100%;height:auto;resize:vertical;line-height:1.6;font-family:inherit}.dh-demo .ta-demo{width:340px}.ta-wrap{display:flex;flex-direction:column;gap:4px}.ta-count{font-size:12px;color:var(--text-3);align-self:flex-end}.num-demo{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:6px;overflow:hidden}.num-btn,.num-demo{background:var(--bg)}.num-btn{border:none;color:var(--text-2);font-size:15px;padding:0 12px;transition:all .2s var(--ease)}.num-btn:hover{color:var(--brand);background:var(--brand-light)}.num-input{border:none;outline:none;width:52px;text-align:center;font-size:14px;color:var(--text);padding:8px 0;border-left:1px solid var(--border-light);border-right:1px solid var(--border-light)}.num-demo.sm .num-btn{padding:0 8px;font-size:13px}.num-demo.sm .num-input{width:40px;padding:5px 0;font-size:13px}.num-unit{display:inline-flex;align-items:center;padding:0 10px;font-size:13px;color:var(--text-3);background:var(--bg-soft);border-left:1px solid var(--border-light)}.num-demo.disabled{opacity:.5;pointer-events:none}.demo-radio{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--text-2);cursor:pointer;position:relative}.demo-radio input{position:absolute;opacity:0;width:0;height:0}.demo-radio>i{width:16px;height:16px;border-radius:50%;flex:none;border:1.5px solid #c9cdd4;background:#fff;position:relative;transition:border-color .2s}.demo-radio input:checked+i,.demo-radio:hover>i{border-color:var(--brand)}.demo-radio input:checked+i:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brand)}.demo-radio input:disabled+i{background:var(--bg-hover);border-color:#c9cdd4}.demo-radio input:disabled:checked+i:after{background:#c9cdd4}.demo-radio input:disabled~*{color:var(--text-3)}.rg-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.r-dot{width:16px;height:16px;border-radius:50%;display:inline-block;border:1.5px solid #c9cdd4;background:#fff;position:relative}.r-dot.on{border-color:var(--brand)}.r-dot.on:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--brand)}.radio-btns{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.radio-btns .rb{padding:6px 14px;font-size:13px;color:var(--text-2);background:#fff}.radio-btns .rb+.rb{border-left:1px solid var(--border-light)}.radio-btns .rb.on{background:var(--brand);color:#fff}.demo-radio .rd{display:flex;flex-direction:column;line-height:1.35}.demo-radio .rd small{font-size:12px;color:var(--text-3)}.demo-check{display:inline-flex;align-items:center;gap:7px;font-size:14px;color:var(--text-2);cursor:pointer;position:relative}.demo-check input{position:absolute;opacity:0;width:0;height:0}.demo-check>i{width:16px;height:16px;border-radius:4px;flex:none;border:1.5px solid #c9cdd4;background:#fff;position:relative;transition:all .2s}.demo-check:hover>i{border-color:var(--brand)}.demo-check input:checked+i{background:var(--brand);border-color:var(--brand)}.demo-check input:checked+i:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:9px;box-sizing:border-box;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);transform-origin:center}.demo-check.half input:checked+i:after{left:50%;top:50%;width:8px;height:0;border:0;border-bottom:2px solid #fff;transform:translate(-50%,-50%)}.demo-check input:disabled+i{background:var(--bg-hover);border-color:#c9cdd4}.demo-check input:disabled:checked+i{background:#c9cdd4}.chk-col{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.c-box{width:16px;height:16px;border-radius:4px;display:inline-block;background:var(--brand);position:relative}.c-box:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:9px;box-sizing:border-box;border:solid #fff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg);transform-origin:center}.sw-row{display:inline-flex;align-items:center;gap:8px}.demo-switch input:disabled+.track{opacity:.5;cursor:not-allowed}.swx{width:44px;height:24px;border-radius:999px;display:inline-block;background:#c9cdd4;position:relative}.swx.on{background:var(--brand)}.swx>.ap{position:absolute;top:3px;right:3px}.swx i{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2)}.demo-range{width:200px;max-width:100%;accent-color:var(--brand);cursor:pointer}.demo-range:disabled{cursor:not-allowed;opacity:.5}.sld-col{display:flex;flex-direction:column;gap:12px;width:240px;max-width:100%}.sld-line{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.sld-line .demo-range{flex:1 1}.sld{position:relative;width:220px;height:22px;display:inline-block}.sld>.ap{position:absolute;inset:0;display:flex;align-items:center}.sld-trk{width:100%;border-radius:99px;background:var(--bg-hover);border:1px solid var(--border-light)}.sld-fl,.sld-trk{display:block;height:6px}.sld-fl{border-radius:99px;background:var(--brand)}.sld-th{display:block;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--brand);box-shadow:0 1px 4px rgba(29,33,41,.18)}.sld-val{font-size:14px;color:var(--text)}.sld-plain{position:relative;width:200px;height:22px;display:inline-block}.sld-plain>i{position:absolute;top:50%;transform:translateY(-50%)}.sld-plain .sld-trk{left:0;width:100%}.sld-plain .sld-th{margin-left:-8px}.sld-marks-wrap{display:inline-flex;flex-direction:column;gap:4px}.sld-marks{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3)}.rate-row{display:inline-flex;align-items:center;gap:8px}.rate-demo{display:inline-flex;gap:3px;font-size:22px;line-height:1;color:#d8dade}.rate-demo i{font-style:normal}.rate-demo i.on{color:#ffb400}.rate-demo i.half{background:linear-gradient(90deg,#ffb400 50%,#d8dade 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.rate-demo.heart i.on{color:var(--red)}.rate-text{font-size:13px;color:var(--text-3)}.rate-score{font-size:16px;color:var(--text)}.cas-box,.dp-box,.select-box,.tp-box,.ts-box{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:6px;padding:8px 12px;font-size:14px;color:var(--text);background:var(--bg);white-space:nowrap}.select-arrow{width:7px;height:7px;flex:none;border-right:1.5px solid var(--text-3);border-bottom:1.5px solid var(--text-3);transform:rotate(45deg) translateY(-2px)}.select-open{gap:6px;align-items:flex-start}.select-open,.select-panel{display:flex;flex-direction:column}.select-panel{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:4px;min-width:176px}.select-opt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap}.select-opt.on{background:var(--brand-light);color:var(--brand)}.select-check,.select-clear{font-style:normal;font-size:12px}.select-box.dis,.select-clear{color:var(--text-3)}.select-box.dis{background:var(--bg-hover)}.ac-wrap{display:flex;flex-direction:column;gap:6px;width:240px;max-width:100%}.ac-wrap .demo-input{width:100%}.ac-panel{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:4px;display:flex;flex-direction:column}.ac-item{padding:7px 10px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-item.on{background:var(--brand-light)}.ac-item b{color:var(--brand);font-weight:600}.ac-group{padding:5px 10px 2px;font-size:12px;color:var(--text-3)}.cas-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.cas-cols{display:flex;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);overflow:hidden}.cas-col{display:flex;flex-direction:column;padding:4px;min-width:96px}.cas-col+.cas-col{border-left:1px solid var(--border-light)}.cas-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap}.cas-opt.on{background:var(--brand-light);color:var(--brand)}.cas-next{font-style:normal;font-size:12px;color:var(--text-3)}.cas-opt.on .cas-next{color:var(--brand)}.ts-wrap{gap:6px;align-items:flex-start}.ts-panel,.ts-wrap{display:flex;flex-direction:column}.ts-panel{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:4px;min-width:180px}.ts-node{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap}.ts-node.on{background:var(--brand-light);color:var(--brand)}.ts-l1{padding-left:26px}.ts-l2{padding-left:44px}.ts-caret{width:12px;text-align:center;font-style:normal;font-size:12px;color:var(--text-3)}.ts-check{width:14px;height:14px;flex:none;border-radius:3px;border:1.5px solid #c9cdd4;background:#fff;position:relative}.ts-check.on{background:var(--brand);border-color:var(--brand)}.ts-check.on:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}.ts-check.half{background:var(--brand);border-color:var(--brand)}.ts-check.half:after{content:"";position:absolute;left:2px;right:2px;top:5.5px;height:1.5px;background:#fff}.dp-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.dp-ico{font-style:normal;font-size:12px}.dp-panel{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:10px 12px;width:236px}.dp-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--text-3);margin-bottom:8px}.dp-head b{color:var(--text);font-size:13px}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:2px;gap:2px;text-align:center}.dp-week{font-size:12px;color:var(--text-3);margin-bottom:4px}.dp-cell{font-size:12px;color:var(--text-2);padding:3px 0;border-radius:5px}.dp-cell.dim{color:var(--text-3);opacity:.55}.dp-cell.on{background:var(--brand);color:#fff}.dp-cell.range{background:var(--brand-light);color:var(--brand);border-radius:0}.dp-cell.dis{color:var(--text-3);opacity:.5;text-decoration:line-through}.dp-quick{display:flex;gap:8px;flex-wrap:wrap}.dp-foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;font-size:12px;color:var(--text-3)}.tp-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.tp-panel{display:flex;align-items:center;gap:2px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:6px}.tp-col{display:flex;flex-direction:column;max-height:124px;overflow:hidden}.tp-item{padding:4px 14px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap}.tp-item.on{background:var(--brand-light);color:var(--brand)}.tp-sep{color:var(--text-3);padding:0 2px}.tp-range{display:flex;align-items:center;gap:8px}.tp-range em{color:var(--text-3);font-style:normal}.ul-wrap{gap:10px;width:280px;max-width:100%}.ul-drop,.ul-wrap{display:flex;flex-direction:column}.ul-drop{border:1.5px dashed var(--border);border-radius:10px;background:#fff;padding:14px 12px;align-items:center;gap:3px;font-size:16px;color:var(--text-2)}.ul-drop span{font-size:13px}.ul-drop em{font-size:12px;color:var(--text-3);font-style:normal}.ul-file{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px}.ul-ico{font-size:15px}.ul-meta{flex:1 1;display:flex;flex-direction:column;gap:5px;min-width:0}.ul-meta b{font-size:12px;font-weight:500;color:var(--text)}.ul-meta .demo-progress{width:100%}.ul-pct{font-size:12px;color:var(--text-3)}.ul-done{color:var(--green);font-size:13px}.ul-thumbs{display:flex;gap:8px}.ul-thumb{width:56px;height:56px;border-radius:8px;background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:22px}.ul-thumb.add{border-style:dashed;background:#fff;color:var(--text-3);font-size:18px}.form-demo{display:flex;flex-direction:column;gap:12px;width:320px;max-width:100%}.form-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-label{width:44px;text-align:right;font-size:13px;color:var(--text-2);flex:none}.form-item .demo-input{flex:1 1;width:auto}.form-item .custom-select,.form-item .demo-select-wrap{flex:1 1}.form-item .demo-select{width:100%}.form-item.err .demo-input{border-color:var(--red)}.form-error{width:100%;padding-left:54px;font-size:12px;color:var(--red)}.form-actions{display:flex;gap:8px;padding-left:54px}.form-vertical .form-item{flex-direction:column;align-items:stretch;gap:5px}.form-vertical .form-label{width:auto;text-align:left}.form-vertical .form-actions{padding-left:0}.form-inline{flex-direction:row;align-items:center;flex-wrap:wrap;width:auto}.form-inline .form-item{flex-wrap:nowrap}.form-inline .form-label{width:auto}.form-inline .form-actions{padding-left:0}.table-demo{width:100%;max-width:290px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}.dh-demo .table-demo{max-width:440px;font-size:13px}.table-demo .t-row{display:flex;align-items:center}.table-demo .t-row+.t-row{border-top:1px solid var(--border-light)}.table-demo .t-head{background:var(--bg-soft);font-weight:600}.table-demo .t-head .t-cell{color:var(--text-2)}.table-demo .t-cell{flex:1 1;padding:7px 12px;color:var(--text-2);white-space:nowrap}.table-demo .t-cell:first-child{color:var(--text)}.table-demo .t-check{flex:none;width:40px;align-self:stretch;display:flex;align-items:center;justify-content:center}.table-demo .t-check .mk-box{width:15px;height:15px}.table-demo .t-sort{color:var(--text);font-weight:600}.table-demo.striped .t-row:nth-child(odd):not(.t-head){background:var(--bg-soft)}.table-demo.compact .t-cell{padding:4px 10px;font-size:12px}.list-demo{width:100%;max-width:290px;background:var(--bg);border:1px solid var(--border);border-radius:8px;overflow:hidden}.dh-demo .list-demo{max-width:400px}.list-item{display:flex;align-items:center;gap:10px;padding:9px 12px}.list-item+.list-item{border-top:1px solid var(--border-light)}.list-item .l-main{flex:1 1;min-width:0;display:block}.list-item .l-title{display:block;font-size:13px;font-weight:600;color:var(--text)}.list-item .l-sub{display:block;font-size:12px;color:var(--text-3);margin-top:2px}.list-item .l-extra{flex:none;font-size:12px;color:var(--text-3)}.list-item .btn{flex:none;padding:3px 10px;font-size:12px}.card-d{width:220px;max-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;text-align:left;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}.card-d:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.card-d .cd-cover{height:64px;background:linear-gradient(135deg,var(--brand),#722ed1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.85);font-size:12px}.card-d .cd-body{padding:10px 12px}.card-d .cd-title{font-size:13px;font-weight:600;color:var(--text)}.card-d .cd-text{font-size:12px;color:var(--text-3);margin-top:3px;line-height:1.5}.card-d .cd-actions{display:flex;gap:8px;padding:8px 12px;border-top:1px solid var(--border-light)}.card-d .cd-actions .btn{padding:3px 10px;font-size:12px;pointer-events:none}.card-d.flat{border-color:transparent;background:var(--bg-soft)}.tag-dot{width:6px;height:6px;border-radius:50%;flex:none}.badge-d{position:relative;display:inline-flex}.badge-d .b-num{top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid #fff}.badge-d .b-dot,.badge-d .b-num{position:absolute;z-index:1;background:var(--red)}.badge-d .b-dot{top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;border:1.5px solid #fff}.badge-d .b-status{position:absolute;right:0;bottom:0;z-index:1;width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:var(--green)}.badge-d .b-status.off{background:#c9cdd4}.avatar-d{position:relative;flex:none;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.avatar-d.sm{width:26px;height:26px;font-size:12px}.avatar-d.lg{width:52px;height:52px;font-size:19px}.avatar-d.square{border-radius:8px}.avatar-d .a-status{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;background:var(--green)}.avatar-group-d{display:inline-flex}.avatar-group-d .avatar-d{border:2px solid #fff;margin-left:-9px}.avatar-group-d .avatar-d:first-child{margin-left:0}.desc-d{width:100%;max-width:300px;font-size:12px}.dh-demo .desc-d{max-width:430px;font-size:13px}.desc-d .d-row{display:flex;padding:6px 0;border-bottom:1px solid var(--border-light)}.desc-d .d-row:last-child{border-bottom:none}.desc-d .d-label{width:88px;flex:none;color:var(--text-3)}.desc-d .d-value{color:var(--text)}.desc-d.vertical .d-row{flex-direction:column;gap:2px}.desc-d.vertical .d-label{width:auto}.desc-d.bordered{border:1px solid var(--border);border-radius:8px;overflow:hidden}.desc-d.bordered .d-row{padding:7px 12px}.desc-d.bordered .d-label{background:var(--bg-soft);margin:-7px 12px -7px -12px;padding:7px 12px}.stat-d{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-d .s-label{font-size:12px;color:var(--text-3)}.stat-d .s-value{font-size:26px;font-weight:700;color:var(--text);line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dh-demo .stat-d .s-value{font-size:34px}.stat-d .s-value small{font-size:13px;font-weight:500;color:var(--text-3);margin-left:2px}.stat-d .s-trend{font-size:12px;font-weight:600}.stat-d .s-trend.up{color:var(--green)}.stat-d .s-trend.down{color:var(--red)}.tabs-anat{display:flex;flex-direction:column;width:300px;max-width:100%;text-align:left}.tabs-anat-bar{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tabs-anat-tab{position:relative;padding:7px 13px;font-size:13px;color:var(--text-2)}.tabs-anat-tab.on{color:var(--brand);font-weight:500}.tabs-anat-tab.on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:var(--brand);border-radius:2px}.tabs-anat-panel{display:block;padding:12px 4px 2px;font-size:13px;color:var(--text-3)}.tabs-v-card{display:inline-flex;gap:6px}.tabs-v-card i{font-style:normal;font-size:13px;color:var(--text-2);padding:5px 14px;border:1px solid var(--border);border-radius:6px 6px 0 0;background:var(--bg-soft)}.tabs-v-card i.on{background:#fff;color:var(--brand);font-weight:500;border-bottom-color:#fff}.tabs-v-pill{display:inline-flex;gap:2px}.tabs-v-pill i{font-style:normal;font-size:13px;color:var(--text-2);padding:5px 14px;border-radius:999px}.tabs-v-pill i.on{background:var(--brand-light);color:var(--brand);font-weight:500}.seg-demo{display:flex;flex-direction:column;align-items:center;gap:12px}.seg-ctl{display:inline-flex;gap:2px;background:var(--bg-hover);border-radius:9px;padding:3px}.seg-opt{padding:5px 15px;border-radius:7px;font-size:13px;color:var(--text-2);white-space:nowrap}.seg-opt.on{background:#fff;color:var(--text);font-weight:500;box-shadow:0 1px 4px rgba(29,33,41,.14)}.seg-ctl.sm .seg-opt{padding:3px 10px;font-size:12px}.seg-rows{width:220px;max-width:100%;display:flex;flex-direction:column;gap:7px}.seg-rows i{display:block;height:8px;border-radius:4px;background:var(--bg-hover)}.cp-demo{width:280px;max-width:100%;display:flex;flex-direction:column;text-align:left}.cp-item{display:block;border-bottom:1px solid var(--border-light)}.cp-item:first-child{border-top:1px solid var(--border-light)}.cp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px;font-size:13px;color:var(--text);font-weight:500}.cp-arrow{color:var(--text-3);font-size:12px}.cp-body{display:block;padding:0 2px 10px;font-size:12px;color:var(--text-2);line-height:1.6}.cp-ghost .cp-item,.cp-ghost .cp-item:first-child{border:none}.cp-card{gap:8px}.cp-card .cp-item,.cp-card .cp-item:first-child{border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 10px}.tl-demo{display:flex;flex-direction:column;text-align:left}.tl-item{display:flex;gap:10px;position:relative;padding-bottom:14px}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:1.5px;background:var(--border)}.tl-item:last-child:before{display:none}.tl-dot{width:9px;height:9px;border-radius:50%;background:#c9cdd4;flex:none;margin-top:4px;position:relative;z-index:1}.tl-dot.done{background:var(--green)}.tl-dot.doing{background:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.tl-dot.fail{background:var(--red)}.tl-cont{display:flex;flex-direction:column;gap:1px}.tl-cont b{font-size:13px;color:var(--text);font-weight:500}.tl-cont span{font-size:12px;color:var(--text-3)}.tl-h{display:flex;width:300px;max-width:100%}.tl-h-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.tl-h-item:before{content:"";position:absolute;top:4px;left:-50%;right:50%;height:1.5px;background:var(--border)}.tl-h-item:first-child:before{display:none}.tl-h-item i{width:9px;height:9px;border-radius:50%;background:#c9cdd4;position:relative;z-index:1}.tl-h-item i.done{background:var(--green)}.tl-h-item i.doing{background:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.tl-h-item b{font-size:12px;color:var(--text);font-weight:500}.tl-h-item span{font-size:12px;color:var(--text-3)}.tr-demo{width:230px;max-width:100%;display:flex;flex-direction:column;gap:2px;font-size:13px;text-align:left}.tr-node{display:flex;align-items:center;gap:5px;padding:3px 4px;border-radius:5px}.tr-node:hover{background:var(--bg-soft)}.tr-arrow{width:12px;font-size:12px;color:var(--text-3);text-align:center;flex:none}.tr-label{color:var(--text-2);padding:1px 6px;border-radius:4px}.tr-label.on{color:var(--brand);background:var(--brand-light)}.tr-children{display:flex;flex-direction:column;gap:2px;padding-left:17px}.tr-box{width:13px;height:13px;border-radius:3px;flex:none;position:relative;border:1.5px solid #c9cdd4;background:#fff}.tr-box.on{background:var(--brand);border-color:var(--brand)}.tr-box.on:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:7px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg)}.tr-line .tr-children{border-left:1px solid var(--border);margin-left:10px;padding-left:11px}.cr-demo{width:250px;max-width:100%;flex-direction:column}.cr-body,.cr-demo{display:flex;gap:8px}.cr-body{align-items:center}.cr-stage{display:block;flex:1 1;height:86px;border-radius:10px;overflow:hidden;position:relative}.cr-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:500}.cr-slide.a{background:url(/assets/slide-summer.png) 50%/cover}.cr-slide.b{background:url(/assets/slide-city.png) 50%/cover}.cr-slide.c{background:url(/assets/slide-forest.png) 50%/cover}.cr-slide{text-shadow:0 1px 8px rgba(0,0,0,.4)}.cr-arrow{width:22px;height:22px;border-radius:50%;flex:none;background:#fff;border:1px solid var(--border);color:var(--text-2);align-items:center;font-size:13px;box-shadow:0 1px 4px rgba(29,33,41,.1)}.cr-arrow,.cr-dots{display:flex;justify-content:center}.cr-dots{gap:5px}.cr-dots i{width:6px;height:6px;border-radius:99px;background:var(--border)}.cr-dots i.on{width:14px;background:var(--brand)}.cr-fade .cr-slide.b{opacity:.45}.cr-cards{overflow:visible;display:flex;gap:6px}.cr-cards .cr-slide{position:static;border-radius:8px;font-size:12px}.cr-cards .cr-slide.a{flex:2 1}.cr-cards .cr-slide.b,.cr-cards .cr-slide.c{flex:1 1;opacity:.5;font-size:0}.ep-demo{display:flex;flex-direction:column;align-items:center;gap:8px}.ep-illus{display:block;width:72px;height:56px;border-radius:6px;background:url(/assets/empty-box.png) 50%/contain no-repeat;position:relative}.ep-illus.alt{filter:hue-rotate(175deg)}.ep-text{display:flex;flex-direction:column;gap:2px;text-align:center}.ep-text b{font-size:13px;color:var(--text);font-weight:500}.ep-text span{font-size:12px;color:var(--text-3)}.ep-demo .btn{padding:5px 14px;font-size:13px}.im-demo{display:flex;gap:12px;align-items:center}.im-box{display:block;width:92px;height:66px;border-radius:8px;overflow:hidden;position:relative}.im-photo{position:absolute;inset:0;background:url(/assets/photo-cat.png) 50%/cover}.im-mask{position:absolute;inset:0;background:rgba(29,33,41,.45);color:#fff;font-size:12px}.im-box.fail,.im-mask{display:flex;align-items:center;justify-content:center}.im-box.fail{background:var(--bg-hover)}.im-fallback{font-size:12px;color:var(--text-3);text-align:center;line-height:1.5}.im-contain{background:var(--bg-hover)}.im-contain .im-photo{inset:10px 0}.im-circle{width:64px;height:64px;border-radius:50%}.alert-col{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}.dh-demo .alert-col{max-width:440px}.alert-box{display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:8px 12px;font-size:13px;line-height:1.5;width:100%;text-align:left;color:var(--text-2)}.alert-icon{flex:none;font-style:normal}.alert-icon,.alert-text b{font-weight:600}.alert-close{margin-left:auto;flex:none;opacity:.45}.alert-box.is-info{background:var(--brand-light);border-color:#bedaff}.alert-box.is-info .alert-icon,.alert-box.is-info b{color:var(--brand)}.alert-box.is-success{background:var(--green-light);border-color:#b7eb8f}.alert-box.is-success .alert-icon,.alert-box.is-success b{color:var(--green)}.alert-box.is-warning{background:#fff7e8;border-color:#ffe7ba}.alert-box.is-warning .alert-icon,.alert-box.is-warning b{color:#ff7d00}.alert-box.is-error{background:var(--red-light);border-color:#fdcdc5}.alert-box.is-error .alert-icon,.alert-box.is-error b{color:var(--red)}.toast-pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:13px;color:var(--text);box-shadow:0 4px 14px rgba(29,33,41,.12);white-space:nowrap}.toast-pill i{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;font-style:normal}.toast-pill.is-error i{background:var(--red)}.toast-pill.is-plain i{background:var(--brand)}.notification-card{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:340px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:13px 15px;box-shadow:0 6px 20px rgba(29,33,41,.12);text-align:left}.dh-demo .notification-card{max-width:400px}.notification-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none;margin-top:6px;font-style:normal}.notification-card.is-warn .notification-dot{background:#ff7d00}.notification-main{flex:1 1;display:flex;flex-direction:column;gap:3px;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--text)}.notification-desc{font-size:12px;color:var(--text-2);line-height:1.5}.notification-link{font-size:12px;color:var(--brand)}.notification-close{color:var(--text-3);flex:none}.modal-card{width:300px;max-width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 28px rgba(29,33,41,.16);padding:16px 18px;display:flex;flex-direction:column;gap:10px;text-align:left}.modal-card-title{font-size:15px;font-weight:600;color:var(--text)}.modal-card-body{font-size:13px;color:var(--text-2);line-height:1.6}.modal-card-actions{display:flex;justify-content:flex-end;gap:8px}.modal-card-actions .btn{padding:5px 12px;font-size:13px;pointer-events:none}.modal-field{border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-size:12px;color:var(--text)}.drawer-scene{position:relative;width:100%;max-width:250px;height:104px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--border)}.dh-demo .drawer-scene{max-width:360px;height:148px}.drawer-mask{position:absolute;inset:0;background:rgba(29,33,41,.18)}.drawer-panel{position:absolute;top:0;bottom:0;right:0;width:62%;background:#fff;box-shadow:-4px 0 14px rgba(29,33,41,.12);display:flex;flex-direction:column;gap:6px;padding:9px 10px}.drawer-panel.is-left{right:auto;left:0;box-shadow:4px 0 14px rgba(29,33,41,.12)}.drawer-panel.is-bottom{top:auto;left:0;right:0;width:100%;height:58%;box-shadow:0 -4px 14px rgba(29,33,41,.12)}.drawer-head{font-size:12px;font-weight:600;color:var(--text);display:flex;justify-content:space-between}.drawer-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover)}.drawer-foot{margin-top:auto;display:flex;justify-content:flex-end;gap:5px}.drawer-foot .btn{padding:2px 8px;font-size:12px;pointer-events:none}.drawer-anat{display:flex;width:100%;max-width:440px;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.drawer-anat-page{flex:1 1;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--bg-soft)}.drawer-anat-panel{width:58%;flex:none;border-left:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:14px}.drawer-anat-head{font-size:13px;font-weight:600;color:var(--text);display:flex;justify-content:space-between}.drawer-anat-body{display:flex;flex-direction:column;gap:8px}.drawer-anat-foot{margin-top:auto;display:flex;justify-content:flex-end;gap:6px}.drawer-anat-foot .btn{padding:4px 10px;font-size:12px;pointer-events:none}.popconfirm-anat,.popconfirm-demo{display:flex;flex-direction:column;align-items:center;gap:0}.popconfirm-card{position:relative;width:190px;max-width:100%;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 18px rgba(29,33,41,.14);padding:10px 12px;display:flex;flex-direction:column;gap:8px;text-align:left}.popconfirm-text{font-size:12px;color:var(--text);display:flex;gap:5px;align-items:flex-start;line-height:1.5}.popconfirm-text i{font-style:normal;color:#ff7d00;flex:none}.popconfirm-actions{display:flex;justify-content:flex-end;gap:6px}.popconfirm-actions .btn{padding:2px 9px;font-size:12px;pointer-events:none}.popconfirm-arrow{width:0;height:0;margin-bottom:6px;border:6px solid transparent;border-top-color:#fff;filter:drop-shadow(0 2px 1px rgba(29,33,41,.08))}.popconfirm-anat>.ap>.btn,.popconfirm-demo>.btn{pointer-events:none}.popover-anat,.popover-demo{display:flex;flex-direction:column;align-items:center;gap:0}.popover-card{position:relative;width:200px;max-width:100%;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 6px 18px rgba(29,33,41,.14);padding:12px 14px;display:flex;flex-direction:column;gap:6px;text-align:left}.popover-arrow{width:0;height:0;margin-bottom:6px;border:6px solid transparent;border-top-color:#fff;filter:drop-shadow(0 2px 1px rgba(29,33,41,.08))}.popover-title{font-size:13px;font-weight:600;color:var(--text)}.popover-sub{font-size:12px;color:var(--text-3)}.popover-user{display:flex;gap:8px;align-items:center}.popover-avatar{width:30px;height:30px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--brand),#722ed1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.popover-trigger{box-shadow:0 2px 8px rgba(29,33,41,.16)}.popover-link{font-size:12px;color:var(--brand)}.popover-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover)}.popover-body-lines{display:flex;flex-direction:column;gap:5px;margin-bottom:2px}.popover-check{font-size:12px;color:var(--text-2)}.tooltip-anat{display:flex;flex-direction:column;align-items:center;gap:3px}.tooltip-tb{position:relative;background:var(--text);color:#fff;font-size:12px;padding:4px 10px;border-radius:5px;white-space:nowrap}.tooltip-tb:after{content:"";position:absolute;border:4px solid transparent}.tooltip-tb.a-top:after{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--text)}.tooltip-tb.a-bottom:after{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--text)}.tooltip-tb.a-left:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--text)}.tooltip-tb.a-right:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--text)}.tooltip-arrow{width:0;height:0;border:5px solid transparent;border-top:5px solid var(--text)}.tooltip-var{display:flex;flex-direction:column;align-items:center;gap:8px}.tooltip-var.row{flex-direction:row;gap:10px}.progress-ring{width:64px;height:64px;background:conic-gradient(var(--brand) 0 66%,var(--bg-hover) 66% 100%)}.progress-ring,.progress-ring i{border-radius:50%;display:flex;align-items:center;justify-content:center}.progress-ring i{width:44px;height:44px;background:#fff;font-size:12px;color:var(--text);font-style:normal}.progress-var{display:flex;flex-direction:column;gap:6px;width:150px;max-width:100%}.progress-track{height:6px;border-radius:99px;background:var(--bg-hover);overflow:hidden}.progress-fill{display:block;height:100%;border-radius:99px;background:var(--brand)}.progress-fill.is-success{background:var(--green)}.progress-fill.is-error{background:var(--red)}.progress-note{font-size:12px;color:var(--text-3)}.progress-anat{position:relative;width:260px;max-width:100%}.progress-anat-track{height:6px;border-radius:99px;background:var(--bg-hover);border:1px solid var(--border-light)}.progress-anat-fill{height:6px;border-radius:99px;background:linear-gradient(90deg,var(--brand),#722ed1)}.progress-anat-text{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-3)}.skeleton-demo{display:flex;flex-direction:column;gap:10px;width:240px;max-width:100%}.skeleton-row{display:flex;gap:10px;align-items:center}.skeleton-lines{flex:1 1;display:flex;flex-direction:column;gap:7px}.skeleton-avatar{width:34px;height:34px;border-radius:50%;flex:none}.skeleton-block{height:52px;border-radius:8px}.skeleton-line{height:10px;border-radius:5px}.skeleton-avatar,.skeleton-block,.skeleton-line{background:linear-gradient(90deg,var(--bg-hover) 25%,#fafbfc 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-wave 1.4s ease infinite}@keyframes skeleton-wave{to{background-position:-200% 0}}.result-box{flex-direction:column;gap:7px;text-align:center}.result-box,.result-icon{display:flex;align-items:center}.result-icon{width:52px;height:52px;border-radius:50%;justify-content:center;font-size:24px;font-weight:700}.result-icon.is-success{background:var(--green-light);color:var(--green)}.result-icon.is-error{background:var(--red-light);color:var(--red)}.result-icon.is-warn{background:#fff7e8;color:#ff7d00}.result-icon.is-info{background:var(--brand-light);color:var(--brand)}.result-title{font-size:16px;font-weight:600;color:var(--text)}.result-sub{font-size:12px;color:var(--text-3);max-width:280px;line-height:1.5}.result-actions{display:flex;gap:8px;margin-top:4px}.result-actions .btn{padding:5px 12px;font-size:12px;pointer-events:none}.menu-demo{width:100%;max-width:200px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:2px}.menu-demo-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--text-2);transition:background .2s var(--ease),color .2s}.menu-demo-item:hover{background:var(--bg-soft)}.menu-demo-item.on{color:var(--brand);font-weight:500}.menu-demo-item.on,.menu-demo-item.on:hover{background:var(--brand-light)}.menu-demo-ico{width:16px;text-align:center;font-size:13px;flex:none}.menu-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.menu-demo-h{display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px}.menu-demo-h .menu-demo-item{padding:6px 14px}.menu-mini{width:auto}.menu-mini .menu-demo-item{justify-content:center;padding:7px 12px}.menu-detail{display:flex;flex-direction:column;gap:14px;width:100%;max-width:480px}.menu-detail .menu-demo-h{width:100%}.menu-detail-body{display:flex;gap:14px;align-items:stretch}.menu-detail-body .menu-demo{max-width:170px}.menu-detail-content{flex:1 1;background:var(--bg);border:1px solid var(--border-light);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:9px}.menu-line{display:block;height:7px;border-radius:4px;background:var(--bg-hover)}.breadcrumb-demo{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 16px}.breadcrumb-link{color:var(--text-3);cursor:pointer;transition:color .2s}.breadcrumb-link:hover{color:var(--brand)}.breadcrumb-sep{color:var(--text-3);font-size:12px}.breadcrumb-cur{color:var(--text);font-weight:500}.pagination-demo{display:flex;gap:6px;flex-wrap:wrap}.pagination-demo,.pagination-item{align-items:center;justify-content:center}.pagination-item{min-width:30px;height:30px;padding:0 6px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text-2);font-size:13px;display:inline-flex;transition:all .2s var(--ease)}.pagination-item.on,.pagination-item:hover{color:var(--brand);border-color:var(--brand)}.pagination-item.on{background:var(--brand-light);font-weight:500}.pagination-ellipsis{color:var(--text-3);font-size:13px;letter-spacing:1px}.pagination-simple{font-size:13px;color:var(--text-2);padding:0 4px}.pagination-demo.mini .pagination-item{min-width:24px;height:24px;font-size:12px;border-radius:5px}.steps-demo{gap:8px;flex-wrap:wrap;justify-content:center}.steps-demo,.steps-node{display:flex;align-items:center}.steps-node{gap:7px;color:var(--text-3);font-size:13px}.steps-node i{width:24px;height:24px;border-radius:50%;flex:none;border:1.5px solid var(--border);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-style:normal}.steps-node.done{color:var(--text-2)}.steps-node.done i{border-color:var(--brand);background:var(--brand);color:#fff}.steps-node.current{color:var(--text);font-weight:500}.steps-node.current i{border-color:var(--brand);color:var(--brand)}.steps-node.error{color:var(--red)}.steps-node.error i{border-color:var(--red);color:var(--red)}.steps-bar{width:34px;height:1.5px;background:var(--border)}.steps-bar.done{background:var(--brand)}.dropdown-demo{align-items:center;gap:6px}.dropdown-demo,.dropdown-panel{display:flex;flex-direction:column}.dropdown-panel{background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-card);padding:5px;min-width:150px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:5px;font-size:13px;color:var(--text-2);white-space:nowrap;transition:background .15s}.dropdown-item:hover{background:var(--bg-soft);color:var(--text)}.dropdown-item.danger{color:var(--red)}.dropdown-item.danger:hover{background:var(--red-light)}.dropdown-key{margin-left:auto;font-size:12px;color:var(--text-3)}.dropdown-sep{height:1px;background:var(--border-light);margin:4px 6px}.dropdown-group{padding:4px 12px 2px;font-size:12px;color:var(--text-3)}.anchor-demo{display:flex;gap:14px;width:100%;max-width:400px;align-items:stretch}.anchor-page{flex:1 1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.anchor-sec{font-size:12px;font-weight:600;color:var(--text)}.anchor-line{display:block;height:6px;border-radius:3px;background:var(--bg-hover)}.anchor-rail{display:flex;flex-direction:column;border-left:2px solid var(--border-light)}.anchor-item{position:relative;padding:5px 12px;font-size:13px;color:var(--text-2);white-space:nowrap;transition:color .2s}.anchor-item.on,.anchor-item:hover{color:var(--brand)}.anchor-item.on{font-weight:500}.anchor-ind{position:absolute;left:-2px;top:8px;bottom:8px;width:2px;background:var(--brand);border-radius:2px}.back-top-scene{position:relative;width:100%;max-width:240px;height:104px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.dh-demo .back-top-scene{max-width:340px;height:150px}.back-top-line{display:block;height:7px;border-radius:4px;background:var(--bg-hover)}.back-top-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--brand);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(22,93,255,.35);transition:transform .2s var(--ease),background .2s}.back-top-btn:hover{background:var(--brand-hover);transform:translateY(-2px)}.back-top-btn.square{border-radius:10px}.back-top-btn.pill{width:auto;height:34px;padding:0 14px;border-radius:999px;font-size:13px;gap:4px}.back-top-scene>.back-top-btn{position:absolute;right:12px;bottom:12px}.nav{height:64px}.nav-mark{width:32px;height:32px;border-radius:9px;box-shadow:0 2px 8px color-mix(in srgb,var(--brand) 25%,transparent);display:block}.nav-wordmark{display:flex;flex-direction:column;line-height:1.25}.nav-wordmark b{font-size:15px;font-weight:600;letter-spacing:.2px}.nav-wordmark small{font-size:12px;color:var(--text-3);font-weight:400}.nav-right{gap:20px}.nav-cats{display:flex;gap:2px}.nav-cats a{padding:6px 12px;border-radius:999px;font-size:13px;color:var(--text-2);cursor:pointer;transition:all .2s var(--ease);white-space:nowrap}.nav-cats a:hover{background:var(--brand-light);color:var(--brand)}.cat-section{scroll-margin-top:76px}.search-row{max-width:720px;margin:0 auto;padding:24px 32px 0;justify-content:center}.search-box,.search-row{display:flex;align-items:center}.search-box{width:min(640px,100%);gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:0 18px;height:46px;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}.search-icon{color:var(--text-3);font-size:18px}.search-box input{flex:1 1;border:none;outline:none;background:none;font-size:14px;color:var(--text);font-family:inherit}.search-box input::placeholder{color:var(--text-3)}.search-clear{border:none;background:var(--bg-hover);color:var(--text-2);width:22px;height:22px;border-radius:50%;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:var(--border)}.search-empty{text-align:center;padding:80px 20px;color:var(--text-3);display:flex;flex-direction:column;gap:8px}.search-empty b{color:var(--text-2);font-size:16px}.dh-demo-inner{display:contents}@media (max-width:1160px){.nav-cats{display:none}}@media (max-width:720px){.nav{padding:0 16px;height:58px}.search-row{padding:16px 16px 0}.grid-wrap{padding:8px 16px 64px}.grid{grid-template-columns:1fr}.detail-hero h1{font-size:24px}.anat-part{flex-wrap:wrap}.anat-part .pd{max-width:100%;margin-left:28px;text-align:left;flex-basis:100%}.variant-grid{grid-template-columns:1fr 1fr}.dm-scene,.dt-scene{max-width:100%}.detail{padding:16px 16px 56px}}@media (max-width:480px){.variant-grid{grid-template-columns:1fr}.nav-credit,.nav-wordmark small{display:none}}.vh-onboarding{position:fixed;right:24px;bottom:24px;z-index:1000;width:min(580px,calc(100vw - 48px))}.vh-onboarding.is-closing{pointer-events:none;animation:vh-onboarding-out .44s ease both}.vh-onboarding.is-closing .vh-welcome-card{animation:vh-welcome-out .44s var(--ease) both}.vh-welcome-card{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;padding:10px;overflow:hidden;border:1px solid rgba(228,228,231,.92);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 2px 5px rgba(0,0,0,.05),0 18px 55px rgba(12,16,36,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:vh-welcome-in .7s var(--ease) both}@keyframes vh-welcome-in{0%{opacity:0;transform:translateY(20px) scale(.975)}}@keyframes vh-onboarding-out{to{opacity:0}}@keyframes vh-welcome-out{to{opacity:0;transform:translateY(18px) scale(.975)}}.vh-welcome-close{position:absolute;top:16px;right:16px;z-index:10;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:#71717a;background:rgba(255,255,255,.88);font-size:16px;line-height:1;cursor:pointer;transition:transform .2s ease,color .2s ease,background .2s ease}.vh-welcome-close:hover{color:var(--text);background:#fff;transform:rotate(4deg)}.vh-welcome-close:disabled,.vh-welcome-start:disabled{cursor:default}.vh-welcome-close:focus-visible,.vh-welcome-start:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 28%,transparent);outline-offset:3px}.vh-term-map{position:relative;width:100%;height:100%;min-height:250px;aspect-ratio:auto;overflow:hidden;border-radius:16px;color:#fff;isolation:isolate;background:radial-gradient(circle at 76% 22%,rgba(78,107,255,.26),transparent 25%),radial-gradient(circle at 22% 82%,rgba(114,76,232,.18),transparent 26%),#101116}.vh-term-map:before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(to bottom right,#000,transparent 86%);-webkit-mask-image:linear-gradient(to bottom right,#000,transparent 86%)}.vh-map-kicker{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.66);font-size:7px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.vh-map-kicker:before{content:"";width:4px;height:4px;border-radius:50%;background:#6f85ff;box-shadow:0 0 14px #5671ff}.vh-map-core{position:absolute;z-index:3;left:50%;top:50%;width:45%;aspect-ratio:1.34;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-between;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(28,30,40,.82);box-shadow:0 14px 35px rgba(0,0,0,.38);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.vh-map-window-bar{display:flex;align-items:center;gap:3px}.vh-map-window-bar i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.27)}.vh-map-window-bar span{margin-left:auto;color:rgba(255,255,255,.42);font:5px ui-monospace,SFMono-Regular,Menlo,monospace}.vh-map-core-copy small{color:#8fa1ff;font:6px ui-monospace,SFMono-Regular,Menlo,monospace}.vh-map-core-copy strong{display:block;margin-top:4px;font-size:16px;line-height:.98;letter-spacing:-.055em}.vh-map-core-copy strong em{color:#8799ff;font-style:normal}.vh-map-core-code{display:grid;grid-gap:3px;gap:3px}.vh-map-core-code i{height:3px;border-radius:8px;background:rgba(255,255,255,.14)}.vh-map-core-code i:first-child{width:78%;background:linear-gradient(90deg,#6e85ff 0 28%,rgba(255,255,255,.14) 28%)}.vh-map-core-code i:nth-child(2){width:58%}.vh-map-core-code i:nth-child(3){width:70%}.vh-map-mini-ui,.vh-map-term{position:absolute;z-index:4;animation:vh-map-piece-in .72s var(--ease) both;animation-delay:calc(.18s + var(--delay, 0) * 55ms)}@keyframes vh-map-piece-in{0%{opacity:0;transform:translateY(10px) scale(.92)}}.vh-map-term{padding:5px 7px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.07);box-shadow:0 9px 25px rgba(0,0,0,.15);font:7px/1 ui-monospace,SFMono-Regular,Menlo,monospace;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.vh-map-term.blue{color:#c6cfff;border-color:rgba(110,133,255,.3);background:rgba(72,94,210,.18)}.vh-map-term.light{color:#18181b;border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.94)}.vh-map-term.round{border-radius:999px}.vh-map-term.t1{top:14%;left:12%;--delay:1}.vh-map-term.t2{top:14%;right:9%;--delay:2}.vh-map-term.t3{top:32%;left:5%;--delay:3}.vh-map-term.t4{top:35%;right:5%;--delay:4}.vh-map-term.t5{bottom:30%;left:7%;--delay:5}.vh-map-term.t6{bottom:27%;right:7%;--delay:6}.vh-map-term.t7{bottom:10%;left:17%;--delay:7}.vh-map-term.t8{bottom:10%;right:16%;--delay:8}.vh-map-mini-ui{border:1px solid rgba(255,255,255,.12);background:rgba(24,25,34,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.vh-map-mini-toggle{right:6%;top:48%;width:39px;padding:6px;border-radius:8px;--delay:5}.vh-map-toggle-track{display:block;width:20px;height:10px;margin-left:auto;padding:2px;border-radius:999px;background:#627cff}.vh-map-toggle-track:after{content:"";display:block;width:6px;height:6px;margin-left:auto;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}.vh-map-mini-button{left:8%;top:48%;padding:6px 8px;border-radius:8px;color:#fff;font-size:7px;--delay:4}.vh-map-mini-button b{display:block;padding:4px 7px;border-radius:999px;background:#6077f0;font-weight:600}.vh-map-connector{position:absolute;z-index:1;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(111,133,255,.35),transparent)}.vh-map-c1{width:31%;left:16%;top:25%;transform:rotate(24deg)}.vh-map-c2{width:29%;left:58%;top:28%;transform:rotate(-24deg)}.vh-map-c3{width:33%;left:15%;top:70%;transform:rotate(-25deg)}.vh-map-c4{width:32%;left:56%;top:67%;transform:rotate(26deg)}.vh-map-count{position:absolute;left:14px;bottom:12px;color:rgba(255,255,255,.38);font:6px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.vh-welcome-copy{display:flex;flex-direction:column;justify-content:center;padding:20px 30px 18px 24px}.vh-welcome-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--brand);font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.vh-welcome-eyebrow:before{content:"";width:18px;height:1px;background:currentColor}.vh-welcome-copy h1{max-width:280px;margin:0;font-size:30px;line-height:1.02;font-weight:720;letter-spacing:-.055em}.vh-welcome-copy h1 span{color:var(--brand)}.vh-welcome-description{max-width:310px;margin:13px 0 0;color:var(--text-2);font-size:13px;line-height:1.65}.vh-welcome-actions{margin-top:16px}.vh-welcome-start{min-width:130px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:0 18px;border:0;border-radius:999px;color:#fff;background:var(--brand);box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 22%,transparent);cursor:pointer;font-size:13px;font-weight:650;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.vh-welcome-start svg{width:14px;transition:transform .2s ease}.vh-welcome-start:hover{background:var(--brand-hover);transform:translateY(-2px);box-shadow:0 14px 30px color-mix(in srgb,var(--brand) 28%,transparent)}.vh-welcome-start:hover svg{transform:translateX(3px)}.vh-welcome-start:active{transform:translateY(0) scale(.98)}.card-open.seen{color:var(--green)}.kbd-hint{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3)}.kbd-hint em{font-style:normal;margin:0 6px}.kbd-hint kbd{font-family:inherit;font-size:12px;color:var(--text-2);background:var(--bg-soft);border:solid var(--border);border-width:1px 1px 2px;border-radius:5px;padding:2px 6px}@media (max-width:720px){.kbd-hint{display:none}}@media (max-width:680px){.vh-onboarding{right:12px;bottom:12px;width:calc(100vw - 24px)}.vh-welcome-card{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:21px}.vh-welcome-copy{padding:18px 30px 16px 20px}.vh-welcome-close{top:17px;right:17px}.vh-welcome-eyebrow{margin-bottom:9px}.vh-welcome-copy h1{max-width:100%;font-size:26px}.vh-welcome-description{max-width:100%;margin-top:10px;font-size:12px;line-height:1.55}.vh-welcome-actions{margin-top:13px}.vh-welcome-start{min-width:120px;height:36px;font-size:12px}}@media (max-width:460px){.vh-onboarding{right:10px;bottom:10px;width:calc(100vw - 20px)}.vh-welcome-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;border-radius:18px}.vh-term-map{min-height:0;border-radius:12px}.vh-welcome-copy{padding:11px 26px 10px 14px}.vh-welcome-close{top:12px;right:12px;width:26px;height:26px}.vh-map-count,.vh-map-kicker,.vh-welcome-eyebrow{display:none}.vh-welcome-copy h1{font-size:22px}.vh-welcome-description{margin-top:8px;font-size:11px;line-height:1.48}.vh-welcome-actions{margin-top:9px}.vh-welcome-start{min-width:108px;height:33px;padding:0 14px}.vh-map-mini-ui,.vh-map-term.t3,.vh-map-term.t4{display:none}}@media (max-width:1380px){.nav-credit{display:none}}@media (max-width:1180px){.nav-cats{display:none}}body{line-height:1.7;letter-spacing:.1px}.nav{background:rgba(255,255,255,.82)}.nav-wordmark b{font-size:16px}.cat-title{font-size:19px}.section-title{font-size:18px}.grid{gap:24px}.card{padding:24px 24px 18px}.detail-hero{padding:44px 44px 36px}.detail-hero h1{font-size:34px}.detail-desc{font-size:16px;line-height:1.8}.usage-box li{line-height:1.7}.ed-lede{max-width:1080px;margin:0 auto;padding:44px 32px 0;display:flex;align-items:baseline;gap:14px}.ed-lede .lede-cn{font-family:var(--font-serif);font-size:26px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.ed-lede .lede-line{flex:1 1;height:1px;background:var(--border);transform:translateY(-6px)}.ed-lede .lede-en{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--text-3);white-space:nowrap}@media (max-width:720px){.ed-lede{padding:28px 16px 0}.ed-lede .lede-cn{font-size:20px}.ed-lede .lede-en{display:none}}.card-seen{top:14px;right:14px;width:22px;height:22px;border-radius:50%;background:var(--green-light);color:var(--green);align-items:center;position:absolute;top:-1px;right:22px;z-index:2;width:20px;height:29px;padding-top:5px;background:var(--green);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);display:flex;align-items:flex-start;justify-content:center;color:#fff;font-size:12px;font-weight:700;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,150,60,.35));animation:seen-drop .35s var(--ease)}@keyframes seen-drop{0%{transform:translateY(-9px);opacity:0}}.card:hover .card-seen{animation:seen-sway .6s var(--ease)}@keyframes seen-sway{0%,to{transform:rotate(0)}30%{transform:rotate(5deg)}65%{transform:rotate(-3deg)}}.mk{padding:14px 12px;min-height:76px;border-radius:10px;gap:8px}.mk-line{height:7px;border-radius:4px;background:#e9eaee}.mk-win{padding:10px 12px;gap:6px}[data-drag]{cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}[data-drag].dragging{cursor:-webkit-grabbing;cursor:grabbing;z-index:5}.c-link{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 40%,transparent)}a.c-link>b{color:inherit}.c-link:hover{background:var(--accent-light)}.btn-text{color:var(--accent)}.btn-text:hover{background:var(--accent-light)}.demo-input:focus,.demo-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.nav-cats a:hover{background:var(--accent-light);color:var(--accent)}.float-nav:hover{border-color:var(--accent)}.demo-tabs .tab.active,.float-nav:hover,.float-nav:hover .fn-arrow{color:var(--accent)}.demo-tabs .tab:after{background:var(--accent)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.demo-tag.blue,.mk-tag.blue{color:var(--accent);background:var(--accent-light)}.grid-wide{grid-template-columns:1fr}.grid-wide .card{display:grid;grid-gap:4px 28px;gap:4px 28px;align-items:start;grid-template-columns:300px 1fr;grid-template-areas:"head demo" "tagline demo" "foot demo"}.grid-wide .card-head{grid-area:head;margin-top:4px}.grid-wide .card-tagline{grid-area:tagline;margin-bottom:0}.grid-wide .card-demo{grid-area:demo;min-height:156px;height:100%;margin-bottom:0}.grid-wide .card-foot{grid-area:foot;align-self:end}@media (max-width:720px){.grid-wide .card{grid-template-columns:1fr;grid-template-areas:"head" "tagline" "demo" "foot"}.grid-wide .card-demo{min-height:120px}}.demo-progress .bar-fill{background:var(--text)}.card-head h3{font-size:17px}.detail-hero h1{font-size:36px}.cat-title{font-size:21px}.section-title{font-size:19px}.nav{justify-content:flex-end}.float-nav .fn-text{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-head h3{font-size:18px}.detail-hero h1{font-size:30px}.detail-hero{margin-bottom:40px}.detail-desc{margin:-16px 0 40px}.anat-wrap,.scenes,.usage-grid,.variant-grid{margin-bottom:40px}.detail section+section{margin-top:8px}.anat-stage .ap:after{background:color-mix(in srgb,var(--brand) 42%,transparent);box-shadow:0 0 0 2px rgba(255,255,255,.85);transition:background .2s var(--ease),transform .2s var(--ease)}.anat-stage .ap.on:after,.anat-stage .ap:hover:after{background:var(--brand)}.seg-live{display:flex;flex-direction:column;align-items:center;gap:14px}.seg-live>input{display:none}.seg-ctl-live{position:relative;display:inline-flex;background:var(--bg-hover);border-radius:9px;padding:3px}.seg-ctl-live label{position:relative;z-index:1;width:64px;text-align:center;padding:5px 0;font-size:13px;color:var(--text-2);cursor:pointer;border-radius:7px;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.seg-thumb{position:absolute;top:3px;left:3px;width:64px;height:calc(100% - 6px);background:#fff;border-radius:7px;box-shadow:0 1px 4px rgba(0,0,0,.14);transition:transform .32s var(--ease)}#segl1:checked~.seg-ctl-live .seg-thumb{transform:translateX(0)}#segl2:checked~.seg-ctl-live .seg-thumb{transform:translateX(64px)}#segl3:checked~.seg-ctl-live .seg-thumb{transform:translateX(128px)}#segl1:checked~.seg-ctl-live label[for=segl1],#segl2:checked~.seg-ctl-live label[for=segl2],#segl3:checked~.seg-ctl-live label[for=segl3]{color:var(--text);font-weight:500}.seg-pane{display:none;width:240px;max-width:100%}#segl1:checked~.seg-panes .p1{display:block}#segl2:checked~.seg-panes .p2{display:flex}#segl3:checked~.seg-panes .p3{display:grid}.seg-kanban{gap:8px}.seg-kan-col{flex:1 1;display:flex;flex-direction:column;gap:6px}.seg-kan-col i{display:block;height:20px;border-radius:5px;background:var(--bg-hover)}.seg-pane.p3{grid-template-columns:repeat(7,1fr);gap:4px}.seg-pane.p3 i{height:14px;border-radius:4px;background:var(--bg-hover)}.seg-pane.p3 i.today{background:var(--brand)}.pg-live{display:flex;flex-direction:column;align-items:center;gap:14px}.pg-live>input{display:none}.pg-ctl{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.pg-ctl label.pagination-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#pg-p1:checked~.pg-ctl label[for=pg-p1],#pg-p2:checked~.pg-ctl label[for=pg-p2],#pg-p3:checked~.pg-ctl label[for=pg-p3]{color:var(--brand);border-color:var(--brand);background:var(--brand-light);font-weight:500}.pg-panes{width:230px;max-width:100%}.pg-pane{display:none;flex-direction:column;gap:8px}.pg-pane i{display:block;height:10px;border-radius:4px;background:var(--bg-hover)}#pg-p1:checked~.pg-panes .pg-pane-1,#pg-p2:checked~.pg-panes .pg-pane-2,#pg-p3:checked~.pg-panes .pg-pane-3{display:flex}.dd-live{display:inline-flex}.dd-live>input,.dd-mask,.dd-panel>input{display:none}.dd-mask{position:fixed;inset:0;z-index:60;cursor:default}#dd-open:checked~.dd-mask{display:block}.dd-wrap{position:relative;z-index:70;display:flex;flex-direction:column;align-items:flex-start}.dd-btn{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dd-caret{display:inline-block;transition:transform .25s var(--ease)}#dd-open:checked~.dd-wrap .dd-caret{transform:rotate(180deg)}#dd-open:checked~.dd-wrap .dd-btn{color:var(--brand);border-color:var(--brand)}.dd-anim{overflow:hidden;max-height:0;opacity:0;transform:translateY(-5px);transition:max-height .28s var(--ease),opacity .22s var(--ease),transform .28s var(--ease),margin-top .28s var(--ease)}#dd-open:checked~.dd-wrap .dd-anim{max-height:240px;opacity:1;transform:none;margin-top:6px}.dd-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dd-item:after{content:"";margin-left:auto;font-size:12px;color:var(--brand)}#dd-s1:checked+.dd-item:after,#dd-s2:checked+.dd-item:after,#dd-s3:checked+.dd-item:after{content:"✓"}.rate-stars{display:inline-flex;flex-direction:row-reverse;gap:3px;font-size:24px;line-height:1}.rate-stars input{position:absolute;width:1px;height:1px;opacity:0}.rate-star{color:#d8dade;cursor:pointer;transition:color .15s ease}.rate-stars :checked~.rate-star{color:#ffb400}.rate-stars:hover .rate-star{color:#d8dade}.rate-stars .rate-star:hover,.rate-stars .rate-star:hover~.rate-star{color:#ffb400}.cpl-live{width:280px;max-width:100%;display:flex;flex-direction:column;text-align:left}.cpl-live input{display:none}.cpl-cap{padding:8px 2px 2px;font-size:12px;color:var(--text-3)}.cpl-item{border-bottom:1px solid var(--border-light)}.cpl-cap+.cpl-item{border-top:1px solid var(--border-light)}.cpl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px;font-size:13px;color:var(--text);font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cpl-arrow{display:inline-block;color:var(--text-3);font-size:12px;transition:transform .25s var(--ease)}.cpl-body{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.cpl-in{display:block;padding:0 2px 10px;font-size:12px;color:var(--text-2);line-height:1.6}.cpl-item input:checked~.cpl-body{max-height:120px}.cpl-item input:checked~.cpl-head .cpl-arrow{transform:rotate(90deg)}.tre-live{width:230px;max-width:100%;display:flex;flex-direction:column;gap:2px;font-size:13px;text-align:left}.tre-live input{display:none}.tre-node{display:flex;align-items:center;gap:5px;padding:3px 4px;border-radius:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tre-node:hover{background:var(--bg-soft)}.tre-arrow{display:inline-block;width:12px;font-size:12px;color:var(--text-3);text-align:center;flex:none;transition:transform .2s var(--ease)}.tre-label{color:var(--text-2);padding:1px 6px;border-radius:4px}.tre-label.on{color:var(--brand);background:var(--brand-light)}.tre-leaf{display:flex;align-items:center;gap:5px;padding:3px 4px}.tre-kids{display:flex;flex-direction:column;gap:2px;padding-left:17px;max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}.tre-item input:checked~.tre-kids{max-height:240px}.tre-item input:checked~.tre-node .tre-arrow{transform:rotate(90deg)}.crs-live{width:250px;max-width:100%;display:flex;flex-direction:column;gap:8px}.crs-live>input{display:none}.crs-view{position:relative;height:96px;border-radius:10px;overflow:hidden}.crs-track{width:300%;transition:transform .35s var(--ease)}.crs-pic,.crs-track{display:flex;height:100%}.crs-pic{width:33.3334%;flex:none;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.4)}#crs1:checked~.crs-view .crs-track{transform:translateX(0)}#crs2:checked~.crs-view .crs-track{transform:translateX(-33.3333%)}#crs3:checked~.crs-view .crs-track{transform:translateX(-66.6667%)}.crs-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.92);color:var(--text-2);display:none;align-items:center;justify-content:center;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 1px 4px rgba(29,33,41,.18)}.crs-arr.l{left:6px}.crs-arr.r{right:6px}#crs1:checked~.crs-view .a1,#crs2:checked~.crs-view .a2,#crs3:checked~.crs-view .a3,.crs-nav{display:flex}.crs-nav{justify-content:center;gap:5px}.crs-nav label{width:6px;height:6px;border-radius:99px;background:var(--border);cursor:pointer;transition:all .25s var(--ease)}#crs1:checked~.crs-nav label[for=crs1],#crs2:checked~.crs-nav label[for=crs2],#crs3:checked~.crs-nav label[for=crs3]{width:14px;background:var(--brand)}.nav{justify-content:space-between}.theme-switch{align-items:center;gap:6px;background:var(--bg-soft);border:1px solid var(--border-light);padding:5px 8px}.ts-dot{width:18px;height:18px;border-radius:50%;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.ts-dot:hover{transform:scale(1.18)}.ts-dot.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--c)}.cat-chips{max-width:1080px;margin:14px auto 0;padding:0 32px;display:flex;gap:8px;flex-wrap:wrap}.cat-chips button{border:1px solid var(--border);background:var(--bg);color:var(--text-2);font-size:13px;padding:6px 14px;border-radius:999px;transition:all .2s var(--ease)}.cat-chips button:hover{border-color:var(--border);color:var(--text);background:var(--bg-soft)}.cat-chips button.on{background:var(--bg-hover);border-color:var(--border);color:var(--text);box-shadow:none}@media (max-width:720px){.cat-chips{padding:0 16px;gap:6px}.cat-chips button{font-size:12px;padding:5px 11px}}.nav-left{display:flex;align-items:center;gap:10px}.theme-switch{display:flex;height:26px;padding:0;border-radius:999px;overflow:hidden;border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow-card);gap:0}.ts-dot{width:26px;height:100%;padding:0;border:none;border-radius:0;background:var(--c);cursor:pointer;position:relative;transition:width .25s var(--ease),filter .2s var(--ease)}.ts-dot:hover{filter:brightness(1.1) saturate(1.05);transform:none}.ts-dot.on{width:38px;box-shadow:inset 0 0 0 2.5px #fff}.font-toggle{display:flex;align-items:center;gap:7px;height:26px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);font-size:12px;box-shadow:var(--shadow-card);transition:border-color .2s var(--ease),color .2s var(--ease)}.font-toggle:hover{border-color:var(--accent);color:var(--accent)}.font-toggle .ft-aa{font-family:Georgia,Songti SC,serif;font-size:14px;font-weight:700;color:var(--text);transition:color .2s var(--ease)}.font-toggle:hover .ft-aa{color:var(--accent)}html[data-fx=soft]::view-transition-old(root){animation:none}html[data-fx=soft]::view-transition-new(root){animation:vt-soft-in .32s var(--ease) both}@media (max-width:720px){.nav-left{gap:8px}.theme-switch{height:24px}.ts-dot{width:22px}.ts-dot.on{width:32px}}.scene-list{display:flex;flex-direction:column;gap:36px;margin-bottom:40px}.scene-cap{font-size:14px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:8px}.scene-cap:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none}.scene-shot{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);overflow:hidden}.sc-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--border-light);background:var(--bg-soft)}.sc-bar>i{width:8px;height:8px;border-radius:50%;background:var(--border)}.sc-bar .sc-url{flex:none;width:180px;height:14px;border-radius:7px;background:#fff;border:1px solid var(--border-light);margin-left:8px}.sc-body{min-height:200px;padding:20px 24px;box-sizing:border-box;display:flex;align-items:center}.sc-body-inner{width:100%;min-width:0}@media (max-width:720px){.scene-list{gap:30px}.sc-body{min-height:160px;padding:14px 16px}}.nav-circle,.nav-left{position:relative}.nav-circle{width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--brand) 12%,var(--bg));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));box-shadow:none;cursor:pointer;transition:transform .2s var(--ease),background .3s var(--ease),border-color .3s var(--ease)}.nav-circle:after{content:"";position:absolute;inset:7px;border-radius:58% 42% 54% 46%/46% 55% 45% 54%;background:var(--brand);transform:rotate(-7deg)}.nav-circle:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--brand) 18%,var(--bg))}.nav-popover{position:absolute;top:calc(100% + 10px);left:0;z-index:60;display:flex;align-items:center;gap:6px;padding:8px;background:color-mix(in srgb,var(--bg) 96%,transparent);border:1px solid var(--border-light);border-radius:13px;box-shadow:0 12px 32px rgba(29,33,41,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:pop-in .18s var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}}.nav-popover .ts-dot{position:relative;width:30px;height:30px;border-radius:9px;border:1px solid transparent;background:transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease)}.nav-popover .ts-dot:before{content:"";position:absolute;inset:7px;border-radius:58% 42% 54% 46%/46% 55% 45% 54%;background:var(--c);transform:rotate(-8deg);box-shadow:inset 0 -1px 0 rgba(20,20,24,.08)}.nav-popover .ts-dot:nth-child(2n):before{border-radius:43% 57% 47% 53%/55% 44% 56% 45%;transform:rotate(9deg)}.nav-popover .ts-dot:nth-child(3n):before{border-radius:52% 48% 61% 39%/42% 58% 45% 55%;transform:rotate(-3deg)}.nav-popover .ts-dot:hover{transform:translateY(-1px);filter:none;background:color-mix(in srgb,var(--c) 10%,var(--bg))}.nav-popover .ts-dot.on{width:30px;background:var(--bg-hover);border-color:var(--border);box-shadow:none}@media (max-width:480px){.nav-popover.right{position:fixed;top:64px;left:16px;right:16px;justify-content:center;flex-wrap:wrap;gap:4px}}.font-panel{gap:6px}.font-panel button{display:flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg);padding:7px 14px;border-radius:9px;font-size:12px;color:var(--text-2);transition:all .2s var(--ease)}.font-panel button:hover{border-color:var(--accent);color:var(--accent)}.font-panel button.on{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}@keyframes vt-soft-in{0%{opacity:0}}html[data-fx=soft]::view-transition-new(root){animation:vt-soft-in .28s ease-out both}.macro-tabs{max-width:1080px;margin:18px auto 0;padding:0 32px;display:flex;gap:10px}.macro-tabs button{border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;font-weight:600;padding:8px 22px;border-radius:999px;transition:all .2s var(--ease)}.macro-tabs button:hover{border-color:var(--border);color:var(--text);background:var(--bg-soft)}.macro-tabs button.on{background:var(--bg-hover);border-color:var(--border);color:var(--text);box-shadow:none}@media (max-width:720px){.macro-tabs{padding:0 16px;gap:8px}.macro-tabs button{font-size:13px;padding:7px 16px}}.nav-right{gap:16px}.nav-macro,.nav-right{display:flex;align-items:center}.nav-macro{--macro-indicator-x:0px;--macro-indicator-width:0px;position:relative;gap:4px;margin-left:18px}.nav-macro:before{content:"";position:absolute;z-index:0;left:0;top:0;bottom:0;width:var(--macro-indicator-width);border-radius:8px;background:var(--bg-hover);opacity:0;transform:translateX(var(--macro-indicator-x));transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),opacity .16s ease;pointer-events:none}.nav-macro[data-indicator-ready=true]:before{opacity:1}.nav-macro button{z-index:1;background:transparent;border:none;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-2);cursor:pointer;position:relative;transition:color .2s var(--ease),background .2s var(--ease)}.nav-macro button:hover{color:var(--text);background:var(--bg-soft)}.nav-macro button.on{color:var(--text);background:transparent}.nav-macro button.on:after{content:none}@media (prefers-reduced-motion:reduce){.nav-macro:before{transition:opacity .16s ease}}@media (max-width:960px){.nav-macro{display:none}}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid>.card{min-width:0}@media (max-width:720px){.grid{grid-template-columns:1fr}}.vh-logo{display:flex;align-items:center;margin:-7px -3px;padding:7px 3px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;--vh-logo-rest:69px;--vh-logo-hover:158px}.vh-logo[data-locale=en]{--vh-logo-hover:176px}.vh-word{display:inline-flex;align-items:baseline;font-family:Manrope Variable,Avenir Next,-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;font-weight:760;letter-spacing:-.82px;line-height:1;font-variation-settings:"wght" 760;font-feature-settings:"kern" 1,"liga" 1;color:var(--text);transition:letter-spacing .25s var(--ease),transform .25s var(--ease)}.vh-word b{position:relative;display:inline-block;margin-left:.06em;padding:0;background:none;color:inherit;font:inherit}.vh-logo>.vh-word b:after{content:"";position:absolute;left:1px;bottom:-5px;width:10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--brand),#7657e8);box-shadow:0 1px 5px color-mix(in srgb,var(--brand) 24%,transparent);transition:width .28s var(--ease)}.vh-logo:hover>.vh-word{letter-spacing:-.68px;transform:translateY(-.5px)}.vh-logo:hover>.vh-word b:after{width:calc(100% - 1px)}.vh-logo-stage{position:relative;display:block;width:var(--vh-logo-rest);height:20px;transition:width .5s cubic-bezier(.22,1,.36,1)}.vh-logo-stage:after{content:"";position:absolute;z-index:2;left:36px;bottom:-5px;width:10px;height:2px;border-radius:999px;background:var(--brand);box-shadow:0 1px 5px color-mix(in srgb,var(--brand) 24%,transparent);transition:left .44s cubic-bezier(.22,1,.36,1),width .44s cubic-bezier(.22,1,.36,1),opacity .2s ease}.vh-logo-stage .vh-word{position:absolute;left:0;top:50%;white-space:nowrap;pointer-events:none;transition:opacity .24s ease,transform .42s cubic-bezier(.22,1,.36,1),filter .3s ease,letter-spacing .42s cubic-bezier(.22,1,.36,1)}.vh-word-brand{transform:translateY(-50%)}.vh-word-tagline{opacity:0;font-size:15px;font-weight:650;letter-spacing:-.32px;font-variation-settings:"wght" 650;transform:translateY(calc(-50% + 5px));filter:blur(2px)}.vh-logo:focus-visible .vh-logo-stage,.vh-logo:hover .vh-logo-stage{width:var(--vh-logo-hover)}.vh-logo:focus-visible .vh-logo-stage:after,.vh-logo:hover .vh-logo-stage:after{left:0;width:100%}.vh-logo:focus-visible .vh-word-brand,.vh-logo:hover .vh-word-brand{opacity:0;transform:translateY(calc(-50% - 5px));filter:blur(2px);letter-spacing:-.95px}.vh-logo:focus-visible .vh-word-tagline,.vh-logo:hover .vh-word-tagline{opacity:1;transform:translateY(-50%);filter:blur(0);letter-spacing:-.2px;transition-delay:.11s}.vh-logo:focus-visible{outline:2px solid var(--brand);outline-offset:5px;border-radius:5px}@media (prefers-reduced-motion:reduce){.vh-logo-stage,.vh-logo-stage:after,.vh-word,.vh-word b:after{transition:none}}.nav-theme{position:relative;display:flex;align-items:center}.nav-popover.right{left:auto;right:0}@media (max-width:720px){.vh-word{font-size:17px}}.history-rail{position:relative;padding-left:26px;display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.history-rail:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;border-radius:2px;background:linear-gradient(var(--border-light),var(--border),var(--border-light))}.history-item{position:relative;display:flex;gap:16px;align-items:baseline}.history-item:before{content:"";position:absolute;left:-23px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2.5px solid var(--brand);transition:transform .2s var(--ease),background .2s}.history-item:hover:before{background:var(--brand);transform:scale(1.25)}.hi-year{flex:none;width:84px;font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:600;color:var(--brand)}.hi-body b{display:block;font-size:14px;margin-bottom:3px}.hi-body p{font-size:13px;color:var(--text-2);line-height:1.75;margin:0}@media (max-width:720px){.hi-year{width:66px;font-size:12px}}.ed-lede,.hero-home,.macro-tabs{max-width:1160px}.detail{max-width:980px}.nav-search{position:absolute;z-index:2;left:50%;top:50%;width:min(360px,30vw);transform:translate(-50%,-50%)}.nav-search .search-box{width:100%;height:36px;padding:0 12px;gap:8px;background:color-mix(in srgb,var(--bg) 94%,transparent)}.nav-search .search-icon{font-size:15px}.nav-search .search-box input{min-width:0;font-size:13px}@media (max-width:720px){.nav{height:108px;padding-top:14px;align-items:flex-start}.nav-search{top:58px;left:16px;right:16px;width:auto;transform:none}.nav-search .search-box{height:36px}}.catalog-page{position:relative;isolation:isolate;min-height:calc(100vh - 64px);background:var(--bg)}.catalog-page:before{content:"";position:absolute;z-index:0;inset:0 0 auto;height:min(760px,calc(100vh - 64px));pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--text) 3%,transparent) 1px,transparent 1px),radial-gradient(ellipse 58% 46% at 50% 18%,color-mix(in srgb,var(--brand) 9%,transparent),transparent 74%);background-size:32px 32px,32px 32px,auto;mask-image:radial-gradient(ellipse 72% 68% at 50% 32%,#000 8%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 32%,#000 8%,transparent 76%)}.catalog-page>*{position:relative;z-index:1}.catalog-layout{width:100%;max-width:1640px;margin:0 auto;padding:14px 32px 96px;display:grid;grid-template-columns:156px minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start;scroll-margin-top:76px}.catalog-layout.catalog-layout-full{grid-template-columns:minmax(0,1fr)}.catalog-heading{margin:34px 0 8px}.catalog-heading h1{margin:0;color:var(--text);font-size:clamp(28px,2.35vw,32px);font-weight:720;line-height:1.15;letter-spacing:-.035em}.catalog-title-end{position:relative;display:inline-block;white-space:nowrap}.catalog-title-end:after{content:"";position:absolute;top:0;right:-20px;width:7px;height:7px;border-radius:50%;background:var(--brand)}.catalog-sidebar{position:-webkit-sticky;position:sticky;top:88px;padding-top:32px}.catalog-layout .cat-chips{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.catalog-layout .cat-chips button{width:100%;min-height:36px;padding:7px 11px;display:flex;align-items:center;justify-content:flex-start;border-color:transparent;border-radius:8px;background:transparent;color:var(--text-2);text-align:left}.catalog-layout .cat-chips button:hover{border-color:transparent;background:var(--bg-soft)}.catalog-layout .cat-chips button.on{border-color:transparent;background:var(--bg-hover);color:var(--text);font-weight:600}.catalog-layout .grid-wrap{max-width:none;margin:0;padding:0}.catalog-layout .grid,.catalog-layout .grid-style{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}@media (min-width:1101px){.catalog-layout .card-demo:not(.style-preview)>*{zoom:.86}.catalog-layout .card-demo:has(>.url-demo){padding-inline:10px}.catalog-layout .card-demo:not(.style-preview)>.url-demo{width:100%;zoom:1}.catalog-layout .url-demo .url-bar{flex-wrap:nowrap;font-size:9px}.catalog-layout .url-demo .url-seg{padding:6px 2px}.catalog-layout .url-demo .url-legend{gap:4px 8px;font-size:10px}}@media (max-width:1100px){.catalog-layout{grid-template-columns:140px minmax(0,1fr);gap:20px;padding-inline:24px}.catalog-layout .grid,.catalog-layout .grid-style{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.catalog-layout,.catalog-layout.catalog-layout-full{grid-template-columns:minmax(0,1fr);padding-top:10px}.catalog-sidebar{position:static;padding-top:0}.catalog-layout .cat-chips{flex-direction:row;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;overscroll-behavior-inline:contain}.catalog-layout .cat-chips::-webkit-scrollbar{display:none}.catalog-layout .cat-chips button{width:auto;min-height:34px;flex:none;border:1px solid var(--border);border-radius:999px}.catalog-layout .cat-chips button.on,.catalog-layout .cat-chips button:hover{border-color:var(--border)}}@media (max-width:720px){.catalog-layout{padding:10px 16px 64px}.catalog-heading{margin-top:28px}.catalog-heading h1{font-size:27px}.catalog-layout .grid,.catalog-layout .grid-style{grid-template-columns:minmax(0,1fr)}}.mobile-macro-tabs{display:none}@media (max-width:960px){.mobile-macro-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;overscroll-behavior-inline:contain}.mobile-macro-tabs::-webkit-scrollbar{display:none}.mobile-macro-tabs button{flex:none}}@media (max-width:720px){.mobile-macro-tabs{margin-top:12px;gap:6px}.mobile-macro-tabs button{padding:7px 12px}.detail-hero h1 span{display:block;margin:4px 0 0;font-size:14px}}.nf-page{min-height:100vh;display:flex;flex-direction:column}.nf-page .nav{justify-content:flex-start}.nf-main{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px 80px}.nf-img{width:120px;height:96px;object-fit:contain;margin-bottom:8px}.nf-code{font-size:64px;background:linear-gradient(135deg,var(--brand),#722ed1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nf-title{font-size:22px;font-weight:700;margin-bottom:10px}.nf-desc{font-size:14px;color:var(--text-2);max-width:360px;line-height:1.8;margin-bottom:26px}.nf-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.nf-code{font-size:72px;font-weight:800;letter-spacing:2px;line-height:1.1;color:var(--text);background:none;-webkit-text-fill-color:var(--text);margin-bottom:8px}a.btn,a.btn:active,a.btn:hover,a.btn:visited{text-decoration:none}.principles-box{border-color:var(--brand-light);background:linear-gradient(180deg,#fff,var(--brand-light,#f4f6ff) 220%)}.detail-intro{margin:0 0 24px;padding:20px 22px;border:1px solid var(--border-light);border-radius:var(--radius);background:linear-gradient(180deg,var(--bg),var(--bg-soft))}.detail-intro .detail-desc{margin:0;padding:0;color:var(--text-2);font-size:16px;line-height:1.9}.prerequisite-row{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border-light)}.prerequisite-label{flex:none;color:var(--text-3);font-size:12px;font-weight:600}.prerequisite-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.c-link{text-underline-offset:3px}.c-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-bottom-color:transparent}@media (max-width:640px){.detail-intro{padding:16px}.prerequisite-row{align-items:flex-start;flex-direction:column;gap:8px}.detail-intro .detail-desc{font-size:15px;line-height:1.85}}.prompt-section{margin-bottom:24px}.prompt-box{display:flex;align-items:flex-start;gap:14px;background:#f8f9fb;border:1px solid var(--border);border-radius:14px;padding:16px 18px}.prompt-box code{flex:1 1;min-width:260px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.8;color:var(--text-2);word-break:break-word}.prompt-copy{flex:none;border:1px solid var(--border);background:#fff;color:var(--text-2);font-size:12px;border-radius:8px;padding:5px 14px;cursor:pointer;transition:border-color .18s ease,color .18s ease,background-color .18s ease}.prompt-copy:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-light)}.grid-style{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-style .card{min-width:0}.grid-style .card-cat{color:var(--text-2);background:var(--bg);border-color:var(--border)}.grid-style .card-demo.style-preview{position:relative;display:block;min-height:0;aspect-ratio:16/9;padding:0;overflow:hidden;isolation:isolate;background:color-mix(in srgb,var(--bg-soft) 92%,var(--border))}.style-preview-canvas{position:absolute;left:50%;top:50%;width:133.333%;height:133.333%;transform:translate(-50%,-50%) scale(.75);transform-origin:center;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;pointer-events:none}.style-preview-canvas>*{flex:1 1 auto;width:100%!important;max-width:none!important;height:100%!important;min-width:0;min-height:100%}.detail-hero .dh-demo.style-detail-demo{display:block;min-height:0;aspect-ratio:16/9;padding:0;overflow:hidden;background:var(--bg-soft)}.style-detail-canvas{width:100%;height:100%;display:flex;align-items:stretch;overflow:hidden}.style-detail-canvas>*{flex:1 1 auto;width:100%!important;max-width:none!important;height:100%!important;min-width:0;min-height:100%}.style-ti{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-.12em;font-size:1em}@media (max-width:720px){.grid-style{grid-template-columns:minmax(0,1fr)}.style-preview-canvas{width:121.95%;height:121.95%;transform:translate(-50%,-50%) scale(.82)}.detail-hero .dh-demo.style-detail-demo{aspect-ratio:4/3}}html.has-cursor-fx,html.has-cursor-fx *{cursor:none!important}.cursor-fx{position:fixed;left:0;top:0;z-index:99999;pointer-events:none;opacity:0;transition:opacity .25s}.cursor-fx.on{opacity:1}.cursor-fx .cf-arrow{display:block;margin:-3px 0 0 -4px;filter:drop-shadow(0 1px 2px rgba(15,23,42,.25));transform-origin:4px 3px;transition:opacity .2s cubic-bezier(.33,1,.68,1),transform .2s cubic-bezier(.33,1,.68,1)}.cursor-fx .cf-arrow path{fill:var(--brand);stroke:#fff;stroke-width:2.2;stroke-linejoin:round;paint-order:stroke}.cursor-fx i{position:absolute;left:0;top:0;display:block;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:999px;background:var(--brand);box-shadow:0 1px 5px rgba(15,23,42,.22);opacity:0;transform:scale(.4);transition:opacity .2s cubic-bezier(.33,1,.68,1),transform .2s cubic-bezier(.33,1,.68,1),width .2s cubic-bezier(.33,1,.68,1),height .2s cubic-bezier(.33,1,.68,1),margin .2s cubic-bezier(.33,1,.68,1),background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.cursor-fx.is-link .cf-arrow,.cursor-fx.is-text .cf-arrow{opacity:0;transform:scale(.5)}.cursor-fx.is-link i,.cursor-fx.is-text i{opacity:1;transform:scale(1)}.cursor-fx.is-link i{width:22px;height:22px;margin:-11px 0 0 -11px;background:color-mix(in srgb,var(--brand) 12%,transparent);border:1.5px solid var(--brand);box-shadow:none}.cursor-fx.is-text i{width:2px;height:20px;margin:-10px 0 0 -1px;border-radius:2px}.card-head h3{font-size:19px}.detail-hero h1 span{font-size:20px;color:var(--text-2)}.card-head h3{font-size:20px}.card-head h3 span{font-size:14px}