:root{--ink:#182d3d;--muted:#647887;--line:#dbe5e9;--card:#fff;--teal:#087e8b;--teal-dark:#05616c;--yellow:#f6bd60}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(140deg,#f6faf9,#fbfdfc 48%,#edf7f5);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}.site-header{height:72px;max-width:1180px;margin:0 auto;justify-content:space-between;padding:0 28px}.brand,.site-header{display:flex;align-items:center}.brand{gap:10px;color:var(--ink);font-weight:750;font-size:1.1rem;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:white;background:var(--teal);border-radius:12px 12px 12px 3px;box-shadow:4px 4px 0 var(--yellow)}.header-note{color:var(--muted);font-size:.875rem}.page-shell{max-width:1050px;margin:0 auto;padding:64px 28px 90px}.intro{max-width:690px;margin-bottom:34px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 0 11px;color:var(--teal);font-size:.76rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:13px;font-size:clamp(2.45rem,6vw,4.65rem);line-height:1.04;letter-spacing:-.065em;font-weight:760}h1 em{color:var(--teal);font-family:Georgia,Songti SC,serif;font-weight:500}.intro>p:last-child{max-width:560px;margin-bottom:0;color:var(--muted);font-size:1.08rem;line-height:1.7}.translator-card{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 55px rgba(21,65,72,.09)}.input-footer,.input-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:var(--muted);font-size:.83rem}.input-toolbar{border-bottom:1px solid #edf1f2;font-weight:650}textarea{display:block;width:100%;min-height:190px;resize:vertical;border:0;outline:0;padding:22px 20px;background:transparent;color:var(--ink);font-size:1.06rem;line-height:1.75}textarea::placeholder{color:#9aabb4}.input-footer{border-top:1px solid #edf1f2}.copy-button,.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:.85rem}.copy-button:hover,.text-button:hover{color:var(--teal)}.translate-button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:11px 16px;background:var(--teal);color:white;font-size:.9rem;font-weight:700;box-shadow:0 4px 0 var(--teal-dark);transition:transform .15s ease}.translate-button:not(:disabled):hover{transform:translateY(-1px)}.example-button{width:100%;margin-top:14px;border:0;background:none;color:var(--muted);font-size:.84rem;text-align:left}.example-button span{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.error-message{margin-top:28px;padding:16px 18px;color:#9a3c24;background:#fff3ef;border:1px solid #fac9ba;border-radius:14px}.results{margin-top:66px}.result-overview{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line)}.full-translation h2,.result-overview h2,.section-heading h2{margin:0;font-size:1.45rem;letter-spacing:-.035em}.result-overview h2 span{margin-left:7px;color:var(--teal)}.result-overview p,.warning{margin:0;color:var(--muted);font-size:.85rem}.result-section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading .section-kicker{margin:0 0 4px}.count-pill{min-width:28px;padding:4px 9px;border-radius:999px;background:#e5f3f1;color:var(--teal);text-align:center;font-size:.78rem;font-weight:700}.result-list{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:white}.translation-row{display:grid;grid-template-columns:minmax(130px,1fr) 28px minmax(170px,1.35fr) auto;align-items:center;grid-gap:12px;gap:12px;padding:14px 17px;border-bottom:1px solid #edf1f2}.translation-row:last-child{border-bottom:0}.source-cell{min-width:0;display:flex;flex-direction:column;gap:4px}.source-cell code{overflow:hidden;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.91rem;text-overflow:ellipsis;white-space:nowrap}.source-cell span{color:#93a3ac;font-size:.72rem}.row-arrow{color:#a8bbc0}.translation-row p{margin:0;color:#344d5b;line-height:1.5}.copy-button{white-space:nowrap}.full-translation{position:relative;margin-top:42px;padding:27px 28px;overflow:hidden;border-radius:18px;background:var(--ink);color:white}.full-translation:after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-90px;border:32px solid rgba(246,189,96,.22);border-radius:50%}.full-translation .section-kicker{color:var(--yellow)}.full-translation p{position:relative;z-index:1;max-width:780px;margin:17px 0 20px;color:#e0eaed;font-size:1.06rem;line-height:1.8}.full-translation .copy-button{position:relative;z-index:1;color:#b9d9d6}.warning{margin-top:18px}@media(max-width:640px){.site-header{padding:0 20px}.header-note{display:none}.page-shell{padding:38px 18px 64px}h1{font-size:2.65rem}.input-footer,.input-toolbar,textarea{padding-left:16px;padding-right:16px}.translation-row{grid-template-columns:1fr 18px 1fr;gap:8px;padding:13px}.translation-row .copy-button{grid-column:3;justify-self:start}.result-overview{align-items:flex-start;gap:15px;flex-direction:column}.full-translation{padding:23px 20px}}