:root{--brand:#4f46e5;--brand-2:#7c3aed;--brand-3:#2563eb;--ink:#0f172a;--muted:#64748b;--soft:#94a3b8;--bg:#e8ebff;--card:linear-gradient(155deg, #ffffff7a 0%, #e0e7ff52 48%, #ede9fe47 100%);--card-solid:#e2e6ff73;--border:#ffffff94;--border-edge:#c7d2fe73;--line:#a5b4fc47;--grad:linear-gradient(135deg, #4f46e5 0%, #6366f1 45%, #8b5cf6 100%);--grad-soft:linear-gradient(165deg, #e0e7ff 0%, #ede9fe 48%, #eef2ff 100%);--glass-blur:blur(22px) saturate(1.45);--glass-blur-sm:blur(14px) saturate(1.3);--radius:22px;--radius-sm:16px;--shadow:0 18px 50px #4f46e51f, inset 0 1px 0 #ffffff8c;--shadow-sm:0 8px 28px #4f46e514, inset 0 1px 0 #ffffff9e, inset 0 -1px 0 #c7d2fe1f}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{color:var(--ink);background-color:var(--bg);background-image:radial-gradient(ellipse 80% 55% at 8% -5%, #a5b4fc8c, transparent 58%), radial-gradient(ellipse 70% 50% at 96% 8%, #c4b5fd6b, transparent 55%), radial-gradient(ellipse 55% 45% at 55% 100%, #bfdbfe59, transparent 55%), var(--grad-soft);overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;background-repeat:no-repeat;background-size:100% 100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Source Han Sans SC,sans-serif;line-height:1.65;position:relative;overflow:hidden auto}.glass-surface{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur)}.hanzi-font{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Source Han Sans SC,system-ui,sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.container{max-width:1140px;margin:0 auto;padding:0 22px}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(1.35);background:linear-gradient(#ffffff6b 0%,#e0e7ff61 55%,#ede9fe57 100%);border-bottom:1px solid #ffffff80;position:sticky;top:0;box-shadow:0 4px 24px #4f46e50f,inset 0 1px #ffffff8c}.site-header .container{align-items:center;gap:20px;height:68px;display:flex}.logo{color:var(--ink);white-space:nowrap;align-items:center;gap:11px;font-size:16px;font-weight:800;display:flex}.logo:hover{text-decoration:none}.logo-mark{background:var(--grad);color:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:flex;box-shadow:0 10px 22px #4f46e547}.site-nav{align-items:center;gap:18px;margin-left:auto;font-size:14.5px;font-weight:600;display:flex}.site-nav a{color:var(--muted)}.site-nav a:hover{color:var(--brand);text-decoration:none}.btn{background:var(--grad);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:700;transition:transform .15s,filter .15s,box-shadow .15s;display:inline-flex;box-shadow:0 12px 28px #4f46e547;color:#fff!important}.btn:hover{filter:brightness(1.05);text-decoration:none;transform:translateY(-1px);box-shadow:0 16px 34px #4f46e552}.btn-outline{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-sm);color:var(--brand)!important}.btn-outline:hover{filter:brightness(1.04);box-shadow:var(--shadow);border-color:#6366f173}.hero{padding:72px 0 52px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(90px);pointer-events:none;opacity:.55;border-radius:50%;position:absolute}.hero:before{background:#818cf838;width:380px;height:380px;top:-100px;left:-80px}.hero:after{background:#a78bfa24;width:400px;height:400px;bottom:-140px;right:-100px}.hero-layout{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:42px;display:grid;position:relative}.hero-badge{background:var(--card);border:1px solid var(--border);color:var(--brand);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.03em;max-width:14ch;margin:0 0 18px;font-size:clamp(34px,5vw,54px);font-weight:900;line-height:1.08}.hero h1 .accent{background:var(--grad);color:#0000;background-clip:text}.hero p.sub{color:var(--muted);max-width:36rem;margin:0 0 28px;font-size:clamp(16px,2vw,18.5px)}.hero .cta-row{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.hero .cta-row .btn{padding:14px 28px;font-size:16px}.hero-trust{flex-wrap:wrap;gap:10px;display:flex}.hero-trust span{background:var(--card);border:1px solid var(--border);color:var(--muted);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff80}.hero-trust span:before{content:"";background:linear-gradient(135deg,#34d399,#22c55e);border-radius:50%;width:6px;height:6px}.hero-preview{place-items:center;min-height:420px;display:grid;position:relative}.preview-glow{filter:blur(56px);background:#818cf82e;border-radius:50%;width:260px;height:260px;position:absolute}.preview-card{background:var(--card);border:1px solid var(--border);width:min(100%,380px);-webkit-backdrop-filter:var(--glass-blur);border-radius:28px;padding:22px;position:relative;box-shadow:0 30px 70px #4f46e529,inset 0 1px #ffffffb3,inset 0 -1px #c7d2fe26}.preview-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.85;background:linear-gradient(145deg,#ffffff59 0%,#0000 42% 100%);position:absolute;inset:0}.preview-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.preview-dots{gap:6px;display:flex}.preview-dots i{background:#e2e8f0;border-radius:50%;width:9px;height:9px;display:block}.preview-dots i:first-child{background:#fca5a5}.preview-dots i:nth-child(2){background:#fcd34d}.preview-dots i:nth-child(3){background:#86efac}.preview-chip{color:var(--brand);background:#6366f11a;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.preview-card-stroke{width:min(100%,360px);padding:20px 20px 18px}.preview-stroke{justify-content:center;padding:4px 0 2px;display:flex}.preview-stroke .stroke-anim{width:100%;max-width:220px}.preview-stroke .stroke-controls{flex-wrap:nowrap;justify-content:center;gap:8px;margin-top:12px}.preview-stroke .stroke-controls button{flex:1;min-width:0;padding:7px 10px;font-size:12.5px}.preview-hanzi-meta{text-align:center;margin-top:14px}.preview-hanzi-meta .pinyin{color:var(--brand);font-size:20px;font-weight:800}.preview-hanzi-meta .meaning{color:var(--muted);margin-top:2px;font-size:15px;font-weight:600}.preview-char-link{text-align:center;color:var(--brand);margin-top:14px;font-size:13.5px;font-weight:800;display:block}.preview-char-link:hover{filter:brightness(1.05);text-decoration:none}.hero-metrics{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px;display:grid;position:relative}.hero-metric{text-align:center;background:var(--card);border:1px solid var(--border);min-height:108px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:20px 14px;display:flex}.hero-metric strong{background:var(--grad);color:#0000;background-clip:text;font-size:clamp(26px,3.4vw,34px);font-weight:900;line-height:1}.hero-metric span{color:var(--muted);margin-top:9px;font-size:13px;font-weight:700}section.block{padding:88px 0;position:relative}section.block.alt{background:0 0;border-top:1px solid #94a3b81f;border-bottom:1px solid #94a3b81f}.section-head{max-width:640px;margin-bottom:36px}.section-kicker{color:var(--brand);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:800;display:inline-flex}h2.section-title{letter-spacing:-.025em;margin-bottom:10px;font-size:clamp(26px,3.5vw,36px);font-weight:900}p.section-sub{color:var(--muted);margin:0}p.section-link{margin-top:28px;font-weight:700}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.step-card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);min-height:190px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);padding:26px 24px}.step-n{min-width:42px;height:28px;color:var(--brand);letter-spacing:.04em;background:#6366f11f;border-radius:999px;justify-content:center;align-items:center;margin-bottom:16px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.step-card h3{margin-bottom:8px;font-size:19px;font-weight:800}.step-card p{color:var(--muted);font-size:14.5px}.grid{gap:16px;display:grid}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{isolation:isolate;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(145deg,#ffffff6b 0%,#ffffff14 38%,#0000 62%);position:absolute;inset:0}.card>*{z-index:1;position:relative}a.card{color:inherit;display:block}a.card:hover{box-shadow:var(--shadow);background:linear-gradient(155deg,#ffffff8c 0%,#e0e7ff66 48%,#ede9fe5c 100%);border-color:#ffffffbf;text-decoration:none;transform:translateY(-4px)}.card h3{margin-bottom:8px;font-size:18px;font-weight:800}.card p{color:var(--muted);font-size:14.5px}.card .card-meta{color:var(--brand);margin-top:14px;font-size:13px;font-weight:800}.hsk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hsk-card{min-height:168px}.mode-grid{gap:14px}.mode-card{min-height:152px}.mode-icon{width:46px;height:46px;-webkit-backdrop-filter:var(--glass-blur-sm);background:linear-gradient(165deg,#ffffff80,#c7d2fe59);border:1px solid #ffffff8c;border-radius:14px;place-items:center;margin-bottom:12px;font-size:22px;display:grid;box-shadow:inset 0 1px #ffffffa6}.topics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-topics{align-items:stretch}.topic-card{min-height:154px}.topic-card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.topic-card-icon{font-size:28px;line-height:1}.topic-card-category{max-width:75%;color:var(--brand);text-align:right;background:#6366f11a;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:800}.level-badge{letter-spacing:.03em;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800;display:inline-block}.lv-1{color:#b91c1c;background:#fee2e2}.lv-2{color:#c2410c;background:#ffedd5}.lv-3{color:#a16207;background:#fef9c3}.lv-4{color:#15803d;background:#dcfce7}.lv-5{color:#1d4ed8;background:#dbeafe}.lv-6{color:#7e22ce;background:#f3e8ff}.lv-topic{color:#4338ca;background:#e0e7ff}.breadcrumbs{color:var(--soft);padding:14px 0 0;font-size:13.5px}.breadcrumbs ol{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:#cbd5e1;margin-right:6px}.breadcrumbs a{color:var(--soft)}.word-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);overflow-x:auto}table.word-table{border-collapse:collapse;width:100%;font-size:15.5px}.word-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--soft);border-bottom:1px solid var(--border);background:#e0e7ff73;padding:12px 16px;font-size:12px}.word-table td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:11px 16px}.word-table tr:last-child td{border-bottom:none}.word-table td.cell-hanzi a{color:var(--ink);font-size:21px;font-weight:700}.word-table td.cell-hanzi a:hover{color:var(--brand);text-decoration:none}.word-table td.cell-pinyin{color:var(--brand);white-space:nowrap;font-weight:700}.word-table td.cell-tr{color:var(--muted)}.entry-head{flex-wrap:wrap;align-items:flex-start;gap:26px;margin:26px 0;display:flex}.entry-hanzi{font-size:clamp(64px,12vw,110px);font-weight:900;line-height:1.05}.entry-meta{padding-top:10px}.entry-pinyin{color:var(--brand);margin-bottom:6px;font-size:clamp(22px,4vw,30px);font-weight:700}.entry-translations{color:var(--ink);max-width:560px;margin-bottom:12px;font-size:clamp(17px,3vw,21px)}.entry-badges{flex-wrap:wrap;gap:8px;display:flex}.strokes-row{flex-wrap:wrap;justify-content:center;gap:22px;margin:10px auto 8px;display:flex}.strokes-demo{grid-template-columns:repeat(4,minmax(0,1fr));justify-items:center;gap:32px 28px;max-width:920px;margin-top:12px;margin-bottom:8px;display:grid}.strokes-demo .stroke-anim{width:100%;max-width:196px}.strokes-demo .stroke-target{border-radius:20px}.strokes-demo .stroke-controls{flex-direction:column;align-items:stretch;gap:8px;margin-top:12px}.strokes-demo .stroke-controls button{width:100%;padding:8px 12px;font-size:13.5px}.strokes-demo .stroke-char-label{margin-top:10px;font-size:14.5px;line-height:1.4}.stroke-anim{text-align:center}.stroke-target{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-sm);background-color:#0000;background-image:linear-gradient(90deg,#0000 calc(50% - .5px),#c7d2fe73 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#c7d2fe73 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(155deg,#ffffff6b 0%,#e0e7ff47 100%);border:1.5px solid #ffffff8c;border-radius:18px;margin:0 auto;position:relative}.stroke-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.stroke-controls button{background:var(--card);color:var(--brand);cursor:pointer;-webkit-backdrop-filter:var(--glass-blur-sm);border:1.5px solid #ffffff8c;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ffffff8c}.stroke-controls button:hover{background:var(--brand);color:#fff}.stroke-char-label{color:var(--muted);margin-top:8px;font-size:14px}.stroke-char-label a{font-weight:700}.chip-list{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--card);border:1px solid var(--border);color:var(--ink);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:999px;padding:7px 16px;font-size:15px}.chip:hover{color:var(--brand);border-color:#6366f166;text-decoration:none}.chip .p{color:var(--brand);margin-left:6px;font-size:13.5px;font-weight:700}.chip .t{color:var(--soft);margin-left:6px;font-size:13.5px}.cta-panel{background:var(--grad);color:#fff;border-radius:28px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:44px;padding:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #4f46e547}.cta-panel:before{content:"";background:#ffffff1f;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.cta-panel .cta-text h3{color:#fff;margin-bottom:6px;font-size:24px;font-weight:900}.cta-panel .cta-text p{color:#ffffffd1;font-size:14.5px}.cta-panel .btn{z-index:1;-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,#fffffff2,#eef2ffe6);position:relative;box-shadow:0 10px 24px #0f172a1f,inset 0 1px #ffffffe6;color:var(--brand)!important}h2.sub-block{margin:34px 0 14px;font-size:22px;font-weight:800}.char-groups h3{color:var(--muted);margin:26px 0 10px;font-size:17px}.char-stroke-group{margin-bottom:8px;scroll-margin-top:88px}.char-grid{user-select:none;flex-wrap:wrap;gap:8px;display:flex}.char-grid a{background:var(--card);border:1px solid var(--border);width:52px;height:52px;color:var(--ink);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-sm);user-select:none;-webkit-touch-callout:none;border-radius:14px;justify-content:center;align-items:center;font-size:24px;font-weight:700;text-decoration:none;display:flex}.char-grid a:hover{color:var(--brand);border-color:#6366f173;text-decoration:none}.char-grid a:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.faq-list{gap:12px;display:grid}.faq-item{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);border-radius:18px;padding:18px 20px}.faq-item h3{margin-bottom:6px;font-size:16.5px;font-weight:800}.faq-item p{color:var(--muted);font-size:15px}.level-nav{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.level-nav a{border:1.5px solid var(--border);color:var(--muted);background:var(--card);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:999px;padding:7px 16px;font-size:14.5px;font-weight:700;box-shadow:inset 0 1px #ffffff80}.level-nav a:hover{color:var(--brand);border-color:#6366f166;text-decoration:none}.level-nav a.active{background:var(--grad);color:#fff;border-color:#0000}.site-footer{background:0 0;border-top:1px solid #94a3b824;margin-top:0;padding:48px 0 32px}.site-footer .cols{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.site-footer h4{text-transform:uppercase;letter-spacing:.06em;color:var(--soft);margin-bottom:12px;font-size:12px}.site-footer ul{font-size:14.5px;list-style:none}.site-footer li{margin-bottom:7px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--brand)}.site-footer .copyright{border-top:1px solid var(--line);color:var(--soft);margin-top:28px;padding-top:18px;font-size:13px}@media (width<=900px){.hero-layout{grid-template-columns:1fr;gap:28px}.hero h1{max-width:none}.hero-preview{min-height:360px}.steps-grid{grid-template-columns:1fr}.hero-metrics,.hsk-grid,.topics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.strokes-demo{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;max-width:440px}}@media (width<=560px){.hsk-grid,.topics-grid{grid-template-columns:1fr}}.page-temy{padding-bottom:48px}.page-hero{padding:28px 0 8px}.page-hero h1{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(28px,4.5vw,40px);font-weight:900}.page-lead{color:var(--muted);max-width:760px;margin:0 0 22px;font-size:16.5px}.temy-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:560px;margin-bottom:20px;display:grid}.temy-summary .hero-metric{min-height:92px;margin:0}.temy-cat-nav{flex-wrap:wrap;gap:8px;margin:8px 0 10px;display:flex}.temy-cat-nav a{background:var(--card);border:1px solid var(--border);color:var(--muted);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur-sm);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.temy-cat-nav a:hover{color:var(--brand);border-color:#6366f159;text-decoration:none}.temy-category{margin:34px 0 10px;padding-top:8px;scroll-margin-top:88px}.temy-category-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.temy-category-head h2{margin:0 0 6px;font-size:clamp(20px,2.6vw,26px);font-weight:900}.temy-category-head p{color:var(--muted);max-width:640px;margin:0}.temy-category-count{color:var(--brand);background:#6366f11a;border-radius:999px;flex:none;padding:8px 12px;font-size:12.5px;font-weight:800}@media (width<=640px){.site-nav{gap:10px;font-size:13px}.site-nav .nav-extra{display:none}.site-nav a[href="/temy/"],.site-nav a[href="/ieroglif/"]{display:inline-flex}.hero{padding:40px 0 28px}.hero-metric{min-height:96px;padding:16px 10px}.hero-metric span{font-size:12px}.preview-card{width:min(100%,340px)}.temy-summary{grid-template-columns:1fr;max-width:none}}