[v-cloak]{display:none}:root{--ain-bg:#f6f8fb;--ain-panel:#ffffff;--ain-border:#e5e7eb;--ain-text:#1f2937;--ain-text-sub:#6b7280;--ain-accent:#4f46e5;--ain-accent-2:#7c3aed}html.dark{--ain-bg:#0f172a;--ain-panel:#1e293b;--ain-border:#334155;--ain-text:#e2e8f0;--ain-text-sub:#94a3b8}body{background:var(--ain-bg);color:var(--ain-text);font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;transition:background .25s ease,color .25s ease}.app-root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(100,116,139,.35);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.6)}.top-banner{background:linear-gradient(90deg,var(--ain-accent),var(--ain-accent-2));color:#fff}.banner-item{height:36px;line-height:36px;text-align:center;font-size:13px;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.header-bar{background:color-mix(in srgb,var(--ain-panel) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ain-border)}.logo-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:32px;padding:0 10px;border-radius:10px;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--ain-accent),var(--ain-accent-2));box-shadow:0 4px 12px rgba(79,70,229,.35)}.nav-btn{padding:6px 14px;border-radius:8px;font-size:14px;color:var(--ain-text-sub);transition:all .2s}.nav-btn:hover{color:var(--ain-accent);background:rgba(79,70,229,.08)}.nav-btn.on{color:var(--ain-accent);background:rgba(79,70,229,.12);font-weight:600}.icon-btn{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;border:1px solid var(--ain-border);background:var(--ain-panel);transition:all .2s}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.12)}.user-chip{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:10px;transition:background .2s}.user-chip:hover{background:rgba(100,116,139,.12)}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;background:linear-gradient(135deg,#06b6d4,var(--ain-accent))}.search-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:60vh;overflow:auto;background:var(--ain-panel);border:1px solid var(--ain-border);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);animation:dropIn .18s ease}@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.panel-title{padding:8px 14px 4px;font-size:12px;color:var(--ain-text-sub)}.panel-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;transition:background .15s}.panel-item:hover{background:rgba(79,70,229,.08)}.panel-desc{flex:1;font-size:12px;color:var(--ain-text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-title{font-size:18px;font-weight:700;margin-bottom:14px}.chip-wrap{display:inline-flex;align-items:center;gap:2px}.chip{padding:4px 12px;border-radius:999px;font-size:13px;border:1px solid var(--ain-border);background:var(--ain-panel);color:var(--ain-text-sub);transition:all .2s}.chip:hover{border-color:var(--ain-accent);color:var(--ain-accent)}.chip.on{background:var(--ain-accent);border-color:var(--ain-accent);color:#fff}.chip-op{cursor:pointer;font-size:12px;font-style:normal;opacity:.55;transition:opacity .2s}.chip-op:hover{opacity:1}.tool-card{position:relative;padding:18px 16px;border-radius:14px;background:var(--ain-panel);border:1px solid var(--ain-border);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.tool-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px rgba(0,0,0,.14);border-color:var(--ain-accent)}.tool-card[draggable="true"]{cursor:grab}.tool-card[draggable="true"]:active{cursor:grabbing}.tool-icon{font-size:30px;line-height:1;margin-bottom:10px}.tool-name{font-weight:600;font-size:15px;margin-bottom:4px}.tool-desc{font-size:12px;color:var(--ain-text-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fav-star{position:absolute;top:8px;right:10px;font-size:18px;color:#cbd5e1;transition:transform .2s,color .2s;z-index:2}.fav-star:hover{transform:scale(1.25);color:#f59e0b}.fav-star.active{color:#f59e0b}.toolbox-panel{background:var(--ain-panel);border:1px solid var(--ain-border);border-radius:14px;padding:20px}.code-output{background:#0b1020;color:#a5f3fc;border-radius:10px;padding:14px;font-size:13px;line-height:1.6;overflow:auto;max-height:50vh;white-space:pre-wrap;word-break:break-all;font-family:Consolas,"Courier New",monospace}html.dark .code-output{background:#020617}.stat-card{background:rgba(79,70,229,.07);border:1px solid rgba(79,70,229,.18);border-radius:12px;padding:12px;text-align:center}.stat-num{font-size:22px;font-weight:800;color:var(--ain-accent)}.stat-label{font-size:12px;color:var(--ain-text-sub);margin-top:2px}.file-input{display:block;width:100%;padding:10px;border:1px dashed var(--ain-border);border-radius:10px;font-size:13px;color:var(--ain-text-sub);background:transparent}.history-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ain-border);border-radius:10px;background:var(--ain-panel);transition:border-color .2s}.history-row:hover{border-color:var(--ain-accent)}.history-desc{flex:1;font-size:12px;color:var(--ain-text-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-card{border:1px solid var(--ain-border);border-radius:12px;padding:14px;background:var(--ain-panel);transition:border-color .2s,box-shadow .2s}.prompt-card:hover{border-color:var(--ain-accent);box-shadow:0 6px 16px rgba(0,0,0,.08)}.prompt-content{font-size:13px;color:var(--ain-text-sub);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.changelog-item{border-left:3px solid var(--ain-accent);padding-left:12px}.quickbar{position:fixed;right:16px;bottom:90px;z-index:40;display:flex;flex-direction:column;gap:10px}.quick-btn{width:44px;height:44px;border-radius:12px;font-size:19px;background:var(--ain-panel);border:1px solid var(--ain-border);box-shadow:0 4px 14px rgba(0,0,0,.12);transition:all .2s;display:flex;align-items:center;justify-content:center}.quick-btn:hover{transform:translateY(-2px) scale(1.06);border-color:var(--ain-accent)}.footer{border-top:1px solid var(--ain-border);background:var(--ain-panel)}.footer-title{font-weight:700;margin-bottom:8px}.footer-text{color:var(--ain-text-sub);line-height:1.7}.footer-link{color:var(--ain-accent);transition:opacity .2s}.footer-link:hover{opacity:.75;text-decoration:underline}@media (max-width:640px){.quickbar{right:10px;bottom:70px}.tool-card:hover{transform:none}.section-title{font-size:16px}}.search-panel mark{background:rgba(79,70,229,.18);color:var(--ain-accent);border-radius:3px;padding:0 1px;font-weight:700}.history-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;margin:0 6px 6px 0;border-radius:999px;font-size:12px;border:1px solid var(--ain-border);color:var(--ain-text-sub);cursor:pointer;transition:all .2s}.history-chip:hover{border-color:var(--ain-accent);color:var(--ain-accent)}.tool-badge{position:absolute;left:12px;top:10px;font-size:11px;color:var(--ain-accent);background:rgba(79,70,229,.1);border-radius:6px;padding:1px 7px;opacity:0;transform:translateY(-3px);transition:all .2s;pointer-events:none}.tool-card:hover .tool-badge{opacity:1;transform:translateY(0)}@media (max-width:640px){.tool-badge{opacity:.75;transform:none}}.mobile-menu{position:absolute;top:64px;left:0;right:0;z-index:45;background:var(--ain-panel);border-bottom:1px solid var(--ain-border);box-shadow:0 12px 24px rgba(0,0,0,.12);animation:dropIn .18s ease}.mobile-menu-item{display:block;width:100%;text-align:left;padding:13px 20px;font-size:15px;color:var(--ain-text);border-top:1px solid var(--ain-border);transition:background .15s}.mobile-menu-item:first-child{border-top:none}.mobile-menu-item:hover{background:rgba(79,70,229,.08);color:var(--ain-accent)}.empty-guide-btn{margin-top:4px;padding:6px 18px;border-radius:999px;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--ain-accent),var(--ain-accent-2));transition:all .2s}.empty-guide-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(79,70,229,.35)}.el-button{transition:all .18s ease}.el-button:active{transform:scale(.96)}.el-dialog{border-radius:14px}html.dark .el-dialog{--el-dialog-bg-color:#1e293b}