.hero{min-height:100vh;min-height:100dvh;padding:var(--nav-h) 24px 80px;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@supports not (min-height:100dvh){.hero{min-height:100vh}}.hero-bg-hanzi{font-family:var(--font-serif);font-weight:var(--weight-black);color:#1c1a1705;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.04em;font-size:max(380px,min(52vw,680px));line-height:1;position:absolute;bottom:-80px;right:-60px}.hero-content{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:680px;padding-bottom:80px;display:flex;position:relative}.hero-title{font-family:var(--font-serif);font-size:max(3rem,min(6.5vw,5.5rem));font-weight:var(--weight-black);color:var(--text-1);letter-spacing:-.04em;text-align:center;margin-bottom:16px;line-height:1.1}.hero-subtitle{font-size:var(--text-sm);color:var(--text-2);text-align:center;letter-spacing:.14em;margin-bottom:48px}.search-center,.home-search-form{width:100%}.search-box{background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);align-items:stretch;gap:0;display:flex;overflow:hidden}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-border)}.home-search-type{background:var(--surface-muted);color:var(--text-2);font-size:var(--text-sm);font-family:var(--font-sans);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:4.5rem;transition:color var(--transition), background-color var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:calc(100% - .5rem);background-repeat:no-repeat;border:none;outline:none;flex-shrink:0;padding:0 1.75rem 0 .875rem}.home-search-type:hover,.home-search-type:focus{color:var(--text-1)}.home-search-divider{background:var(--border);flex-shrink:0;width:1px;margin:.5rem 0}.search-input{font-size:var(--text-md);font-family:var(--font-sans);color:var(--text-1);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.75rem .5rem .75rem 1rem}.search-input::placeholder{color:var(--text-3)}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") 50% no-repeat;width:20px;height:20px}.search-input::-webkit-search-cancel-button:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E")}.home-search-btn{background:var(--accent);color:var(--white);border:none;border-left:1.5px solid var(--accent);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition);white-space:nowrap;flex-shrink:0;align-items:center;gap:.4rem;padding:0 1.25rem;display:flex}.home-search-btn:hover{background:var(--accent-hover)}.home-search-btn svg{flex-shrink:0}.hot-bar-wrapper{align-items:center;gap:7px;margin-top:13px;display:flex}.hot-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex:1;align-items:center;gap:7px;display:flex;overflow-x:auto}@media (min-width:768px){.hot-bar{flex-wrap:wrap;overflow-x:visible}}.hot-bar::-webkit-scrollbar{display:none}.hot-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.08em;color:var(--text-2);white-space:nowrap;flex-shrink:0;margin-right:2px}.hot-tag{border-radius:var(--radius-full);min-height:40px;font-size:var(--text-base);color:var(--text-2);font-family:var(--font-content);transition:all var(--transition);white-space:nowrap;background:0 0;border:1px solid #0000001f;flex-shrink:0;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex}.hot-tag:hover{border-color:var(--accent);color:var(--accent);background:#3b5c8d08}.hot-tag:active{transition:transform .1s;transform:scale(.96)}.daily-section{width:100%;margin-top:32px}.daily-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.daily-card{background:var(--surface);border-radius:var(--radius);transition:all var(--transition);box-sizing:border-box;width:100%;box-shadow:var(--shadow-sm);border:1px solid #0000000f;padding:20px 22px;text-decoration:none;display:block;position:relative;overflow:hidden}.daily-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.daily-card:hover .daily-hanzi,.daily-card:hover .daily-ciyu{color:var(--accent)}.daily-card:after{content:"›";font-size:var(--text-content);color:var(--text-3);opacity:0;transition:all var(--transition);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.daily-card:hover:after{opacity:1;color:var(--accent);right:14px}.daily-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;margin-bottom:10px}.daily-content{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.daily-hanzi{font-family:var(--font-content);font-size:var(--text-xl);font-weight:var(--weight-normal);color:var(--text-1);line-height:1}.daily-ciyu{font-family:var(--font-content);font-size:var(--text-lg);font-weight:var(--weight-normal);color:var(--text-1);line-height:1.3}.daily-phonetic{font-size:var(--text-base);color:var(--text-3);font-family:var(--font-content)}.daily-def{font-size:var(--text-base);color:var(--text-2);line-height:var(--leading-snug);-webkit-line-clamp:2;font-family:var(--font-content);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.browse-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.browse-pill{border-radius:var(--radius-full);background:var(--surface);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-2);transition:all var(--transition);border:1px solid #00000012;align-items:center;gap:6px;padding:9px 20px;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #0000000a}.browse-pill-icon{opacity:.6;width:16px;height:16px;transition:opacity var(--transition);flex-shrink:0}.browse-pill:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 14px #3b5c8d1f}.browse-pill:hover .browse-pill-icon{opacity:1}.browse-pill:active{transition:transform .1s;transform:scale(.96)}.site-intro{border-top:1px solid #0000000f;padding:48px 24px 44px}.site-intro-inner{text-align:center;flex-direction:column;align-items:center;gap:28px;max-width:680px;margin:0 auto;display:flex}.site-intro-inner p{font-size:var(--text-sm);color:var(--text-2);line-height:var(--leading-loose)}@media (prefers-reduced-motion:no-preference){.hero-title{animation:.65s cubic-bezier(.16,1,.3,1) .12s both fadeUp}.hero-subtitle{animation:.65s cubic-bezier(.16,1,.3,1) .2s both fadeUp}.search-center{animation:.7s cubic-bezier(.16,1,.3,1) .28s both fadeUp}}@media (prefers-reduced-motion:reduce){.hero-title,.hero-subtitle,.search-center{opacity:1;animation:none}}@media (max-width:768px){.browse-pills{gap:6px}}@media (max-width:600px){.hero-content{padding-bottom:60px}.hero-title{font-size:var(--text-2xl);letter-spacing:-.02em}.hero-subtitle{font-size:var(--text-base);margin-bottom:40px}.search-box{border-radius:16px;padding:10px 10px 10px 18px}.search-input{padding:8px 0;font-size:18px}.search-btn{border-radius:12px;width:48px;height:48px}.daily-grid{grid-template-columns:1fr;gap:12px}.daily-card{padding:16px 18px}.daily-hanzi{font-size:var(--text-xl)}.daily-ciyu{font-size:var(--text-md)}}