.hanzi-main-bg{background:linear-gradient(180deg,#f0f4fa,#f8fafc 40%,#f0f4fa);position:relative}.hanzi-main-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:400px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(59,131,238,.04) 0%,transparent 100%);pointer-events:none}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem}.breadcrumb-link{color:#6b7280;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#2563eb}.breadcrumb-sep{color:#cbd5e1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-current{color:#1e293b;font-weight:600;font-family:var(--font-kai)}.polyphonic-badge{display:inline-block;font-size:.625rem;font-weight:600;padding:.125rem .5rem;border-radius:2rem;background:linear-gradient(135deg,#3b83ee,#1d4ed8);color:#fff;letter-spacing:.04em;margin-left:.375rem;vertical-align:middle}.top-row{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:768px){.top-row{grid-template-columns:1fr 1fr;align-items:start}}.page-h1{font-size:2.25rem;font-weight:700;color:#1e293b;font-family:var(--font-kai);margin:0}.section-heading{font-size:1.5rem;font-weight:700;color:#1e293b;font-family:var(--font-kai);margin:0 0 1rem}.info-card{background:#fff;border-radius:1rem;border:1px solid #E2E8F0;padding:1.5rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;overflow:hidden;transition:box-shadow .3s ease}.info-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px #00000008}.info-card-body{display:flex;flex-direction:column;gap:1rem}.hanzi-display-inline{display:flex;align-items:center;gap:1rem}.hanzi-char{font-size:4rem;font-weight:400;color:#1e293b;line-height:1.1;font-family:var(--font-kai)}.copy-btn-inline{padding:.5rem 1rem;border-radius:.625rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#3b83ee,#1d4ed8);color:#fff;border:1px solid rgba(59,131,238,.2);cursor:pointer;display:flex;align-items:center;gap:.375rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000014}.copy-btn-inline:hover{background:linear-gradient(135deg,#1d4ed8,#1849b5);border-color:#3b83ee66;transform:translateY(-1px);box-shadow:0 4px 12px #3b83ee4d}.copy-btn-inline:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.info-grid{display:flex;flex-direction:column}.info-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(226,232,240,.6);transition:all .2s ease}.info-row:last-child{border-bottom:none}.info-row:hover{background-color:#eff6ff66;padding-left:.5rem;padding-right:.5rem;margin-left:-.5rem;margin-right:-.5rem;border-radius:.5rem}.info-label{font-size:.875rem;font-weight:500;color:#6b7280}.info-value{font-size:1rem;font-weight:500;color:#1e293b}.info-link{color:#2563eb;text-decoration:none;transition:color .2s ease}.info-link:hover{color:#1d4ed8;text-decoration:underline}.heteronym-card{background:#fff;border-radius:1rem;border:1px solid #E2E8F0;padding:1.5rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;position:relative;overflow:hidden;transition:box-shadow .3s ease}.heteronym-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px #00000008}.heteronym-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #F3F4F6}.heteronym-reading-group{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.reading-index{font-size:.6875rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#3b83ee,#1d4ed8);padding:.25rem .625rem;border-radius:2rem;letter-spacing:.04em;align-self:center}.bopomofo-text{font-size:1.75rem;font-weight:600;color:#2563eb;font-family:var(--font-kai);letter-spacing:.08em}.pinyin-text{font-size:1rem;font-weight:500;color:#6b7280;font-style:italic}.speak-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #DBEAFE;background:#eff6ff;color:#3b83ee;cursor:pointer;transition:all .2s ease;flex-shrink:0}.speak-btn:hover{background:#dbeafe;border-color:#3b83ee;transform:scale(1.05);box-shadow:0 2px 8px #3b83ee33}.speak-btn:active{transform:scale(.95)}.definitions-list{display:flex;flex-direction:column}.definition-item{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid rgba(243,244,246,.8);transition:all .2s ease}.definition-item:last-child{border-bottom:none;padding-bottom:0}.definition-item:first-child{padding-top:0}.definition-item:hover{background:#eff6ff80;margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem;border-radius:.5rem}.def-number{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#3b83ee,#1d4ed8);color:#fff;font-size:.6875rem;font-weight:700;margin-top:.125rem;flex-shrink:0;box-shadow:0 1px 4px #3b83ee33}.def-content{flex:1;min-width:0}.def-text{font-size:1.0625rem;line-height:1.7;color:#1e293b;margin:0}.def-quotes{margin-top:.5rem;padding-left:.75rem;border-left:2px solid rgba(59,131,238,.3)}.def-quote{font-size:1.0625rem;line-height:1.6;color:#6b7280;margin:.25rem 0;font-family:var(--font-kai)}.data-source{text-align:right;font-size:.75rem;color:#b0b8c4;margin:1rem 0 0;padding-top:.75rem;border-top:1px solid rgba(226,232,240,.5)}@media(max-width:639px){.page-h1{font-size:1.75rem}.hanzi-char{font-size:3rem}.bopomofo-text{font-size:1.5rem}.heteronym-card,.info-card{padding:1.25rem}}@media(min-width:1024px){.heteronym-card,.info-card{padding:2rem}}.stroke-order-card{background:#fff;border-radius:1rem;border:1px solid #E2E8F0;padding:1.5rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;overflow:hidden;transition:box-shadow .3s ease}.stroke-order-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px #00000008}.stroke-order-img-wrap{display:flex;align-items:center;justify-content:center;padding:0;margin:0}.stroke-order-img{width:100%;height:auto;display:block;image-rendering:auto}@media(max-width:639px){.stroke-order-card{padding:1.25rem}.stroke-order-img-wrap{padding:0;margin:0}}@media(min-width:1024px){.stroke-order-card{padding:2rem}.stroke-order-img-wrap{padding:0;margin:0}}.stroke-breakdown-card{background:#fff;border-radius:1rem;border:1px solid #E2E8F0;padding:1.5rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;overflow:hidden;transition:box-shadow .3s ease}.stroke-breakdown-card:hover{box-shadow:0 4px 12px #0000000f,0 2px 4px #00000008}.stroke-breakdown-images{display:grid;grid-template-columns:1fr;gap:1rem}.stroke-img-item{display:flex;flex-direction:column;gap:.5rem}.stroke-img-label{font-size:.8125rem;font-weight:600;color:#6b7280;letter-spacing:.02em}.stroke-img-wrap{display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:.75rem;border:1px solid #E2E8F0;padding:1rem}.stroke-img{max-width:100%;width:auto;max-height:200px;height:auto;display:block;image-rendering:auto}.stroke-img-full{width:100%;max-height:none;height:auto;display:block}@media(max-width:639px){.stroke-breakdown-card{padding:1.25rem}.stroke-img-wrap{padding:.75rem}.stroke-img{max-height:160px}}@media(min-width:1024px){.stroke-breakdown-card{padding:2rem}.stroke-img-wrap{padding:1.5rem}.stroke-img{max-height:240px}}html{scroll-behavior:smooth;scroll-padding-top:2rem}