.fx67ll-footer[data-v-a8ba2cd8]{width:100%;padding:20px 0;text-align:center;position:absolute;bottom:0;-webkit-user-select:text;-moz-user-select:text;user-select:text}.tool-box[data-v-a8ba2cd8]{position:absolute;top:20px;left:30px;z-index:1000;border:1px solid #42b983;box-shadow:1px 1px 5px #f8f8f8}.tool-box div[data-v-a8ba2cd8]{padding:4px;color:#42b983;border:1px solid #42b983;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-box div[data-v-a8ba2cd8]:hover{background-color:#42b983;color:#fff}.tool-box-inDev[data-v-a8ba2cd8]{border:1px solid #ef8e81}.tool-box-inDev .tool-inDev[data-v-a8ba2cd8]{color:#ef8e81;border:1px solid #ef8e81}.tool-box-inDev .tool-inDev[data-v-a8ba2cd8]:hover{background-color:#ef8e81;color:#fff}.code-box .code-codemirror[data-v-a8ba2cd8],.code-box[data-v-a8ba2cd8]{width:100%;height:100%}@font-face{font-family:PFR;src:url("../../static/fonts/PingFang Regular En.3eaf0a60.ttf") format("truetype")}a[data-v-a8ba2cd8]{color:#bababa}a[data-v-a8ba2cd8]:hover{color:#42b983}.ban-user-select[data-v-a8ba2cd8],.fx67ll-box[data-v-a8ba2cd8]{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fx67ll-box[data-v-a8ba2cd8]{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.fx67ll-box .fx67ll-header[data-v-a8ba2cd8]{flex-shrink:0;padding:40px 20px 20px 20px;text-align:center;position:relative;z-index:2}.fx67ll-box .fx67ll-header .fx67ll-title span[data-v-a8ba2cd8]{display:inline-block;font-size:36px;color:#42b983;text-shadow:0 2px 18px rgba(66,185,131,.4);cursor:pointer;transition:all .3s ease}.fx67ll-box .fx67ll-header .fx67ll-title span[data-v-a8ba2cd8]:hover{color:#fff;text-shadow:0 2px 24px rgba(66,185,131,.7);transform:translateY(-2px)}.fx67ll-box .fx67ll-header .fx67ll-subtitle[data-v-a8ba2cd8]{margin-top:10px;font-size:14px;color:hsla(0,0%,100%,.75);letter-spacing:1px}.fx67ll-box .fx67ll-link[data-v-a8ba2cd8]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px 24px 0 24px;position:relative;z-index:2}.fx67ll-box .fx67ll-link .card-grid[data-v-a8ba2cd8]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px;max-width:1080px;margin-left:auto;margin-right:auto}.fx67ll-box .fx67ll-link .demo-card[data-v-a8ba2cd8]{display:flex;align-items:center;gap:14px;padding:16px 18px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.15);border-radius:14px;cursor:pointer;text-decoration:none;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.fx67ll-box .fx67ll-link .demo-card[data-v-a8ba2cd8]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.12),transparent);transition:left .6s ease}.fx67ll-box .fx67ll-link .demo-card[data-v-a8ba2cd8]:hover{background:hsla(0,0%,100%,.18);border-color:rgba(66,185,131,.6);transform:translateY(-4px);box-shadow:0 10px 30px rgba(66,185,131,.25)}.fx67ll-box .fx67ll-link .demo-card[data-v-a8ba2cd8]:hover:before{left:100%}.fx67ll-box .fx67ll-link .demo-card:hover .card-arrow[data-v-a8ba2cd8]{color:#42b983;transform:translateX(4px)}.fx67ll-box .fx67ll-link .demo-card .card-icon[data-v-a8ba2cd8]{flex-shrink:0;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.2)}.fx67ll-box .fx67ll-link .demo-card .card-icon .icon-emoji[data-v-a8ba2cd8]{font-size:24px;line-height:1}.fx67ll-box .fx67ll-link .demo-card .card-body[data-v-a8ba2cd8]{flex:1;min-width:0}.fx67ll-box .fx67ll-link .demo-card .card-body .card-title[data-v-a8ba2cd8]{font-size:16px;font-weight:700;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx67ll-box .fx67ll-link .demo-card .card-body .card-desc[data-v-a8ba2cd8]{font-size:12px;color:hsla(0,0%,100%,.7);line-height:1.5;margin-bottom:8px;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fx67ll-box .fx67ll-link .demo-card .card-body .card-tags[data-v-a8ba2cd8]{display:flex;gap:6px;flex-wrap:wrap}.fx67ll-box .fx67ll-link .demo-card .card-body .card-tags .card-tag[data-v-a8ba2cd8]{font-size:11px;padding:2px 8px;border-radius:8px;background:rgba(66,185,131,.2);color:#42b983;border:1px solid rgba(66,185,131,.3);line-height:16px}.fx67ll-box .fx67ll-link .demo-card .card-body .card-tags .card-tag.tag-ai[data-v-a8ba2cd8]{background:rgba(239,142,129,.2);color:#ffb3a8;border-color:rgba(239,142,129,.3)}.fx67ll-box .fx67ll-link .demo-card .card-arrow[data-v-a8ba2cd8]{flex-shrink:0;font-size:22px;color:hsla(0,0%,100%,.5);transition:all .3s ease}.fx67ll-box .fx67ll-link .demo-card.external[data-v-a8ba2cd8]{border-style:dashed}.fx67ll-box .fx67ll-link .fx67ll-link-item[data-v-a8ba2cd8]{width:100%;text-align:center;margin:16px 0}.fx67ll-box .fx67ll-link .fx67ll-link-item .fx67ll-devTip[data-v-a8ba2cd8]{color:#ef8e81;font-size:14px}.fx67ll-box .fx67ll-link[data-v-a8ba2cd8]::-webkit-scrollbar{width:6px}.fx67ll-box .fx67ll-link[data-v-a8ba2cd8]::-webkit-scrollbar-thumb{background:rgba(66,185,131,.4);border-radius:3px}.fx67ll-box .fx67ll-background[data-v-a8ba2cd8]{position:absolute;top:0;z-index:1}.fx67ll-box .fx67ll-footer[data-v-a8ba2cd8]{position:relative;flex-shrink:0;z-index:2}@media screen and (max-width:960px){.fx67ll-box .fx67ll-footer[data-v-a8ba2cd8]{font-size:12px;padding:12px 0}.fx67ll-box .fx67ll-header[data-v-a8ba2cd8]{padding:24px 16px 14px 16px}.fx67ll-box .fx67ll-header .fx67ll-title span[data-v-a8ba2cd8]{font-size:24px}.fx67ll-box .fx67ll-header .fx67ll-subtitle[data-v-a8ba2cd8]{font-size:12px}.fx67ll-box .fx67ll-link[data-v-a8ba2cd8]{padding:0 14px}}