﻿:root{color-scheme:light;--blue:#12a7e4;--blue-dark:#058ac8;--blue-soft:#eaf8ff;--line:#c8e7f5;--ink:#183042;--muted:#70889a;--success:#11a776;--danger:#e04e65;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.96),transparent 34%),radial-gradient(circle at 88% 12%,rgba(210,250,237,.85),transparent 30%),linear-gradient(145deg,#f1fcf7 0%,#e6f8f2 48%,#f2fbff 100%);font-size:14px}.page-shell{width:min(100%,820px);margin:0 auto;padding:28px 18px}.tool-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 65px rgba(45,150,122,.13)}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#f4fbff}.tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:62px;border:0;border-right:1px solid #d8edf7;color:#6e8496;background:transparent;font-weight:700;cursor:pointer;transition:.2s}.tab:last-child{border-right:0}.tab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab:hover{color:var(--blue-dark);background:#f9fdff}.tab.active{position:relative;color:var(--blue-dark);background:#fff;box-shadow:inset 0 -2px 0 var(--blue)}.panel{padding:42px 38px 36px}.panel[hidden]{display:none}.panel textarea{display:block;width:100%;height:190px;padding:16px 17px;border:1.5px solid var(--line);border-radius:9px;outline:0;resize:vertical;color:var(--ink);background:#fff;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;transition:border-color .2s,box-shadow .2s}.panel textarea::placeholder{color:#a2b4c0}.panel textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(18,167,228,.09)}.input-note{margin:9px 2px 20px;color:var(--muted);font-size:12px}.action-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border:0;border-radius:8px;color:#fff;background:linear-gradient(100deg,#16aae4,#0d9eda);box-shadow:0 9px 22px rgba(18,167,228,.2);font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s,opacity .18s}.action-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-button:hover{transform:translateY(-1px);box-shadow:0 12px 25px rgba(18,167,228,.28)}.action-button:active{transform:translateY(1px)}.action-button:disabled{cursor:wait;opacity:.7;transform:none}.progress{overflow:hidden;height:4px;margin-top:18px;border-radius:99px;background:#e5f4fa}.progress span{display:block;width:0;height:100%;border-radius:inherit;background:var(--blue);transition:width .25s}.results{margin-top:22px}.summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;color:#557287;background:#f5fbfe;font-size:12px}.summary strong{color:var(--ink);font-size:13px}.result-list{display:grid;gap:12px}.result-card{overflow:hidden;border:1px solid #d9eaf2;border-radius:10px;background:#fff}.result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e8f1f5;background:#f9fcfd}.result-key{overflow:hidden;color:#49677a;font:12px ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.badge{flex:0 0 auto;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:800}.badge.success{color:#087b57;background:#e8faf3}.badge.error{color:#b22f45;background:#fff0f3}.badge.destroyed{color:#8b5b12;background:#fff7e5}.result-error{padding:14px;color:#b22f45;font-size:13px}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#e9f1f5}.data-item{min-width:0;padding:11px 13px;background:#fff}.data-item.wide{grid-column:1/-1}.data-label{display:block;margin-bottom:5px;color:#8a9ca8;font-size:10px}.data-value{display:block;overflow-wrap:anywhere;color:#253e4f;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.empty-message{padding:15px;border:1px solid #f2c8cf;border-radius:9px;color:#b22f45;background:#fff5f6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.page-shell{padding:14px 9px}.tool-card{border-radius:15px}.tab{min-height:58px;gap:7px;font-size:13px}.panel{padding:30px 16px 25px}.panel textarea{height:210px}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.tab{font-size:12px}.panel{padding-right:12px;padding-left:12px}.data-grid{grid-template-columns:1fr}.data-item.wide{grid-column:auto}}


.brand-header{padding:36px 20px 31px;text-align:center;background:rgba(255,255,255,.96)}.brand-logo{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 17px;border-radius:23px;box-shadow:0 14px 30px rgba(7,151,197,.24)}.brand-logo img{display:block;width:76px;height:76px;border-radius:23px}.brand-eyebrow{margin:0 0 9px;color:#087fa9;font-size:12px;font-weight:850;letter-spacing:.22em}.brand-header h1{margin:0;color:#172b3e;font-size:32px;line-height:1.2;letter-spacing:.02em}@media(max-width:650px){.brand-header{padding:28px 16px 25px}.brand-logo,.brand-logo img{width:66px;height:66px;border-radius:20px}.brand-logo{margin-bottom:14px}.brand-eyebrow{font-size:10px;letter-spacing:.18em}.brand-header h1{font-size:27px}}
