/*
 * tool-hash v1
 * 主要樣式檔案
 * 針對桌面 平板與手機提供一致的操作體驗
 */
:root{
  --app-bg:#f5f7fb;
  --card-bg:#ffffff;
  --soft-bg:#f8fafc;
  --border:#e3e8ef;
  --text:#172033;
  --muted:#657084;
  --accent:#3165ff;
  --accent-soft:#eef3ff;
  --shadow:0 .35rem 1.4rem rgba(19,35,75,.08);
}
[data-bs-theme="dark"]{
  --app-bg:#11151d;
  --card-bg:#181e28;
  --soft-bg:#202735;
  --border:#2b3444;
  --text:#e9eef8;
  --muted:#a7b1c2;
  --accent-soft:#18264d;
  --shadow:0 .35rem 1.4rem rgba(0,0,0,.25);
}
html,body{min-height:100%}body{background:var(--app-bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-header{background:color-mix(in srgb,var(--card-bg) 92%,transparent);backdrop-filter:blur(12px)}.brand-icon{width:36px;height:36px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)}.hero-card{background:linear-gradient(135deg,var(--card-bg),var(--accent-soft));border:1px solid var(--border);box-shadow:var(--shadow)}.privacy-pill{background:color-mix(in srgb,var(--card-bg) 78%,transparent);border:1px solid var(--border)}.card,.footer-card{background:var(--card-bg);border-color:var(--border)!important}.shadow-sm{box-shadow:var(--shadow)!important}.sticky-sidebar{position:sticky;top:82px}.tool-nav .list-group-item{display:flex;gap:.75rem;align-items:center;padding:.9rem 1rem;border:0;color:var(--text);background:transparent}.tool-nav .list-group-item i{width:1.2rem;text-align:center}.tool-nav .list-group-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.input-mode-switch{display:inline-flex;gap:.4rem;background:var(--soft-bg);padding:.35rem;border-radius:.8rem}.input-mode-switch .btn{border-radius:.6rem}.drop-zone{border:2px dashed #aeb9ca;padding:2.2rem 1rem;text-align:center;cursor:pointer;background:var(--soft-bg);transition:.18s ease}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.algorithm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:.55rem}.algorithm-item{position:relative}.algorithm-item input{position:absolute;opacity:0;pointer-events:none}.algorithm-item label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.72rem .8rem;border:1px solid var(--border);border-radius:.75rem;background:var(--soft-bg);cursor:pointer;min-height:48px;transition:.15s ease}.algorithm-item input:checked+label{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.algorithm-item .status-dot{font-size:.6rem}.result-list{overflow:hidden}.result-row{padding:1rem;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:0}.result-value{word-break:break-all}.result-box{padding:1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--soft-bg)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}.footer-card{overflow:hidden;background:var(--card-bg)}.footer-toggle{border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:1rem;text-align:left}.footer-toggle[aria-expanded="true"] .footer-chevron{transform:rotate(180deg)}.footer-chevron{transition:.2s ease}.footer-bottom{background:var(--soft-bg)}.mobile-tool-nav{position:fixed;left:0;right:0;bottom:0;z-index:1035;display:grid;grid-template-columns:repeat(5,1fr);padding:max(.38rem,env(safe-area-inset-bottom)) .3rem .35rem;background:color-mix(in srgb,var(--card-bg) 95%,transparent);border-top:1px solid var(--border);backdrop-filter:blur(14px)}.mobile-tool-nav button{border:0;background:transparent;color:var(--muted);font-size:.69rem;min-width:0;padding:.35rem .1rem}.mobile-tool-nav button i{display:block;font-size:1.05rem;margin-bottom:.25rem}.mobile-tool-nav button.active{color:var(--accent);font-weight:700}.pb-mobile-nav{padding-bottom:5.4rem!important}.mb-mobile-nav{margin-bottom:5.2rem!important}.mobile-toast-offset{bottom:4.4rem!important}.icon-btn{width:42px;height:42px}.language-button{min-width:118px}.form-text,.text-secondary{color:var(--muted)!important}.btn-lg{min-height:48px}.form-control,.form-select{border-color:var(--border);background-color:var(--card-bg);color:var(--text)}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(49,101,255,.14)}
@media(max-width:575.98px){.navbar-brand .badge{display:none}.language-button{min-width:auto;max-width:150px}.hero-card h1{font-size:1.4rem}.card-body{padding:1rem!important}.algorithm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.algorithm-item label{font-size:.82rem;padding:.65rem .55rem}.result-row{padding:.85rem}.drop-zone{padding:1.5rem .75rem}.footer-toggle{padding:.85rem}.btn-group-sm>.btn{font-size:.72rem;padding:.28rem .45rem}}
@media(min-width:1200px){.pb-mobile-nav{padding-bottom:1rem!important}.mb-mobile-nav{margin-bottom:1rem!important}.mobile-toast-offset{bottom:0!important}}