:root{font-family:"Noto Sans TC","PingFang HK","Microsoft JhengHei",system-ui,sans-serif;color:#18312d;background:#f2f6f4;font-synthesis:none;--accent:#0f766e;--border:#ccd9d3}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:300px}button,input{font:inherit}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #66b8a9}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}h1{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.3;margin:0}.intro{color:#526b63;line-height:1.7;margin:12px 0 0}.eyebrow{color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.12em;margin:0 0 12px}.directory-wrap{max-width:1160px;margin:auto;padding:clamp(20px,5vw,64px)}.unlock-panel{max-width:440px;margin:10vh auto 0;background:#fff;padding:32px;border:1px solid var(--border);border-radius:16px}.unlock-panel h1{font-size:1.8rem}.unlock-panel form{margin-top:28px}label{display:block;font-weight:600;margin-bottom:8px}input[type=password],input[type=text],input[type=search]{width:100%;height:50px;border:1px solid #91a99f;background:#fff;border-radius:8px;padding:10px 14px;color:#18312d}.show-password{display:flex;align-items:center;gap:10px;margin:16px 0;font-weight:400}.show-password input{width:20px;height:20px;accent-color:var(--accent)}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;min-height:50px;padding:10px 20px;width:100%;font-weight:600}#directory-unlock-error{line-height:1.6;min-height:1.6em;margin-bottom:0}[role=alert]{color:#a02d28!important}.directory-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:36px}.quiet,.back{min-height:46px;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--accent);font-weight:600}.directory-toolbar{display:flex;align-items:end;gap:16px;margin-bottom:24px}.search-field{flex:1}.directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:18px}.directory-card{display:flex;flex-direction:column;text-align:left;padding:24px;background:#fff;border:1px solid var(--border);border-radius:14px;color:inherit;text-decoration:none;min-height:165px;overflow-wrap:anywhere;transition:border-color .15s,box-shadow .15s}.directory-card:hover{border-color:var(--accent);box-shadow:0 5px 18px #18312d0d}.directory-card h2{font-size:1.25rem;line-height:1.5;margin:8px 0}.directory-card .brand,.directory-card .detail{font-size:.9rem;color:#526b63;line-height:1.6;margin:0}.directory-card .card-action{color:var(--accent);font-weight:650;margin:22px 0 0}.directory-card .number{color:var(--accent);font-size:.85rem;font-weight:600}#directory-status{color:#526b63;line-height:1.6;margin:18px 0}.empty{padding:36px;text-align:center;border:1px dashed var(--border);border-radius:12px;color:#526b63;line-height:1.8}.back{margin:0 0 4px;background:transparent;border:0;padding-left:0}@media(max-width:550px){.directory-header{gap:14px;margin-bottom:28px}.directory-header .quiet{font-size:.85rem;white-space:nowrap;padding:8px 10px}.directory-toolbar{align-items:stretch;flex-direction:column}.directory-toolbar .quiet{align-self:flex-start}.unlock-panel{padding:24px;margin-top:5vh}.directory-card{min-height:145px;padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}