.home-main{max-width:1360px;margin:auto;padding:36px 28px 24px}.home-intro{margin-bottom:30px}.home-brand{color:#f8f5ff;letter-spacing:-.045em;margin:0;font-size:clamp(38px,4.5vw,60px);font-weight:750;line-height:1.12}.home-intro h1{color:#d0bbdf;margin:12px 0 0;font-size:clamp(19px,2vw,24px);font-weight:450;line-height:1.4}.home-intro-copy{color:#aeb0bd;max-width:760px;margin:14px 0 0;font-size:15px;line-height:1.75}.home-discovery{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:24px;display:grid}.home-panel{background:#17151c;border:1px solid #35313e;border-radius:20px;flex-direction:column;min-width:0;padding:24px;display:flex}.home-panel h2{color:#f3eff8;letter-spacing:-.025em;margin:0 0 20px;font-size:clamp(19px,1.8vw,24px);font-weight:650;line-height:1.4}.home-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-topic-card{background:#211c29;border:1px solid #35313e;border-radius:12px;flex-direction:column;align-items:flex-start;min-width:0;padding:14px;transition:background .15s,border-color .15s;display:flex}.home-topic-card img{object-fit:contain;border-radius:7px;width:64px;height:48px;margin-bottom:8px;display:block}.home-topic-hanzi{color:#ede3f8;font-size:20px;font-weight:500;line-height:1.5}.home-topic-pinyin{color:#b8a6cc;min-height:20px;margin-top:2px;font-size:11px;line-height:1.6}.home-topic-name{color:#f0edf5;margin-top:6px;font-size:13px;font-weight:600}.home-word-panel{background:#151a1c;border-color:#2e3c3f}.home-word-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.home-word-entry{background:#1b2426;border:1px solid #2f3b3e;border-radius:10px;grid-template-columns:1fr auto;align-content:center;column-gap:8px;padding:13px 15px;transition:background .15s,border-color .15s;display:grid}.home-word-english{color:#f2f5f4;font-size:15px;font-weight:550}.home-word-hanzi{color:#a9d7c8;font-size:18px}.home-word-pinyin{color:#9cafa9;grid-column:1/-1;margin-top:4px;font-size:12px}.home-word-category{color:#a3bbb3;grid-column:1/-1;margin-top:4px;font-size:11px;line-height:1.4}.home-more{color:#d1a4f5;align-self:flex-start;margin-top:22px;font-size:14px;font-weight:600;display:inline-block}.home-word-panel .home-more{color:#9edac4}.home-topic-card:hover{background:#2c2337;border-color:#a477c6}.home-word-entry:hover{background:#243331;border-color:#76a78e}.home-main a:focus-visible,.word-directory-main a:focus-visible{outline-offset:4px;outline:2px solid #dab2ff}.home-more:hover,.home-unit-list a:hover{text-underline-offset:5px;text-decoration:underline}.home-unit-section{border-top:1px solid #2e3037;border-bottom:1px solid #2e3037;margin-top:50px;padding:30px 0}.home-unit-section h2,.home-reading h2{color:#f1eff6;letter-spacing:-.025em;margin:0;font-size:26px;font-weight:650;line-height:1.35}.home-unit-section>p{color:#afb1bd;max-width:900px;margin:13px 0 24px;font-size:14px;line-height:1.8}.home-unit-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.home-unit-list li{border-bottom:1px solid #25272d}.home-unit-list a{color:#d1bcdf;padding:15px 0;scroll-margin-top:24px;font-size:14px;line-height:1.65;display:block}.home-reading{max-width:900px;margin:48px auto 0}.home-reading p{color:#b4b5c0;margin:14px 0 0;font-size:16px;line-height:1.9}.home-reading .home-reading-intro{color:#cbcad3;font-size:17px}.home-reading section{margin-top:32px}.home-reading h3{color:#eee9f4;margin:0;font-size:21px;font-weight:600;line-height:1.5}.word-directory-main{max-width:880px;margin:auto;padding:48px 28px}.word-directory-main h1{margin:0 0 18px;font-size:clamp(28px,4vw,42px);font-weight:650;line-height:1.25}.word-directory-main p{color:#b4b5c0;margin:0;font-size:16px;line-height:1.9}.word-directory-nav{white-space:nowrap;align-items:center;gap:6px;margin-top:22px;font-size:14px;display:flex;overflow-x:auto}.word-directory-nav>*{flex:none}.word-directory-nav>span{color:#8d8097}.word-directory-section{border-top:1px solid #35313e;margin-top:36px;padding-top:30px}.word-directory-section h2{color:#f3eff8;margin:0 0 14px;scroll-margin-top:24px;font-size:26px;font-weight:650;line-height:1.35}.word-directory-list{margin:0 0 18px;padding:0;list-style:none}.word-directory-list li+li{margin-top:8px}.word-directory-main a{color:#e0bdfa;text-underline-offset:4px;line-height:1.8;text-decoration:underline}.word-directory-main a:hover{color:#f3e2ff}.word-directory-practice{border-top:1px solid #35313e;margin-top:36px;padding-top:30px}.word-directory-practice p+p{margin-top:18px}@media (width<=1050px){.home-panel{padding:18px}.home-topic-card{padding:11px}.home-unit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.home-main{padding:25px 18px}.home-discovery{grid-template-columns:minmax(0,1fr);gap:20px}.home-intro{margin-bottom:24px}.home-topic-card{padding:12px 10px}.home-topic-grid{gap:9px}.home-topic-hanzi{font-size:18px}.home-topic-pinyin{font-size:10px}.home-topic-name{font-size:12px}.home-unit-list{grid-template-columns:minmax(0,1fr)}.home-unit-section{margin-top:36px}.home-unit-section h2,.home-reading h2{font-size:23px}.home-reading h3{font-size:19px}.home-reading{margin-top:36px}.word-directory-main{padding:30px 18px}}@media (width<=360px){.home-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-word-entry{padding:12px}}@media (prefers-reduced-motion:reduce){.home-topic-card,.home-word-entry{transition:none}}
