:root{--color-primary:#1139d7;--color-primary-hex:#0052d4;--color-secondary:#00befe;--color-secondary-hex:#00c6ff;--color-tone-1:#e62e23;--color-tone-2:#189a30;--color-tone-3:#0083e3;--color-tone-4:#8843db;--color-tone-neutral:#9e9e9e;--color-warning:#dd7400;--color-warning-bg:#fffbeb;--color-warning-text:#963c00;--color-warning-border:#fee685;--color-success:#00a444;--color-success-bg:#f0fdf4;--color-success-text:#046630;--color-success-border:#b9f8cf;--color-danger:#e40017;--color-danger-bg:#fef2f2;--color-danger-text:#9f0711;--color-danger-border:#ffcaca;--color-info:#007be8;--color-info-bg:#eff6ff;--color-info-text:#0056a5;--color-info-border:#c9e1ff;--color-accent:#9811fb;--color-accent-bg:#faf5ff;--color-accent-text:#6a00b7;--color-accent-border:#ecd7ff;--color-neutral:#62748e;--color-neutral-bg:#f8fafc;--color-neutral-text:#2d476c;--color-neutral-border:#e2e8f0;--tag-level-bg:#dee8fd;--tag-level-text:#2b4ea7;--tag-level-border:#c1d1f3;--tag-pos-bg:#d2efec;--tag-pos-text:#005451;--tag-pos-border:#acdcd8;--tag-topic-bg:#fde7cf;--tag-topic-text:#7c4700;--tag-topic-border:#f2d1ad;--tag-struct-bg:#f7e4f5;--tag-struct-text:#903d8b;--tag-struct-border:#ebcce7;--bg-light:#fff;--bg-base:#f0f6fc;--bg-surface:#fff;--bg-highlight:#f4f9ff;--text-primary:#1f2e47;--text-secondary:#79818d;--text-tertiary:#babec4;--font-sans:"Inter","Noto Sans SC","PingFang SC",system-ui,sans-serif;--font-serif:"Noto Serif SC","Songti SC","SimSun","Times New Roman",serif;--font-mono:"JetBrains Mono","Fira Code","Roboto Mono",monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3.75rem;--radius-sm:.25rem;--radius-md:.75rem;--radius-lg:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--duration-fast:.15s;--duration-normal:.3s;--ease-default:cubic-bezier(.4,0,.2,1)}@supports (color:lab(0% 0 0)){:root{--color-primary:lab(32.2413% 38.5698 -84.8478);--color-secondary:lab(71.261% -28.0944 -49.6664);--color-tone-1:lab(51.4493% 68.7354 53.4005);--color-tone-2:lab(55.7164% -50.7132 43.8697);--color-tone-3:lab(52.5446% -2.04957 -60.1708);--color-tone-4:lab(43.977% 52.1621 -67.7502);--color-tone-neutral:lab(65.2% 0 0);--color-warning:lab(60.3415% 40.7897 86.3805);--color-warning-bg:lab(98.6239% -.599772 8.42726);--color-warning-text:lab(37.8782% 37.2504 51.9612);--color-warning-border:lab(91.7268% -.694394 49.8766);--color-success:lab(59.0934% -58.4713 41.5746);--color-success-bg:lab(98.1563% -5.60877 2.73999);--color-success-text:lab(37.4583% -36.639 23.2449);--color-success-border:lab(92.4222% -26.4714 12.9401);--color-danger:lab(48.4419% 77.5107 60.3309);--color-danger-bg:lab(96.4997% 4.19372 1.49189);--color-danger-text:lab(33.7191% 55.8808 41.246);--color-danger-border:lab(86.014% 19.9139 7.62465);--color-info:lab(50.7189% 5.69776 -68.512);--color-info-bg:lab(96.4907% -1.11464 -5.12406);--color-info-text:lab(35.8864% 3.20464 -50.5027);--color-info-border:lab(88.4668% -3.68533 -20.4728);--color-accent:lab(43.0235% 75.0699 -86.8719);--color-accent-bg:lab(97.1631% 2.98038 -4.15114);--color-accent-text:lab(29.3888% 60.9615 -70.7732);--color-accent-border:lab(88.6986% 12.8676 -17.2498);--color-neutral:lab(48.0923% -2.14764 -16.5552);--color-neutral-bg:lab(98.1433% -.367165 -1.06069);--color-neutral-text:lab(29.5542% -1.05104 -24.6375);--color-neutral-border:lab(91.7369% -1.03673 -4.75897);--tag-level-bg:lab(91.7379% -.479728 -11.2226);--tag-level-text:lab(34.5566% 12.9366 -53.0243);--tag-level-border:lab(83.5002% -.400543 -18.526);--tag-pos-bg:lab(92.223% -10.0087 -2.06506);--tag-pos-text:lab(31.7555% -41.263 -7.88867);--tag-pos-border:lab(84.331% -16.7212 -3.42408);--tag-topic-bg:lab(93.0422% 4.95413 14.6798);--tag-topic-text:lab(35.658% 27.8283 82.9255);--tag-topic-border:lab(86.0614% 7.83369 22.3934);--tag-struct-bg:lab(92.6299% 8.83299 -5.59175);--tag-struct-text:lab(39.7439% 43.7566 -27.0866);--tag-struct-border:lab(85.3907% 14.6995 -9.28147);--bg-light:lab(100% 0 0);--bg-base:lab(96.5116% -1.09199 -3.57032);--bg-surface:lab(100% 0 0);--bg-highlight:lab(97.6717% -1.09231 -3.57046);--text-primary:lab(18.4983% -.0575036 -17.8143);--text-secondary:lab(53.5281% -.898093 -7.39828);--text-tertiary:lab(76.7676% -.512481 -3.73178)}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.font-serif{font-family:var(--font-serif)}.text-center{text-align:center}.text-right{text-align:right}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.section-title{border-bottom:2px solid var(--color-primary);margin-bottom:1.875rem;padding-bottom:.5rem;font-size:1.5rem;display:inline-block}@media (prefers-color-scheme:dark){:root{--bg-light:#222;--bg-base:#161616;--bg-surface:#292929;--bg-highlight:#3a3a3a;--text-primary:#dedede;--text-secondary:#9e9e9e;--text-tertiary:#636363;--color-primary:#4475f6;--color-tone-1:#f94335;--color-tone-2:#31aa40;--color-tone-3:#0f92f7;--color-tone-4:#a664fe;--color-warning:#fcba00;--color-warning-bg:#461901;--color-warning-text:#fef3c6;--color-warning-border:#7a3306;--tag-level-bg:#212d47;--tag-level-text:#b6ceff;--tag-pos-bg:#033633;--tag-pos-text:#78e3dc;--tag-topic-bg:#3e290f;--tag-topic-text:#f8c384;--tag-struct-bg:#3c243a;--tag-struct-text:#f4b6ed}@supports (color:lab(0% 0 0)){:root{--bg-light:lab(13% 0 0);--bg-base:lab(7.22637% -.0000149012 0);--bg-surface:lab(16.48% 0 0);--bg-highlight:lab(24.6% 0 0);--text-primary:lab(88.4% 0 .0000119209);--text-secondary:lab(65.2% 0 0);--text-tertiary:lab(42% 0 0);--color-primary:lab(51.4089% 17.2488 -70.6991);--color-tone-1:lab(57.2711% 68.5193 51.1499);--color-tone-2:lab(61.5358% -50.6384 43.17);--color-tone-3:lab(58.4262% -3.61189 -60.3039);--color-tone-4:lab(55.8417% 49.8666 -67.9077);--color-warning:lab(80.1466% 17.0781 99.1289);--color-warning-bg:lab(15.8154% 20.8278 23.4955);--color-warning-text:lab(95.9208% -1.35317 23.0924);--color-warning-border:lab(31.2305% 30.2307 40.1369);--tag-level-bg:lab(18.4368% 1.36815 -18.0135);--tag-level-text:lab(81.9699% 1.10263 -36.4113);--tag-pos-bg:lab(19.3682% -16.9085 -3.35682);--tag-pos-text:lab(83.7388% -33.6396 -6.77184);--tag-topic-bg:lab(18.7182% 7.6988 20.5765);--tag-topic-text:lab(82.5009% 14.2789 38.9198);--tag-struct-bg:lab(18.0838% 14.6265 -9.14375);--tag-struct-text:lab(81.1921% 29.3087 -18.3992)}}}.dark{--bg-light:#222;--bg-base:#161616;--bg-surface:#292929;--bg-highlight:#3a3a3a;--text-primary:#dedede;--text-secondary:#9e9e9e;--text-tertiary:#636363;--color-primary:#4475f6;--color-tone-1:#f94335;--color-tone-2:#31aa40;--color-tone-3:#0f92f7;--color-tone-4:#a664fe;--color-warning:#fcba00;--color-warning-bg:#461901;--color-warning-text:#fef3c6;--color-warning-border:#7a3306;--tag-level-bg:#212d47;--tag-level-text:#b6ceff;--tag-pos-bg:#033633;--tag-pos-text:#78e3dc;--tag-topic-bg:#3e290f;--tag-topic-text:#f8c384;--tag-struct-bg:#3c243a;--tag-struct-text:#f4b6ed}@supports (color:lab(0% 0 0)){.dark{--bg-light:lab(13% 0 0);--bg-base:lab(7.22637% -.0000149012 0);--bg-surface:lab(16.48% 0 0);--bg-highlight:lab(24.6% 0 0);--text-primary:lab(88.4% 0 .0000119209);--text-secondary:lab(65.2% 0 0);--text-tertiary:lab(42% 0 0);--color-primary:lab(51.4089% 17.2488 -70.6991);--color-tone-1:lab(57.2711% 68.5193 51.1499);--color-tone-2:lab(61.5358% -50.6384 43.17);--color-tone-3:lab(58.4262% -3.61189 -60.3039);--color-tone-4:lab(55.8417% 49.8666 -67.9077);--color-warning:lab(80.1466% 17.0781 99.1289);--color-warning-bg:lab(15.8154% 20.8278 23.4955);--color-warning-text:lab(95.9208% -1.35317 23.0924);--color-warning-border:lab(31.2305% 30.2307 40.1369);--tag-level-bg:lab(18.4368% 1.36815 -18.0135);--tag-level-text:lab(81.9699% 1.10263 -36.4113);--tag-pos-bg:lab(19.3682% -16.9085 -3.35682);--tag-pos-text:lab(83.7388% -33.6396 -6.77184);--tag-topic-bg:lab(18.7182% 7.6988 20.5765);--tag-topic-text:lab(82.5009% 14.2789 38.9198);--tag-struct-bg:lab(18.0838% 14.6265 -9.14375);--tag-struct-text:lab(81.1921% 29.3087 -18.3992)}}.light{--bg-light:#fff;--bg-base:#f0f6fc;--bg-surface:#fff;--bg-highlight:#f4f9ff;--text-primary:#1f2e47;--text-secondary:#79818d;--text-tertiary:#babec4;--color-primary:#1139d7;--color-tone-1:#e62e23;--color-tone-2:#189a30;--color-tone-3:#0083e3;--color-tone-4:#8843db;--tag-level-bg:#dee8fd;--tag-level-text:#2b4ea7;--tag-pos-bg:#d2efec;--tag-pos-text:#005451;--tag-topic-bg:#fde7cf;--tag-topic-text:#7c4700;--tag-struct-bg:#f7e4f5;--tag-struct-text:#903d8b}@supports (color:lab(0% 0 0)){.light{--bg-light:lab(100% 0 0);--bg-base:lab(96.5116% -1.09199 -3.57032);--bg-surface:lab(100% 0 0);--bg-highlight:lab(97.6717% -1.09231 -3.57046);--text-primary:lab(18.4983% -.0575036 -17.8143);--text-secondary:lab(53.5281% -.898093 -7.39828);--text-tertiary:lab(76.7676% -.512481 -3.73178);--color-primary:lab(32.2413% 38.5698 -84.8478);--color-tone-1:lab(51.4493% 68.7354 53.4005);--color-tone-2:lab(55.7164% -50.7132 43.8697);--color-tone-3:lab(52.5446% -2.04957 -60.1708);--color-tone-4:lab(43.977% 52.1621 -67.7502);--tag-level-bg:lab(91.7379% -.479728 -11.2226);--tag-level-text:lab(34.5566% 12.9366 -53.0243);--tag-pos-bg:lab(92.223% -10.0087 -2.06506);--tag-pos-text:lab(31.7555% -41.263 -7.88867);--tag-topic-bg:lab(93.0422% 4.95413 14.6798);--tag-topic-text:lab(35.658% 27.8283 82.9255);--tag-struct-bg:lab(92.6299% 8.83299 -5.59175);--tag-struct-text:lab(39.7439% 43.7566 -27.0866)}}
.layout-wrapper{flex-direction:column;min-height:100vh;padding-top:0;display:flex}.container,.content-container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.main-content,.home-content{width:100%;padding:var(--spacing-xl)0;flex:1}section{margin-bottom:var(--spacing-xxl)}.site-header{z-index:100;background-color:var(--bg-light);border-bottom:1px solid var(--shadow-sm);box-shadow:var(--shadow-sm);width:100%;position:sticky;top:0}.home-header{width:100%;box-shadow:none;background-color:#0000;border:none}.header-inner{align-items:center;gap:1.25rem;height:4rem;display:flex}.home-header .header-inner{justify-content:space-between}.logo{align-items:center;margin-right:.625rem;text-decoration:none;display:flex}.logo img{max-height:100%;display:block}.header-actions{align-items:center;gap:var(--spacing-sm);margin-left:auto;display:flex}.header-search{flex:1;max-width:25rem;margin:0 1.25rem}.header-nav{gap:1.25rem;display:flex}.nav-link{color:var(--text-primary);font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-primary)}.btn-text{color:var(--text-primary);font-size:.875rem;font-weight:600;text-decoration:none}.divider{color:var(--text-secondary);opacity:.5}.lang-switch{cursor:pointer;font-size:.875rem;font-weight:600}.site-footer{background-color:var(--bg-light);border-top:1px solid var(--shadow-sm);padding:var(--spacing-sm)0 1.875rem;margin-top:auto}.footer-grid{margin-bottom:var(--spacing-xxl);grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:2.5rem;display:grid}.footer-heading{color:var(--text-primary);margin-bottom:1.25rem;font-size:1rem;font-weight:700}.footer-list{margin:0;padding:0;list-style:none}.footer-list li{margin-bottom:.75rem}.footer-link{color:var(--text-secondary);align-items:center;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-link:hover{color:var(--color-primary)}.tag-new{background:var(--color-secondary);color:#fff;border-radius:var(--radius-sm);margin-left:var(--spacing-sm);padding:.125rem .375rem;font-size:.625rem}.footer-bottom{padding:var(--spacing-sm)0;color:var(--text-secondary);margin-top:var(--spacing-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;font-size:.875rem;display:flex}.footer-legal{gap:1.25rem;display:flex}.legal-link{color:var(--text-secondary);text-decoration:none}.legal-link:hover{color:var(--color-primary)}.visual-hidden{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ruby-sentence{color:var(--text-primary);margin-bottom:4px;font-size:1.125rem;line-height:2.2}.ruby-char{text-align:center;flex-direction:column-reverse;align-items:center;min-width:1.5em;margin-right:.15em;display:inline-flex}.ruby-char rt{font-family:var(--font-mono);color:var(--text-tertiary);text-align:center;-webkit-user-select:none;user-select:none;width:100%;padding-bottom:.1em;font-size:.6em;font-weight:500;transition:color .2s;display:block}.ruby-char rp{display:none}.ruby-char:hover rt{color:var(--color-primary)}.stroke-box>div{gap:var(--spacing-md);flex-flow:wrap;display:flex}.btn{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;transition:all var(--duration-fast)var(--ease-default);border:none;border-radius:.5rem;font-size:.875rem;font-weight:600}.btn:active{transform:scale(.96)}.btn-audio{border-radius:var(--radius-full);background-color:var(--bg-base);width:2.5rem;height:2.5rem;color:var(--color-primary);cursor:pointer;transition:background-color var(--duration-fast);border:none;justify-content:center;align-items:center;display:flex}.btn-audio:hover,.btn-audio.playing{background-color:var(--color-primary);color:var(--bg-base)}.btn-audio.playing{animation:1.5s ease-in-out infinite pulse-audio}@keyframes pulse-audio{0%{box-shadow:0 0 0 0 var(--color-primary);transform:scale(1)}70%{transform:scale(1.05);box-shadow:0 0 0 6px #0000}to{transform:scale(1);box-shadow:0 0 #0000}}.btn-circle-primary{border-radius:var(--radius-full);background-color:var(--bg-base);width:2.5rem;height:2.5rem;color:var(--color-primary);cursor:pointer;transition:all var(--duration-fast)var(--ease-default);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;display:flex}.btn-circle-primary:hover{background-color:var(--color-primary);color:var(--bg-base);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-circle-primary:active{background-color:var(--color-tone-1);color:var(--bg-base);transform:translateY(0)scale(.95)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md);background:#0924c5;background:lab(25.9082% 44.6541 -85.2114)}.btn-icon-large{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;cursor:pointer;width:4rem;height:4rem;transition:transform var(--duration-fast)var(--ease-default),background-color var(--duration-fast)var(--ease-default);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-size:2rem;display:flex}.btn-icon-large:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-icon-large:active{transform:translateY(0)scale(.95)}.btn-group{gap:var(--spacing-md);align-items:center;display:flex}.theme-toggle{cursor:pointer;padding:var(--spacing-xs);color:var(--text-primary);width:2rem;height:2rem;transition:background-color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.theme-toggle:hover{background:var(--bg-base)}.card-container{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.entry-card{background:var(--bg-light);border-radius:var(--radius-md);padding:var(--spacing-xl);width:20rem;box-shadow:var(--shadow-md);transition:transform var(--duration-normal)var(--ease-default),box-shadow var(--duration-normal)var(--ease-default);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.entry-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-.25rem)}.card-header{text-align:center;margin-bottom:var(--spacing-md)}.hanzi{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:4rem;font-weight:700;line-height:1;font-family:var(--font-serif)}.pinyin{font-size:1.25rem;font-family:var(--font-sans);font-weight:500}.definition{color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center;font-size:1.125rem}.tags{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.tag{border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-secondary);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.tag.level{background:var(--tag-level-bg);color:var(--tag-level-text)}.tag.pos{background:var(--tag-pos-bg);color:var(--tag-pos-text)}.tag.topic{background:var(--tag-topic-bg);color:var(--tag-topic-text)}.tag.struct{background:var(--tag-struct-bg);color:var(--tag-struct-text)}.tag.hsk{background:var(--tag-level-bg);color:var(--tag-level-text)}.visualizer-box{background:var(--bg-base);border-radius:var(--radius-md);border:1px solid var(--text-secondary);justify-content:center;align-items:center;height:7.5rem;display:flex;position:relative;overflow:hidden}.wave-line{background:#ddd;border-radius:.125rem;width:80%;height:.25rem;position:absolute}.pitch-contour{border:4px solid #0000;border-radius:50%;width:60%;height:60%;position:absolute}.tone-curve-3{border-bottom:4px solid var(--color-tone-3);border-left:4px solid var(--color-tone-3);border-radius:0 0 0 1.25rem;width:6.25rem;height:3.75rem;transform:rotate(-10deg)}.hanzi-grid{width:7.5rem;height:7.5rem;margin:0 auto var(--spacing-md)auto;background:var(--bg-light);border:2px solid #ffcdd2;position:relative}.grid-lines{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.grid-line{stroke:#ffcdd2;stroke-width:1px;stroke-dasharray:4 4;fill:none}.hanzi-svg{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.radical-part{stroke:var(--color-primary)}.stroke-group{stroke:#000}.tone-1{color:var(--color-tone-1)}.tone-2{color:var(--color-tone-2)}.tone-3{color:var(--color-tone-3)}.tone-4{color:var(--color-tone-4)}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));gap:1.25rem;display:grid}.color-swatch{background:var(--bg-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);text-align:center;padding:.625rem}.swatch-box{border-radius:var(--radius-sm);height:5rem;margin-bottom:.625rem}.swatch-label{font-size:.875rem;font-weight:600;display:block}.swatch-hex{color:var(--text-secondary);font-family:monospace;font-size:.75rem}.type-sample{background:var(--bg-light);padding:var(--spacing-xl);border-radius:var(--radius-md)}.type-row{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--text-secondary);padding-bottom:var(--spacing-md)}.type-meta{color:var(--text-secondary);margin-bottom:.25rem;font-size:.75rem;display:block}.trending-tags{text-align:center}.list-entry-card{align-items:center;gap:var(--spacing-md);background-color:var(--bg-light);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--duration-fast)var(--ease-default);color:inherit;border:1px solid #0000;width:100%;text-decoration:none;display:flex;position:relative}.list-entry-card.disabled{opacity:.6;filter:grayscale();pointer-events:none;background-color:var(--bg-base)}.list-entry-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.list-entry-card.variant-embedded{background-color:var(--bg-base);box-shadow:none;border:1px solid #0000}.list-entry-card.variant-embedded:hover{background-color:var(--bg-base);box-shadow:var(--shadow-sm);border-color:var(--color-secondary)}.list-entry-card .card-body{flex-direction:column;flex:1;justify-content:space-between;min-width:0;display:flex}.list-entry-card .card-visual{margin-bottom:var(--spacing-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.list-entry-card .hanzi{color:var(--text-primary);font-weight:700;line-height:1.2;font-family:var(--font-sans);margin-bottom:.125rem;transition:font-size .2s}.list-entry-card .pinyin{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-sans);font-weight:500}.list-entry-card.density-low .hanzi{font-size:2rem}.list-entry-card.density-medium .hanzi{font-size:1.75rem}.list-entry-card.density-high .hanzi{font-size:1.25rem}.list-entry-card.density-compact .hanzi{font-size:1rem}.list-entry-card .card-content{text-align:center;flex-direction:column;justify-content:center;width:100%;min-width:0;height:3rem;display:flex}.list-entry-card .definition{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;text-align:center;text-wrap:balance;-webkit-box-orient:vertical;margin-bottom:0;font-size:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.list-entry-card .meta-tags{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.entry-card-badge{background-color:var(--tag-level-bg);color:var(--tag-level-text);border-bottom-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);z-index:10;padding:.125rem .375rem;font-size:.625rem;font-weight:700;position:absolute;top:0;right:0}@media (max-width:768px){.list-entry-card{padding:var(--spacing-sm)}.list-entry-card .hanzi{font-size:1.25rem!important}}.search-bar{transition:all var(--duration-fast)var(--ease-default);align-items:center;width:100%;display:flex;position:relative}.search-bar-input{color:var(--text-primary);background:0 0;border:none;flex:1;width:100%}.search-bar-input:focus{outline:none}.search-bar-icon{color:var(--text-secondary);pointer-events:none;justify-content:center;align-items:center;display:flex}.search-bar-dropdown{top:calc(100% + var(--spacing-sm));background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--bg-base);z-index:50;max-height:24rem;animation:slideDown var(--duration-fast)var(--ease-default);position:absolute;left:0;right:0;overflow:hidden auto}.search-bar-dropdown-item{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--bg-base);align-items:flex-start;gap:var(--spacing-xs);transition:background-color var(--duration-fast);flex-direction:column;display:flex}.search-bar-dropdown-item:last-child{border-bottom:none}.search-bar-dropdown-item:hover,.search-bar-dropdown-item.selected{background-color:var(--bg-highlight)}.search-bar-result-header{align-items:baseline;gap:var(--spacing-sm);width:100%;display:flex}.search-bar-headword{color:var(--text-primary);font-size:1.125rem;font-weight:600}.search-bar-pinyin{color:var(--text-secondary);font-size:.875rem;font-family:var(--font-mono)}.search-bar-summary{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;opacity:.8;text-align:left;width:100%;font-size:.875rem;overflow:hidden}.search-bar-empty{top:calc(100% + var(--spacing-sm));padding:var(--spacing-lg);text-align:center;color:var(--text-secondary);background:var(--bg-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;animation:fadeIn var(--duration-fast)var(--ease-default);font-size:.875rem;position:absolute;left:0;right:0}.search-bar-hero{background:var(--bg-light);border:2px solid var(--text-secondary);border-radius:var(--radius-full);max-width:64rem;padding:.5rem 1rem}.search-bar-hero:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 .25rem #1139d733;box-shadow:0 0 0 .25rem lab(32.2413% 38.5698 -84.8478/.2)}.search-bar-hero .search-bar-input{padding:.75rem .5rem;font-size:1.25rem}.search-bar-hero .search-bar-icon{margin-right:.5rem;padding-left:.5rem}.search-bar-input-methods{align-items:center;gap:var(--spacing-sm);padding-right:.5rem;display:flex}.search-bar-method-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:color var(--duration-fast),background-color var(--duration-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.search-bar-method-btn:hover{color:var(--color-primary);background-color:var(--bg-base)}.search-bar-header{background:var(--bg-base);border:1px solid var(--text-secondary);border-radius:20px;max-width:400px;padding:4px 12px}.search-bar-header:focus-within{border-color:var(--color-primary)}.search-bar-header .search-bar-input{padding:4px 8px;font-size:14px}.search-bar-header .search-bar-icon{width:16px;height:16px;margin-right:4px}.search-bar-header .search-bar-icon svg{width:16px;height:16px}.search-bar-header .search-bar-input-methods{gap:2px;padding-right:4px}.search-bar-header .search-bar-method-btn{width:24px;height:24px;padding:4px}.search-bar-header .search-bar-method-btn svg{width:14px;height:14px}.lang-switch{display:inline-block;position:relative}.lang-switch-trigger{cursor:pointer;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;gap:.25rem;width:2rem;height:2rem;padding:0;font-size:1.2rem;font-weight:600;display:flex}.lang-switch-trigger:hover{color:var(--color-primary)}.lang-switch-dropdown{background-color:var(--bg-light);border:1px solid var(--shadow-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;min-width:120px;margin-top:.5rem;padding:.25rem 0;position:absolute;top:100%;right:0;overflow:hidden}.lang-switch-option{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;padding:.5rem 1rem;font-size:.875rem;transition:background-color .2s;display:block}.lang-switch-option:hover{background-color:var(--bg-base);color:var(--color-primary)}.lang-switch-active{color:var(--color-primary);background-color:var(--bg-base);font-weight:600}.entry-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));justify-items:center;display:grid}.entry-grid-item{width:100%;max-width:18rem}