.locale-switch[data-v-8fd4ae34]{display:inline-flex;padding:4px;border-radius:999px;background:transparent;gap:4px}.locale-button[data-v-8fd4ae34]{border:0;background:transparent;border-radius:999px;padding:5px 9px;color:var(--doc-muted);cursor:pointer}.locale-button.active[data-v-8fd4ae34]{background:var(--doc-green);color:#fff}:root:root{--doc-paper: #f7f8f4;--doc-white: #fff;--doc-ink: #1b3029;--doc-muted: #637269;--doc-green: #24674f;--doc-line: #dce3d7;--doc-soft: #eaf0e2;--doc-code: #1d3027;--doc-mono: ui-monospace, SFMono-Regular, Consolas, monospace;--el-color-primary: #24674f;--el-color-primary-light-3: #658f7b;--el-color-primary-light-5: #8dad9b;--el-color-primary-light-7: #bbcec0;--el-color-primary-light-8: #d4e0d6;--el-color-primary-light-9: #edf3e9;--el-color-primary-dark-2: #184b38;--el-border-radius-base: 6px;--el-text-color-primary: #1b3029;--el-text-color-regular: #53645a;--el-border-color: #dce3d7}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--doc-ink);background:var(--doc-paper);font-size:15px;-webkit-font-smoothing:antialiased}a{color:var(--doc-green);text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #7ea369;outline-offset:4px}h1,h2,h3{color:var(--doc-ink)}.docs-site{height:100dvh;display:flex;flex-direction:column}.site-header{flex:none;background:var(--doc-paper);border-bottom:1px solid var(--doc-line);z-index:40}.site-header__inner{min-height:78px;padding:0 40px;max-width:1600px;margin:auto;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:12px;color:var(--doc-ink);font-weight:750;font-size:18px;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:25px;height:25px;position:relative;flex:none}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border:2px solid var(--doc-green);width:17px;height:17px}.brand-mark:before{top:0;left:0;border-top:0;border-right:0}.brand-mark:after{bottom:0;right:0;border-bottom:0;border-left:0}.site-nav{display:flex;gap:28px;align-items:center;font-size:13px}.site-nav a{color:var(--doc-muted);white-space:nowrap}.site-nav a:hover,.site-nav .router-link-active{color:var(--doc-green)}.site-header__end{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:12px}.mobile-menu{display:none}.site-body{display:flex;flex:1;min-height:0;max-width:1600px;width:100%;margin:auto}.site-main{flex:1;overflow:auto;min-width:0;scroll-behavior:auto}.docs-sidebar{width:224px;flex:none;padding:32px 22px 30px 28px;border-right:1px solid var(--doc-line);overflow:auto}.docs-nav-group{margin:0 0 28px}.docs-nav-group h2{font-size:12px;letter-spacing:1px;color:var(--doc-muted);font-weight:600;margin:0 10px 10px}.docs-nav-group a{display:block;padding:9px 11px;margin:3px 0;font-size:13px;color:var(--doc-muted);border-radius:5px;line-height:1.6}.docs-nav-group a:hover{background:#edf1e8;color:var(--doc-green)}.docs-nav-group .router-link-exact-active{color:var(--doc-green);background:var(--doc-soft);font-weight:600}.sidebar-note{border-top:1px solid var(--doc-line);padding:22px 10px 0;color:var(--doc-muted);font-size:12px;line-height:1.8}.doc-layout{display:grid;grid-template-columns:minmax(0,850px) 155px;gap:38px;padding:38px 38px 55px;max-width:1190px;margin:auto}.doc-layout--wide{display:block;max-width:none;padding:30px}.site-body--workspace .docs-sidebar{width:195px;padding-left:18px;padding-right:16px}.doc-article{min-width:0}.doc-breadcrumb{color:var(--doc-green);font-size:12px;margin:0 0 15px;line-height:1.7}.doc-breadcrumb span{color:#a8b1a4;padding:0 9px}.doc-summary{font-size:14px;color:var(--doc-muted);margin:0 0 30px;line-height:1.8}.page-outline{align-self:start;position:sticky;top:0;border-left:1px solid var(--doc-line);padding-left:18px;max-height:calc(100dvh - 165px);overflow:auto}.page-outline strong{display:block;font-size:12px;letter-spacing:.6px;font-weight:600;margin:3px 0 16px}.page-outline a{display:block;font-size:12px;line-height:1.7;color:var(--doc-muted);padding:6px 0}.page-outline a.nested{padding-left:9px}.page-outline a.current,.page-outline a:hover{color:var(--doc-green)}.doc-article :is(h2,h3)[id]{scroll-margin-top:24px}.related-topics{border-top:1px solid var(--doc-line);margin-top:42px;padding-top:24px;display:flex;flex-wrap:wrap;gap:10px}.related-topics h2{width:100%;font-size:15px;margin:0 0 10px}.related-topics a{padding:12px 15px;border:1px solid var(--doc-line);border-radius:6px;font-size:13px}.related-topics a span{padding-left:20px}.doc-pagination{display:flex;align-items:stretch;justify-content:space-between;gap:20px;margin-top:28px}.doc-pagination a{border:1px solid var(--doc-line);padding:18px 20px;flex:1;border-radius:6px;font-size:14px}.doc-pagination a:last-child{text-align:right}.doc-pagination small{display:block;color:var(--doc-muted);font-size:12px;margin-bottom:9px}.markdown-body{width:100%;background:transparent;font-family:inherit;font-size:15px;line-height:1.85;color:var(--doc-ink);overflow-wrap:break-word}.markdown-body>h1{font-size:36px;font-weight:650;line-height:1.35;letter-spacing:-1.2px;margin:0 0 26px}.markdown-body h2{font-size:23px;line-height:1.5;margin:38px 0 17px;font-weight:600;letter-spacing:-.4px}.markdown-body h3{font-size:18px;margin:28px 0 14px;font-weight:600}.markdown-body p{margin:14px 0}.markdown-body ul,.markdown-body ol{margin:14px 0;padding-left:24px}.markdown-body li{margin:7px 0}.markdown-body a{text-decoration:underline;text-underline-offset:4px}.markdown-body code{font:.85em/1.7 var(--doc-mono);background:#e9eee4;padding:3px 5px;border-radius:3px}.markdown-body pre{background:var(--doc-code);color:#e2eadb;border:1px solid #2d4639;padding:21px;border-radius:7px;overflow:auto;margin:20px 0;line-height:1.8}.markdown-body pre code{background:transparent;padding:0;color:inherit;white-space:pre;font-size:12px}.markdown-body .hljs{background:var(--doc-code);color:#e2eadb}.hljs-keyword,.hljs-tag,.hljs-name{color:#bfdcad}.hljs-string,.hljs-attr{color:#dfd49f}.hljs-comment{color:#a4b39f}.hljs-number,.hljs-literal{color:#a0cdbd}.markdown-body table{display:block;width:100%;overflow:auto;border-collapse:collapse;font-size:13px;margin:20px 0 28px}.markdown-body th{background:#edf1e7;text-align:left;font-weight:600;white-space:nowrap}.markdown-body th,.markdown-body td{padding:14px 13px;border-bottom:1px solid var(--doc-line);vertical-align:top;min-width:110px}.markdown-body td:first-child{white-space:nowrap;color:var(--doc-green);font-family:var(--doc-mono);font-size:12px}.markdown-body blockquote{margin:24px 0;padding:10px 20px;border-left:3px solid #8cad77;background:var(--doc-soft);color:#4e6555;border-radius:0 5px 5px 0}.markdown-body hr{border:0;border-top:1px solid var(--doc-line);margin:35px 0}.at-component__container{border:1px solid var(--doc-line);background:#fff;border-radius:9px;margin:24px 0;overflow:hidden}.at-component__sample{padding:24px;min-width:0}.at-component__sample .vue-cropper{max-width:100%}.at-component__sample>.el-select,.at-component__sample .panel .el-select{max-width:100%}.at-component__sample .box{display:flex;flex-wrap:wrap;gap:16px}.at-component__sample .title{font-size:16px;font-weight:600;margin:20px 0 14px}.at-component__sample .desc,.at-component__sample .hint,.at-component__sample .tips{color:var(--doc-muted);font-size:13px}.at-component__sample .el-button{margin-top:5px}.at-component__code{border-top:1px solid var(--doc-line)}.at-component__code pre{margin:0;border-radius:0}.code-toggle{width:100%;border:0;border-top:1px solid var(--doc-line);background:#f1f4ec;color:var(--doc-green);padding:13px;font-size:12px}.doc-article .scenario-intro span,.doc-article .scenario-intro h1,.doc-article .page-intro h1{color:var(--doc-ink)}.doc-article .scenario-intro p{color:var(--doc-muted)}.doc-article .scenario-card{border-color:var(--doc-line);border-radius:10px;box-shadow:0 10px 30px #233a2010}.doc-article .preview-column{background:#edf1e7;border-color:var(--doc-line)}.doc-article .scenario-actions,.doc-article .editor-actions{flex-wrap:wrap}.doc-article .workspace-page{padding:0;height:auto;color:var(--doc-ink)}.doc-article .editor-shell{border-color:var(--doc-line);box-shadow:0 12px 32px #21391f0c;grid-template-rows:auto minmax(0,1fr) auto}.doc-article .editor-toolbar{background:#edf1e8;border-color:var(--doc-line);flex-wrap:wrap}.doc-article .editor-body{grid-template-columns:minmax(0,1fr) 305px}.doc-article .stage{background:#e9eee5;min-height:480px}.doc-article .inspector{border-color:var(--doc-line)}.doc-article .status-bar{background:#f1f4ec;color:var(--doc-muted);flex-wrap:wrap;height:auto;padding:10px}.doc-article .data-panel pre{background:var(--doc-code);color:#dbe6d2}.crop-export-panel .result-image{max-width:100%;object-fit:contain}.site-main .demo-image-switch .select{width:min(210px,100%)}.site-main .demo-image-switch{gap:10px;font-size:12px}.menu-backdrop{display:none}@media(max-width:1200px){.doc-layout{grid-template-columns:minmax(0,1fr);padding:30px}.page-outline{position:static;order:-1;border:1px solid var(--doc-line);border-radius:5px;padding:12px 16px;max-height:140px}.page-outline a{display:inline-block;margin-right:18px}.page-outline strong{margin-bottom:6px}.doc-article .editor-body{grid-template-columns:minmax(0,1fr)}.doc-article .inspector{max-height:none;border-left:0;border-top:1px solid var(--doc-line)}}@media(max-width:900px){.site-header__inner{padding:0 24px;gap:25px}.site-nav{gap:18px}.site-header__end{gap:15px}.github-link{display:none}.docs-sidebar{width:185px;padding:24px 12px}.doc-layout{padding:28px 22px}.markdown-body>h1{font-size:30px}}@media(max-width:700px){.site-header__inner{flex-wrap:wrap;gap:12px;padding:17px 20px 12px}.brand{font-size:15px;gap:9px}.site-nav{order:3;width:100%;justify-content:space-between;font-size:12px;padding-top:8px}.site-header__end{gap:0}.mobile-menu{order:4;display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid var(--doc-line);padding:12px 0 0;color:var(--doc-green);background:transparent;font-size:12px}.docs-sidebar,.site-body--workspace .docs-sidebar{display:none;position:fixed;top:153px;bottom:0;left:0;width:265px;background:var(--doc-paper);z-index:35}.docs-sidebar.is-open{display:block}.menu-backdrop{display:block;position:fixed;inset:153px 0 0;background:#18322344;border:0;z-index:30}.doc-layout{padding:24px 20px 40px;gap:23px}.doc-summary{margin-bottom:22px}.markdown-body{font-size:14px}.markdown-body>h1{font-size:29px}.markdown-body h2{font-size:21px}.markdown-body pre,.at-component__sample{padding:15px}.doc-article .editor-toolbar{gap:7px}.doc-article .toolbar-group{flex-wrap:wrap}.doc-pagination a{padding:15px 12px;font-size:12px}.doc-pagination{gap:10px}.related-topics a{font-size:12px}.page-outline{max-height:110px}}.integration-note{margin:26px 0 12px;color:var(--doc-muted);font-size:13px;line-height:1.8}.doc-article .scenario-page{max-width:none;padding:0}.doc-article .scenario-intro h1,.doc-article .page-intro h1{font-size:32px;letter-spacing:-.8px}.doc-article .scenario-intro{margin-bottom:24px}.doc-article .geometry-demo{border-color:var(--doc-line)}.doc-article .result-panel pre{background:var(--doc-code);color:#dce8d4}.doc-article .status-bar{white-space:normal}@media(max-width:1200px){.doc-article :is(.avatar-layout,.cover-layout,.product-layout){grid-template-columns:minmax(0,1fr)}.doc-article .preview-column{border-left:0;border-top:1px solid var(--doc-line)}}@media(max-width:700px){.doc-article .scenario-intro h1,.doc-article .page-intro h1{font-size:28px}.doc-article .field-row{flex-wrap:wrap}.doc-article .stage{padding:12px;min-height:340px}}@media(max-width:700px){.site-body{position:relative}.docs-sidebar,.site-body--workspace .docs-sidebar{position:absolute;top:0}.menu-backdrop{position:absolute;inset:0}}.outline-toggle{display:none}@media(max-width:700px){.page-outline{max-height:none}.page-outline .outline-title{display:none}.outline-toggle{display:flex;width:100%;justify-content:space-between;border:0;padding:2px 0;background:transparent;color:var(--doc-ink);font-size:12px}.outline-links{display:none;padding-top:10px}.outline-links.is-expanded,.page-outline a{display:block}}.at-component__sample :is(.actions,.control,.control-panel,.panel,.loading-toolbar){min-width:0}.at-component__sample>.vue-cropper{border-radius:8px}.at-component__sample :is(.control-panel,.panel){padding:20px;border:1px solid var(--doc-line);border-radius:8px;background:var(--doc-paper)}.at-component__sample .el-slider{padding-inline:8px}:is(.actions,.scenario-actions,.toolbar-group,.compact-actions,.hero-tools)>.el-button+.el-button{margin-left:0}.site-main :is(button,summary,input,select,textarea):focus-visible{outline:2px solid var(--doc-green);outline-offset:3px}.site-main .el-select,.doc-article .editor-column,.doc-article .preview-column{min-width:0}.doc-article .preview-column{overflow-wrap:break-word}.markdown-body h4{font-size:15px;line-height:1.8;font-weight:500;margin:14px 0 24px}.markdown-body td code{overflow-wrap:anywhere}@media(max-width:700px){.at-component__sample :is(.control-panel,.panel){padding:14px}.at-component__sample .field-row{align-items:flex-start;gap:8px}.at-component__sample .field-row .el-select{width:100%}.site-main .el-button{min-height:36px}}.code-example[data-v-9364dbe4]{margin-top:20px;border:1px solid var(--doc-line);border-radius:7px;background:#fff;overflow:hidden}summary[data-v-9364dbe4]{padding:16px 18px;color:var(--doc-ink);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.code-toolbar[data-v-9364dbe4]{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--doc-line);border-bottom:1px solid #30343b;background:#24382f;color:#c9cdd4;font-size:12px}pre[data-v-9364dbe4]{max-height:560px;margin:0;padding:18px;overflow:auto;background:var(--doc-code);color:var(--doc-line);font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2}code[data-v-9364dbe4]{white-space:pre}.code-copy[data-v-9364dbe4]{background:transparent;color:#e1ebd8;border:1px solid #53654e;border-radius:4px;padding:5px 9px;font-size:12px}.integration-code[data-v-21f39345]{padding:0 20px 20px;border-top:1px solid var(--doc-line)}.integration-code>p[data-v-21f39345],.source-note[data-v-21f39345]{font-size:12px;line-height:1.8;color:var(--doc-muted)}.source-note[data-v-21f39345]{padding:12px 18px}.demo-image-switch[data-v-0729712b]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:16px 0 0}.label[data-v-0729712b]{color:var(--doc-muted)}.select[data-v-0729712b]{flex:1;min-width:80px;max-width:210px}.crop-export-panel[data-v-dc329af0]{margin-top:16px}.actions[data-v-dc329af0]{display:flex;flex-wrap:wrap;gap:12px}.result[data-v-dc329af0]{margin-top:16px}.result-image[data-v-dc329af0]{display:block;max-width:100%;height:auto!important;border-radius:8px;object-fit:contain;border:1px solid var(--doc-line);background:#fff}.result-meta[data-v-dc329af0]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding:16px;border:1px solid var(--doc-line);border-radius:8px;background:var(--doc-paper);color:var(--doc-muted);line-height:1.7}.result-meta span[data-v-dc329af0]{display:block;font-size:12px}.result-meta strong[data-v-dc329af0]{display:block;margin-top:3px;font-size:14px;font-weight:600;color:var(--doc-ink);font-variant-numeric:tabular-nums}.actions .el-button+.el-button[data-v-dc329af0]{margin-left:0}p[data-v-dc329af0]{margin:0}:root{--cropperColor:#1890ff}.vue-cropper{position:relative;box-sizing:border-box;direction:ltr;touch-action:none;text-align:left;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);-webkit-user-select:none;user-select:none}.vue-cropper .cropper-box,.vue-cropper .cropper-box-canvas,.vue-cropper .cropper-drag-box,.vue-cropper .cropper-crop-box,.vue-cropper .cropper-face{position:absolute;inset:0;-webkit-user-select:none;user-select:none}.vue-cropper .cropper-box-canvas img{position:relative;text-align:left;-webkit-user-select:none;user-select:none;transform:none;max-width:none;max-height:none;width:100%;height:100%;display:block}.vue-cropper .cropper-drag-box{transition:background .2s ease-in-out}.vue-cropper .cropper-box{overflow:hidden}.vue-cropper .cropper-move{cursor:move}.vue-cropper .cropper-modal{background:#00000080}.vue-cropper .cropper-full-mask{position:absolute;inset:0;pointer-events:none;box-sizing:border-box;background:#0000000f;outline:1px solid rgba(255,255,255,.6);outline-offset:-1px}.vue-cropper .cropper-view-box{display:block;overflow:hidden;width:100%;height:100%;outline:0;-webkit-user-select:none;user-select:none}.vue-cropper .cropper-view-box img{-webkit-user-select:none;user-select:none;text-align:left;max-width:none;max-height:none}.vue-cropper .cropper-face{top:0;left:0;background-color:#fff;opacity:.1}.vue-cropper .cropper-frame{position:absolute;z-index:1;inset:0;box-sizing:border-box;border:1px solid currentColor;pointer-events:none;box-shadow:0 0 0 1px #0000004d,inset 0 0 0 1px #ffffff24}.vue-cropper .cropper-grid{position:absolute;z-index:2;inset:0;opacity:0;pointer-events:none;transition:opacity .4s ease-out}.vue-cropper .cropper-grid--active{opacity:1}.vue-cropper .cropper-grid-line{position:absolute;display:block;background:currentColor;box-shadow:0 0 1px #00000073;opacity:.58}.vue-cropper .cropper-grid-line--vertical-start,.vue-cropper .cropper-grid-line--vertical-end{top:0;bottom:0;width:1px}.vue-cropper .cropper-grid-line--vertical-start{left:33.3333%}.vue-cropper .cropper-grid-line--vertical-end{left:66.6667%}.vue-cropper .cropper-grid-line--horizontal-start,.vue-cropper .cropper-grid-line--horizontal-end{right:0;left:0;height:1px}.vue-cropper .cropper-grid-line--horizontal-start{top:33.3333%}.vue-cropper .cropper-grid-line--horizontal-end{top:66.6667%}.vue-cropper .cropper-resize-handle{position:absolute;z-index:3;width:24px;height:24px;touch-action:none}.vue-cropper .cropper-resize-handle:after{position:absolute;top:50%;left:50%;width:20px;height:3px;box-sizing:border-box;border-radius:999px;background:currentColor;box-shadow:0 1px 2px #00000061;content:"";transform:translate(-50%,-50%)}.vue-cropper .cropper-resize-handle--w:after,.vue-cropper .cropper-resize-handle--e:after{width:3px;height:20px}.vue-cropper .cropper-resize-handle--nw:after,.vue-cropper .cropper-resize-handle--ne:after,.vue-cropper .cropper-resize-handle--sw:after,.vue-cropper .cropper-resize-handle--se:after{width:20px;height:20px;border:0 solid currentColor;border-radius:0;background:transparent;box-shadow:none}.vue-cropper .cropper-resize-handle--nw:after{top:calc(50% - 3px);left:calc(50% - 3px);border-top-width:3px;border-left-width:3px;transform:none}.vue-cropper .cropper-resize-handle--ne:after{top:calc(50% - 3px);right:calc(50% - 3px);left:auto;border-top-width:3px;border-right-width:3px;transform:none}.vue-cropper .cropper-resize-handle--sw:after{top:auto;bottom:calc(50% - 3px);left:calc(50% - 3px);border-bottom-width:3px;border-left-width:3px;transform:none}.vue-cropper .cropper-resize-handle--se:after{top:auto;right:calc(50% - 3px);bottom:calc(50% - 3px);left:auto;border-right-width:3px;border-bottom-width:3px;transform:none}.vue-cropper .cropper-resize-handle--n,.vue-cropper .cropper-resize-handle--s{left:50%;cursor:ns-resize;transform:translate(-50%)}.vue-cropper .cropper-resize-handle--n{top:-12px}.vue-cropper .cropper-resize-handle--s{bottom:-12px}.vue-cropper .cropper-resize-handle--w,.vue-cropper .cropper-resize-handle--e{top:50%;cursor:ew-resize;transform:translateY(-50%)}.vue-cropper .cropper-resize-handle--w{left:-12px}.vue-cropper .cropper-resize-handle--e{right:-12px}.vue-cropper .cropper-resize-handle--nw,.vue-cropper .cropper-resize-handle--se{cursor:nwse-resize}.vue-cropper .cropper-resize-handle--ne,.vue-cropper .cropper-resize-handle--sw{cursor:nesw-resize}.vue-cropper .cropper-resize-handle--nw{top:-12px;left:-12px}.vue-cropper .cropper-resize-handle--ne{top:-12px;right:-12px}.vue-cropper .cropper-resize-handle--sw{bottom:-12px;left:-12px}.vue-cropper .cropper-resize-handle--se{right:-12px;bottom:-12px}.vue-cropper .cropper-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;align-items:center;justify-content:center;color:var(--cropperColor)}.vue-cropper .cropper-loading .cropper-loading-spin{box-sizing:border-box;margin:0;padding:0;font-size:14px;font-variant:tabular-nums;line-height:1.5;list-style:none;font-feature-settings:"tnum";text-align:center;vertical-align:middle;transition:transform .3s cubic-bezier(.78,.14,.15,.86)}.vue-cropper .cropper-loading .cropper-loading-spin i svg{animation:cropperLoadingCircle 1.2s infinite ease-out}.vue-cropper .cropper-fade-in{animation-name:cropperFadeIn;animation-duration:.5s;animation-timing-function:ease-in-out}.vue-cropper+.vue-cropper{margin-left:20px}.realtime-preview img{max-width:none!important}@keyframes cropperLoadingCircle{to{transform:rotate(360deg)}}@keyframes cropperFadeIn{0%{opacity:0}to{opacity:1}}