:root{--bg-page: #f3f2f1;--bg-page-gradient: radial-gradient(circle at 12% 16%, rgba(183, 203, 218, .34), transparent 42%), radial-gradient(circle at 88% 18%, rgba(225, 205, 205, .28), transparent 44%), radial-gradient(circle at 76% 88%, rgba(193, 218, 206, .24), transparent 46%), #f3f2f1;--bg-card: rgba(255, 255, 255, .74);--text-main: #2f3f4d;--text-sub: #6f8090;--line-soft: #dde3e9;--brand: #6f9ba0;--brand-soft: #e8f1ef;--warn: #c79d6a;--danger: #c57f86;--shadow-soft: 0 12px 30px rgba(65, 86, 102, .08)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-main);background:var(--bg-page-gradient)}.page-shell{padding:18px}.panel{border:1px solid rgba(216,227,237,.9);border-radius:20px;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-soft)}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}.json-block{margin:0;padding:12px;border-radius:12px;background:#0f172a;color:#e2e8f0;font-size:12px;line-height:1.5;overflow:auto}.fade-slide-enter-active,.fade-slide-leave-active{transition:all .3s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:1024px){.page-shell{padding:12px}}html,body,#app{width:100%;height:100vh}