:root{--accent:#d9333f;--accent-soft:#fbe9eb;--bg:#f6f5f4;--panel:#ffffff;--text:#2b2724;--muted:#8b8580;--line:#e8e4e0;--chip:#f1eeeb;--shadow:0 1px 3px rgba(40,30,25,0.08),0 4px 16px rgba(40,30,25,0.06);--radius:14px}@media (prefers-color-scheme:dark){:root{--accent:#e05a66;--accent-soft:#3a2427;--bg:#17151a;--panel:#201d24;--text:#ece8e4;--muted:#96909a;--line:#302c36;--chip:#2a2731;--shadow:0 1px 3px rgba(0,0,0,0.4),0 6px 20px rgba(0,0,0,0.35)}}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}button{background:none;border:none;cursor:pointer;padding:0}button,input{font-family:inherit;color:inherit}.wrap{max-width:780px;margin:0 auto;padding:20px 18px 80px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.lang-seg{display:flex;gap:2px;margin-left:auto;flex-shrink:0;background:var(--chip);border-radius:10px;padding:3px}.lang-btn{padding:5px 12px;border-radius:8px;font-size:12.5px;color:var(--muted)}.lang-btn.on{background:var(--panel);color:var(--accent);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.12)}@media (max-width:560px){.topbar{flex-wrap:wrap}.lang-seg{margin-left:0}}.user-area{display:flex;align-items:center;gap:8px;flex-shrink:0}.user-email{color:var(--muted);font-size:12.5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-btn{flex-shrink:0;background:var(--accent);color:#fff;font-weight:650;padding:6px 16px}.login-btn:hover{opacity:.9}.dl-link{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:600;color:var(--text);text-decoration:none;background:var(--panel);transition:border-color .15s,color .15s}.dl-link:hover{border-color:var(--accent);color:var(--accent)}.dl-ico{font-size:14px}@media (max-width:620px){.dl-text{display:none}.dl-link{padding:5px 10px}.user-email{display:none}.topbar{gap:8px}}.auth-panel{width:min(392px,calc(100vw - 32px));padding:34px 30px 30px;border-radius:24px;animation:rise .22s cubic-bezier(.2,.8,.3,1)}.auth-brand{text-align:center;margin-bottom:22px}.auth-logo{width:62px;height:62px;margin:0 auto 12px;border-radius:17px;background:linear-gradient(145deg,#e04a55,#c22632);color:#fff;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(194,38,50,.35)}.auth-title{font-size:20px;font-weight:750;margin:0 0 6px}.auth-sub{color:var(--muted);font-size:12.5px;line-height:1.6;margin:0}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--chip);border-radius:12px;padding:4px;grid-gap:2px;gap:2px;margin-bottom:20px}.auth-tab{position:relative;z-index:1;padding:9px 0;border-radius:9px;font-size:13.5px;color:var(--muted);transition:color .18s}.auth-tab.on{color:var(--accent);font-weight:700}.auth-field{position:relative;display:block;margin-bottom:13px}.auth-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.65;pointer-events:none}.auth-field input{width:100%;border:1.5px solid var(--line);border-radius:13px;padding:13px 14px 13px 42px;font-size:16px;background:var(--bg);outline:none;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.auth-field input::placeholder{color:var(--muted);opacity:.75}.auth-err{background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:9px 13px;font-size:13px;margin-bottom:13px;animation:shake .3s ease}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.auth-submit{width:100%;background:linear-gradient(135deg,#e04a55,#c22632);color:#fff;font-weight:750;font-size:15.5px;border-radius:13px;padding:13px;letter-spacing:.05em;box-shadow:0 4px 14px rgba(194,38,50,.3);transition:transform .12s,box-shadow .12s,opacity .12s}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px rgba(194,38,50,.4)}.auth-submit:active:not(:disabled){transform:none}.auth-submit:disabled{opacity:.5;cursor:default;box-shadow:none}@media (max-width:620px){.overlay{padding:12px;align-items:center}.auth-panel{padding:26px 20px 22px}}.logo{width:44px;height:44px;border-radius:13px;flex-shrink:0;background:linear-gradient(145deg,#e04a55,#c22632);color:#fff;font-size:23px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.topbar h1{font-size:20px;margin:0}.topbar-sub{color:var(--muted);font-size:12.5px}.tabs{display:flex;gap:6px;margin-bottom:14px}.tab{padding:7px 18px;border-radius:999px;font-size:14px;color:var(--muted);background:var(--chip)}.tab.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.search-box{display:flex;align-items:center;gap:8px;background:var(--panel);border:1.5px solid var(--line);border-radius:999px;padding:11px 18px;box-shadow:var(--shadow)}.search-box:focus-within{border-color:var(--accent)}.search-box input{flex:1 1;border:none;outline:none;background:transparent;font-size:16.5px;min-width:0}.icon-btn{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;color:var(--muted)}.icon-btn:hover{background:var(--chip);color:var(--text)}.icon-btn.star.active{color:#f2b01e}.wotd{background:var(--panel);border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:var(--radius);padding:16px 20px;margin:16px 0;box-shadow:var(--shadow)}.wotd-label{color:var(--accent);font-size:13px;font-weight:600;margin-bottom:4px}.wotd-word{font-size:28px;font-weight:700;display:flex;align-items:center;gap:8px}.wotd-reading,.wotd-speak{color:var(--muted)}.wotd-reading{font-size:13.5px;margin:2px 0 6px}.results{display:flex;flex-direction:column;gap:10px;margin-top:14px}.results-count{color:var(--muted);font-size:13px}.result-row{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:13px 16px;cursor:pointer}.result-row:hover{border-color:var(--accent)}.rr-main{flex:1 1;min-width:0}.rr-head{display:flex;align-items:center;gap:8px}.rr-form{font-size:19px;font-weight:650}.rr-sub{display:flex;gap:10px;color:var(--muted);font-size:13.5px}.rr-gloss{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{border-radius:6px;font-size:11px;padding:1.5px 7px;font-weight:600}.badge.jlpt{background:var(--chip);color:var(--muted)}.badge.hot{background:var(--accent-soft);color:var(--accent)}.overlay{position:fixed;inset:0;background:rgba(15,12,14,.45);z-index:40;display:flex;align-items:center;justify-content:center;padding:18px}.panel{position:relative;background:var(--panel);border-radius:18px;width:min(760px,100%);max-height:86vh;overflow-y:auto;padding:24px 26px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.panel-close{position:absolute;right:12px;top:12px}.entry-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.entry-form{font-size:32px;font-weight:700;margin:0}.entry-reading{color:var(--muted);font-size:14px;margin-bottom:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.reading-speak{cursor:pointer}.reading-speak:hover{color:var(--accent)}.romaji{font-style:italic;margin-left:6px}.sense{margin:14px 0;padding-left:34px;position:relative}.sense:before{content:attr(data-n);position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.sense-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:3px}.chip{background:var(--chip);border-radius:999px;padding:2px 10px;font-size:12px;color:var(--muted)}.chip.pos{background:var(--accent-soft);color:var(--accent)}.sense-zh{font-size:15.5px;font-weight:600}.sense-en{color:var(--muted);font-size:13.5px}.sec-title{font-weight:700;font-size:15px;margin:18px 0 10px}.example{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.ex-jp{font-size:16px;font-weight:550;display:flex;align-items:center;gap:8px}.ex-jp-text{flex:1 1}.ex-zh{color:var(--muted);font-size:13.5px;margin-top:3px}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.kanji-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.kc-char{font-size:34px;font-weight:700}.kc-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12.5px;margin:4px 0}.kc-line{font-size:13.5px;margin-top:4px}.kc-key{font-size:11.5px;background:var(--chip);border-radius:5px;padding:1px 6px;margin-right:6px}.kc-key,.kc-mean{color:var(--muted)}.empty{padding:44px 0}.empty,.loading{text-align:center;color:var(--muted)}.loading{padding:30px 0}.ad-box{position:relative;margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.ad-box a{display:block;color:inherit}.ad-box img{display:block;width:100%;height:auto}.ad-tag{position:absolute;top:6px;right:6px;z-index:2;font-size:10px;line-height:1;padding:3px 5px;border-radius:4px;color:var(--muted);background:color-mix(in srgb,var(--panel) 80%,transparent)}.ad-text{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;text-decoration:none}.ad-text-title{font-weight:650;font-size:14.5px}.ad-text-body{color:var(--muted);font-size:13px;flex:1 1;min-width:200px}.ad-text-cta{flex-shrink:0;font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:5px 14px}.ad-box .adsbygoogle{min-height:90px}footer{margin-top:40px;color:var(--muted);font-size:12.5px;line-height:1.8;border-top:1px solid var(--line);padding-top:16px;text-align:center}footer code{background:var(--chip);border-radius:5px;padding:1px 7px;font-size:12px}.stats{display:flex;gap:16px;color:var(--muted);font-size:12.5px;margin-left:auto}.stats b{color:var(--text)}.seo-block{width:100%;max-width:760px;margin:14px auto 0;padding:0 2px 8px}.seo-head{display:flex;align-items:center;gap:9px;margin:26px 4px 13px}.seo-block>.seo-head:first-child{margin-top:10px}.seo-bar{width:4px;height:17px;flex-shrink:0;background:var(--accent);border-radius:2px}.seo-head b{font-size:16.5px;font-weight:700}.seo-sub{color:var(--muted);font-size:12px}.seo-wordlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (max-width:620px){.seo-wordlist{grid-template-columns:repeat(2,1fr)}}.seo-wordlist a{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:11px 14px;transition:border-color .13s,transform .13s,box-shadow .13s}.seo-wordlist a:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 14px rgba(194,38,50,.12)}.seo-wordlist b{font-size:17px;font-weight:700}.seo-reading{color:var(--muted);font-size:12px}.seo-gloss{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seo-levels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}@media (max-width:620px){.seo-levels{grid-template-columns:repeat(2,1fr)}}.seo-levels a{display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px 8px;transition:border-color .13s,transform .13s}.seo-levels a:hover{border-color:var(--accent);transform:translateY(-2px)}.seo-levels b{color:var(--accent);font-size:19px;font-weight:800;letter-spacing:.02em}.seo-levels span{color:var(--muted);font-size:11.5px}.seo-cols{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:26px;gap:26px;align-items:start}@media (max-width:620px){.seo-cols{grid-template-columns:1fr;gap:4px}}.seo-cols p{font-size:13.5px;line-height:1.95;color:var(--text);margin:0 0 10px}.seo-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px}.seo-features li{display:flex;align-items:center;gap:8px}.seo-features li:before{content:"✓";flex-shrink:0;width:18px;height:18px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.seo-links{display:flex;flex-wrap:wrap;gap:8px}.seo-links a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:5px 14px;font-size:12.5px;color:var(--muted);background:var(--panel);transition:border-color .13s,color .13s}.seo-links a:hover{border-color:var(--accent);color:var(--accent)}.conj-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:8px;gap:8px;margin:14px 0 6px}.conj-row{display:flex;align-items:baseline;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.conj-name{flex-shrink:0;font-size:11.5px;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:1px 7px}.conj-forms{font-size:14px}.conj-f{cursor:pointer}.conj-f:hover{color:var(--accent)}.rel-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.rel-list li{border-bottom:1px solid var(--line)}.rel-list a{display:flex;align-items:baseline;gap:10px;padding:8px 4px;text-decoration:none;color:var(--text);font-size:14.5px}.rel-list a:hover{color:var(--accent)}.rel-list b{font-weight:650}.rel-reading{color:var(--muted);font-size:12.5px}.jlpt-badge{border-radius:6px;padding:1.5px 8px;font-weight:700;font-size:11px}.jlpt-n5{background:#e4f3ec;color:#1f7a52}.jlpt-n4{background:#e2f1f4;color:#17687a}.jlpt-n3{background:#e7effa;color:#2d61ab}.jlpt-n2{background:#fbf0e0;color:#a4601a}.jlpt-n1{background:#fbe7e9;color:#b02631}[data-theme=dark] .jlpt-n5{background:rgba(46,158,107,.18);color:#63c995}[data-theme=dark] .jlpt-n4{background:rgba(31,138,160,.18);color:#58c3d9}[data-theme=dark] .jlpt-n3{background:rgba(59,125,216,.18);color:#7ba7e8}[data-theme=dark] .jlpt-n2{background:rgba(224,138,46,.18);color:#e8a95c}[data-theme=dark] .jlpt-n1{background:rgba(217,51,63,.18);color:#ec7280}.hero{background:linear-gradient(140deg,#b7202c,#d9333f 55%,#e05862);border-radius:0 0 26px 26px;padding:22px clamp(16px,4vw,40px) 26px;box-shadow:0 8px 30px rgba(194,38,50,.25)}.hero-inner{max-width:760px;margin:0 auto}.hero-top{gap:14px;flex-wrap:wrap;margin-bottom:18px}.hero-brand,.hero-top{display:flex;align-items:center}.hero-brand{gap:12px;margin-right:auto}.hero-brand .logo{width:52px;height:52px;border-radius:14px;font-size:28px;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}.hero-title{color:#fff;font-size:22px;font-weight:800;line-height:1.2}.hero .topbar-sub{color:rgba(255,255,255,.75);font-size:12px}.hero .lang-seg{background:rgba(255,255,255,.18)}.hero .lang-btn{color:rgba(255,255,255,.85)}.hero .lang-btn.on,.hero .login-btn{background:#fff;color:var(--accent);font-weight:700}.hero .login-btn{padding:6px 18px}.hero .user-email{color:rgba(255,255,255,.9)}.hero .user-area .lang-btn{color:rgba(255,255,255,.85)}.hero .dl-link{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff}.hero .dl-link:hover{border-color:#fff;color:#fff}.hero .user-area .lang-btn:hover{background:rgba(255,255,255,.15);color:#fff}.hero-search{max-width:640px;margin:0 auto}.hero-box{background:#fff;border:none;border-radius:16px;padding:14px 20px;box-shadow:0 8px 26px rgba(120,10,20,.28)}.hero-box:focus-within{box-shadow:0 10px 30px rgba(120,10,20,.38);border-color:transparent}.hero-box input{color:#222}.hero-box .search-ico{opacity:.5}.hero-chips{max-width:640px;margin:14px auto 0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero-chip{display:inline-flex;align-items:center;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 15px;font-size:12.5px;font-weight:650;text-decoration:none;cursor:pointer;transition:background .13s}.hero-chip:hover{background:rgba(255,255,255,.3)}.hero-chip.jlpt-badge{padding:5px 15px;font-size:12.5px;border-radius:999px}.hero-chip.jlpt-n5{background:#2e9e6b;border-color:transparent;color:#fff}.hero-chip.jlpt-n4{background:#1f8aa0;border-color:transparent;color:#fff}.hero-chip.jlpt-n3{background:#3b7dd8;border-color:transparent;color:#fff}.hero-chip.jlpt-n2{background:#e08a2e;border-color:transparent;color:#fff}.hero-chip.jlpt-n1{background:var(--accent);border-color:transparent;color:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hero{background:linear-gradient(140deg,#4a1f26,#6e2833 55%,#87303c);box-shadow:0 8px 30px rgba(0,0,0,.45)}}@media (max-width:620px){.hero{padding:16px 14px 20px;border-radius:0 0 18px 18px}.hero-top{gap:8px}.hero-title{font-size:18px}.hero-brand .logo{width:42px;height:42px;font-size:22px;border-radius:11px}.hero-chips{gap:6px}.hero-chip{padding:4px 12px;font-size:11.5px}}.entry-head{padding-bottom:12px}.entry-head:after{content:"";position:absolute;left:0;right:0;height:2px;margin-top:58px;background:linear-gradient(to right,var(--accent),rgba(217,51,63,.05));border-radius:1px}.entry-head{position:relative}.entry-readings{margin-top:10px}.entry-reading span.reading-speak,.entry-readings .entry-reading{display:inline-block;background:var(--chip);border-radius:999px;padding:3px 12px}.entry-readings .romaji{margin-left:4px}.example{border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--panel)}.ex-jp-text{font-size:17px}.ex-zh{font-size:13px}.kc-char-box{width:92px;height:92px;border-radius:12px;margin-bottom:6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(to right,transparent calc(50% - .5px),rgba(0,0,0,.14) calc(50% - .5px),rgba(0,0,0,.14) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),rgba(0,0,0,.14) calc(50% - .5px),rgba(0,0,0,.14) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(45deg,transparent calc(50% - .4px),rgba(0,0,0,.1) calc(50% - .4px),rgba(0,0,0,.1) calc(50% + .4px),transparent calc(50% + .4px)),linear-gradient(135deg,transparent calc(50% - .4px),rgba(0,0,0,.1) calc(50% - .4px),rgba(0,0,0,.1) calc(50% + .4px),transparent calc(50% + .4px)),var(--panel,#fff)}.kc-char-box span{font-size:44px;font-weight:750}@keyframes rowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.result-row{animation:rowIn .3s ease both}.result-row:first-child{animation-delay:0s}.result-row:nth-child(2){animation-delay:30ms}.result-row:nth-child(3){animation-delay:60ms}.result-row:nth-child(4){animation-delay:90ms}.result-row:nth-child(5){animation-delay:.12s}.result-row:nth-child(6){animation-delay:.15s}.result-row:nth-child(7){animation-delay:.18s}.result-row:nth-child(n+8){animation-delay:.21s}@keyframes springIn{0%{opacity:0;transform:scale(.94) translateY(12px)}60%{transform:scale(1.01) translateY(0)}to{opacity:1;transform:scale(1)}}.detail-panel,.panel{animation:springIn .34s cubic-bezier(.34,1.4,.64,1) both}.skl{background:var(--chip);border-radius:12px;height:74px;margin-bottom:10px;position:relative;overflow:hidden}.skl:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:sklPulse 1.2s infinite}[data-theme=dark] .skl:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent)}@keyframes sklPulse{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (prefers-color-scheme:dark){:root{--muted:#a8a3ad;--chip:#2a2731;--line:#3a3540;--shadow:0 1px 3px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.45)}.jlpt-n5{background:rgba(46,158,107,.18);color:#63c995}.jlpt-n4{background:rgba(31,138,160,.18);color:#58c3d9}.jlpt-n3{background:rgba(59,125,216,.18);color:#7ba7e8}.jlpt-n2{background:rgba(224,138,46,.18);color:#e8a95c}.jlpt-n1{background:rgba(217,51,63,.18);color:#ec7280}}[data-theme=dark]{--muted:#a8a3ad;--chip:#2a2731;--line:#3a3540;--shadow:0 1px 3px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.45)}[data-theme=dark] .hero{background:linear-gradient(140deg,#4a1f26,#6e2833 55%,#87303c);box-shadow:0 8px 30px rgba(0,0,0,.45)}.bottom-nav{display:none}@media (max-width:620px){.bottom-nav{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;gap:4px;background:color-mix(in srgb,var(--panel) 72%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--line);border-radius:18px;padding:8px 10px;z-index:30;box-shadow:0 8px 28px rgba(0,0,0,.18)}.wrap{padding-bottom:90px}.bn-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 0 6px;color:var(--muted);font-size:11px;border:none;background:none;cursor:pointer;border-radius:12px;position:relative}.bn-item .bn-ico{font-size:17px}.bn-item.on{color:var(--accent);background:var(--accent-soft);font-weight:700}.bn-item.on:before{content:"";position:absolute;top:-9px;left:50%;transform:translateX(-50%);width:30px;height:3px;border-radius:0 0 3px 3px;background:var(--accent)}.tabs{display:none}}:root{--font-jp:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","Yu Gothic","Noto Sans JP","Meiryo",sans-serif;--font-ui:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--fs-h1:clamp(26px,4vw,34px);--fs-h2:17px;--fs-h3:15px}body{font-family:var(--font-ui)}.entry-form,.fc-word,.jlpt-form,.kc-char-box span,.kcell-c,.rr-form,.rr-head,.word-h1,.wotd-word{font-family:var(--font-jp)}.entry-form,.word-h1{font-size:var(--fs-h1)}.detail-sec-title,.word-h2{font-size:var(--fs-h2);font-weight:700}.fc-ex,.fc-reading,.results-count,.romaji,.rr-sub,.wotd-reading{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kanji-card{position:relative;overflow:hidden}.kanji-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--accent),rgba(224,90,102,.25));border-radius:10px 10px 0 0}.kanji-card .kc-char{transition:transform .18s ease,text-shadow .18s ease}.kanji-card:hover .kc-char{transform:scale(1.08);text-shadow:0 0 .6px var(--accent),0 0 1.2px rgba(217,51,63,.35)}.kanji-card:hover:before{height:7px}@keyframes starPop{0%{transform:scale(1)}40%{transform:scale(1.45) rotate(18deg)}70%{transform:scale(.9) rotate(-6deg)}to{transform:scale(1)}}.icon-btn.star.active{animation:starPop .35s ease}