:root{--bg-start:#f4f7ec;--bg-end:#e0ebf3;--ink-main:#1d2838;--ink-subtle:#5b6778;--panel-bg:#ffffffd1;--panel-border:#1d28381f;--card-bg:#ffffffe6;--card-shadow:0 14px 26px #1d28381a;--accent:#305f96;--accent-strong:#244978;--danger:#8f2930}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}html{scrollbar-gutter:stable}body{color:var(--ink-main);background:radial-gradient(circle at 80% 0%, #5583bd3d, transparent 45%), linear-gradient(140deg, var(--bg-start), var(--bg-end));font-family:Noto Serif SC,STZhongsong,Georgia,serif}p{margin:0}.dictionary-page{max-width:1240px;min-height:100dvh;margin:0 auto;padding:42px 24px 108px}.page-head h1{letter-spacing:.05em;margin:0;font-size:clamp(2rem,4vw,2.8rem)}.meta-info{color:var(--ink-subtle);margin-top:8px;font-size:.95rem}.filter-panel{z-index:30;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px;grid-template-columns:minmax(120px,.82fr) minmax(120px,.82fr) minmax(120px,.82fr) minmax(280px,1.9fr) auto;gap:12px;margin-top:24px;padding:18px;display:grid;position:relative}.filter-panel label{color:var(--ink-subtle);gap:6px;min-width:0;font-size:.86rem;display:grid}.filter-panel select,.filter-panel input,.search-btn,.pagination button{font:inherit;color:var(--ink-main);background:#fff;border:1px solid #2b426138;border-radius:10px;padding:10px 12px;line-height:1.2}.filter-panel select,.filter-panel input{width:100%;min-width:0;height:42px}.language-select{color:var(--ink-subtle);font-variant-numeric:tabular-nums;font-family:Consolas,Courier New,Noto Sans Mono CJK SC,monospace}.filter-panel select:focus,.filter-panel input:focus,.search-btn:focus,.pagination button:focus{outline-offset:1px;outline:2px solid #305f9659}.search-btn{color:#f6f8ff;cursor:pointer;background:linear-gradient(135deg,#3c6fb0,#2e5a8e);border:0;align-self:end;min-width:96px;height:42px;font-weight:700;transition:transform .15s,box-shadow .15s}.search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 15px #2449783d}.search-btn:disabled,.pagination button:disabled{cursor:not-allowed;opacity:.5}.status{color:var(--ink-subtle);margin-top:16px}.status.error{color:var(--danger)}.status.loading{color:var(--accent-strong)}.result-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.name-card{background:var(--card-bg);min-height:94px;box-shadow:var(--card-shadow);cursor:pointer;border:1px solid #2739521a;border-radius:12px;grid-template-columns:minmax(5em,1fr) minmax(0,1.5fr);align-items:center;gap:0;padding:12px;transition:transform .1s;display:grid;position:relative}.name-card:active{transform:translateY(1px)}.card-icons{align-items:center;gap:4px;display:inline-flex;position:absolute;top:8px;right:8px}.gender-icon{-webkit-user-select:none;user-select:none;border:1px solid #27395233;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.language-icon{color:#7a3f00;-webkit-user-select:none;user-select:none;background:#ffe9d2;border:1px solid #7a3f0047;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.name-type-icon{color:#1f6a3a;-webkit-user-select:none;user-select:none;background:#daf5e7;border:1px solid #1f6a3a47;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.gender-icon.gender-male{color:#164b82;background:#deecff}.gender-icon.gender-female{color:#8b2555;background:#ffe3f0}.gender-icon.gender-both{color:#5a4b13;background:#fff2cc}.left-block{flex-direction:column;justify-content:flex-start;gap:2px;min-width:0;display:flex}.translit{color:#2d4d6e;white-space:nowrap;font-weight:700;line-height:1.1}.word{color:var(--ink-subtle);white-space:nowrap;text-overflow:clip;word-break:normal;overflow-wrap:normal;margin-top:0;font-size:.9rem;overflow:visible}.meaning{text-align:right;overflow-wrap:break-word;word-break:normal;align-self:center;min-width:0;font-size:.85rem;line-height:1.35}.meaning-placeholder{color:var(--ink-subtle);opacity:.6}.pagination{left:50%;bottom:calc(38px + env(safe-area-inset-bottom,0px));z-index:20;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:12px;justify-content:center;align-items:center;gap:14px;margin-top:0;padding:10px 14px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 20px #1d283824}.pagination span{text-align:center;min-width:92px;color:var(--accent-strong);font-weight:700}.pagination button{cursor:pointer;min-width:96px}.copy-toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:40;color:#f6f8ff;pointer-events:none;background:#192f4fe6;border-radius:10px;margin:0;padding:8px 14px;font-size:.9rem;position:fixed;transform:translate(-50%);box-shadow:0 10px 24px #111f3447}.toast-enter-active,.toast-leave-active{transition:opacity .18s,transform .18s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%)translateY(6px)}@media (width<=1320px){.filter-panel{grid-template-columns:minmax(110px,.8fr) minmax(110px,.8fr) minmax(110px,.8fr) minmax(240px,1.7fr)}}@media (width<=1140px){.result-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-panel{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (width<=860px){.dictionary-page{padding:26px 14px 96px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=540px){.result-grid,.filter-panel{grid-template-columns:1fr}.pagination{bottom:calc(28px + env(safe-area-inset-bottom,0px));gap:10px;padding:8px 10px}.copy-toast{bottom:calc(78px + env(safe-area-inset-bottom,0px))}.pagination button{min-width:86px}}