.hash-tool-page{--hash-bg: #071110;--hash-panel: rgba(15, 28, 26, .94);--hash-panel-2: rgba(22, 39, 36, .92);--hash-code: #091513;--hash-border: rgba(148, 163, 184, .16);--hash-border-strong: rgba(45, 212, 191, .34);--hash-text: #f4faf8;--hash-soft: #cce0dc;--hash-muted: #8ca7a1;--hash-primary: #2dd4bf;--hash-primary-2: #38bdf8;--hash-danger: #fb7185;--hash-warning: #fbbf24;--hash-shadow: 0 24px 78px rgba(0, 0, 0, .34);--hash-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--hash-sans: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;min-height:100vh;padding:24px;color:var(--hash-text);font-family:var(--hash-sans);background:radial-gradient(circle at 12% 0%,rgba(45,212,191,.15),transparent 30%),radial-gradient(circle at 88% 10%,rgba(56,189,248,.14),transparent 30%),linear-gradient(180deg,#071110,#0e1b19 52%,#0a1415)}.hash-tool-page>.hash-hero,.hash-tool-page>.hash-layout,.hash-tool-page>.hash-info-grid{max-width:1480px;margin-left:auto;margin-right:auto}.hash-hero,.hash-card,.hash-info-card{border:1px solid var(--hash-border);background:var(--hash-panel);box-shadow:var(--hash-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hash-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;margin-bottom:18px}.hash-kicker{display:inline-flex;width:fit-content;padding:6px 11px;border:1px solid rgba(45,212,191,.28);border-radius:999px;background:#2dd4bf1f;color:var(--hash-primary);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hash-hero h1{margin:13px 0 9px;font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-.045em;color:var(--hash-text)}.hash-hero p{max-width:800px;margin:0;color:var(--hash-soft);font-size:15px;line-height:1.72}.hash-stat-grid{display:grid;grid-template-columns:repeat(3,96px);gap:10px}.hash-stat-grid span{padding:14px;border:1px solid var(--hash-border);border-radius:18px;background:#ffffff0e;text-align:center}.hash-stat-grid strong,.hash-stat-grid small{display:block}.hash-stat-grid strong{overflow:hidden;color:var(--hash-primary);font-size:24px;text-overflow:ellipsis;white-space:nowrap}.hash-stat-grid small{margin-top:4px;color:var(--hash-muted);font-size:11px;font-weight:800}.hash-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.hash-card{overflow:hidden;border-radius:24px}.hash-input-card{min-height:440px}.hash-results-card{grid-column:1 / -1}.hash-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--hash-border);background:#ffffff0b}.hash-card-head.compact{align-items:flex-start}.hash-card-head div:first-child{display:flex;min-width:0;flex-direction:column;gap:4px}.hash-card-head strong{color:var(--hash-text);font-size:15px}.hash-card-head span{color:var(--hash-muted);font-size:12px;font-weight:700}.hash-action-group{display:flex;flex-wrap:wrap;gap:10px}.hash-action-group button,.hash-result-top button,.hash-primary-action{border:1px solid var(--hash-border);border-radius:12px;background:#ffffff12;color:var(--hash-text);cursor:pointer;font-family:var(--hash-sans);font-size:13px;font-weight:800;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.hash-action-group button,.hash-result-top button{min-height:36px;padding:8px 12px}.hash-action-group button:hover,.hash-result-top button:hover,.hash-primary-action:hover{transform:translateY(-1px);border-color:var(--hash-border-strong);box-shadow:0 12px 30px #2dd4bf21}.hash-action-group .danger{color:#fecdd3;border-color:#fb718547;background:#fb71851c}.hash-textarea{width:100%;min-height:356px;padding:18px;border:0;outline:none;resize:vertical;box-sizing:border-box;color:var(--hash-text);background:linear-gradient(90deg,rgba(45,212,191,.055) 1px,transparent 1px) 0 0 / 48px 48px,var(--hash-code);font:14px/1.75 var(--hash-mono)}.hash-textarea::placeholder{color:#6f8983}.hash-config-list{display:flex;flex-direction:column;gap:14px;padding:16px}.hash-switch{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--hash-border);border-radius:16px;background:#ffffff0d;cursor:pointer}.hash-switch input{width:18px;height:18px;margin-top:2px;accent-color:var(--hash-primary)}.hash-switch strong,.hash-switch small{display:block}.hash-switch strong{color:var(--hash-text);font-size:14px}.hash-switch small{margin-top:4px;color:var(--hash-muted);font-size:12px;line-height:1.55}.hash-config-note{padding:14px;border:1px solid rgba(56,189,248,.18);border-radius:16px;background:#38bdf813}.hash-config-note strong{display:block;margin-bottom:6px;color:var(--hash-primary-2);font-size:13px}.hash-config-note p{margin:0;color:var(--hash-soft);font-size:12px;line-height:1.68}.hash-primary-action{min-height:42px;border-color:transparent;color:#04201d;background:linear-gradient(135deg,#5eead4,#2dd4bf 54%,#38bdf8);box-shadow:0 14px 34px #2dd4bf38}.hash-primary-action:disabled,.hash-result-top button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.hash-results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.hash-result-card{min-width:0;padding:16px;border:1px solid var(--hash-border);border-radius:18px;background:#ffffff0b;transition:transform .18s ease,border-color .18s ease,background .18s ease}.hash-result-card.ready{border-color:#2dd4bf40;background:linear-gradient(145deg,#2dd4bf14,#ffffff09)}.hash-result-card:hover{transform:translateY(-1px);border-color:var(--hash-border-strong)}.hash-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.hash-result-top>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hash-badge{display:inline-flex;padding:5px 9px;border-radius:10px;color:#04201d;background:var(--hash-primary);font-size:12px;font-weight:900}.hash-result-top small{color:var(--hash-muted);font-size:12px;font-weight:800}.hash-result-card p{margin:0 0 12px;color:var(--hash-muted);font-size:12px;line-height:1.58}.hash-result-card code{display:block;min-height:44px;padding:12px;overflow:auto;border:1px solid rgba(148,163,184,.12);border-radius:14px;color:#a7f3d0;background:var(--hash-code);font:12.5px/1.65 var(--hash-mono);white-space:pre-wrap;word-break:break-all}.hash-info-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}.hash-info-card{min-height:118px;padding:16px;border-radius:20px}.hash-info-card h3{margin:0 0 8px;color:var(--hash-text);font-size:14px}.hash-info-card p{margin:0;color:var(--hash-soft);font-size:12px;line-height:1.68}.hash-info-card.warning{border-color:#fbbf243d;background:#fbbf2417}.hash-info-card.warning h3{color:var(--hash-warning)}.hash-toast{position:fixed;top:24px;left:50%;z-index:10000;transform:translate(-50%);padding:11px 18px;border-radius:999px;color:#fff;background:#0f172af5;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px #00000057;font-size:13px;font-weight:900;animation:hashToast .22s ease}.hash-toast-success{background:#0d9488f5}.hash-toast-error{background:#dc2626f5}.hash-toast-warn{background:#d97706f5}.hash-toast-info{background:#2563ebf5}@keyframes hashToast{0%{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1120px){.hash-layout{grid-template-columns:1fr}.hash-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.hash-tool-page{padding:14px}.hash-hero{align-items:flex-start;flex-direction:column;padding:20px;border-radius:20px}.hash-stat-grid,.hash-results-grid{grid-template-columns:1fr;width:100%}.hash-card-head{align-items:flex-start;flex-direction:column}.hash-action-group,.hash-action-group button{width:100%}.hash-action-group button{justify-content:center}.hash-textarea{min-height:280px}}@media (max-width: 520px){.hash-info-grid{grid-template-columns:1fr}.hash-result-top{align-items:flex-start;flex-direction:column}.hash-result-top button{width:100%}}