.ta-container{max-width:900px;margin:0 auto;padding:var(--s-8) var(--s-6)}.ta-header{text-align:center;margin-bottom:var(--s-8)}.ta-title{font-size:var(--t-h1);font-weight:700;color:var(--text);margin-bottom:var(--s-2)}.ta-subtitle{font-size:var(--t-body);color:var(--text2);max-width:580px;margin:0 auto;line-height:var(--lh-normal)}.ta-input-area{display:flex;flex-direction:column;gap:var(--s-4);margin-bottom:var(--s-8)}.ta-textarea{width:100%;padding:var(--s-4);border:1.5px solid var(--border);border-radius:var(--r-3);background:var(--surface);color:var(--text);font-size:1.1rem;font-family:var(--font-hanzi);line-height:var(--lh-loose);resize:vertical;min-height:110px;transition:border-color var(--d-base)}.ta-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ta-textarea::placeholder{color:var(--fg-4)}.ta-hint{font-size:var(--t-small);color:var(--fg-3);margin-top:calc(var(--s-1) * -1)}.ta-analyze-btn{align-self:flex-end;display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-6);background:var(--primary);color:var(--on-accent);border:none;border-radius:var(--r-2);font-size:var(--t-body-lg);font-weight:600;cursor:pointer;transition:background var(--d-base),transform var(--d-fast);box-shadow:var(--shadow-red)}.ta-analyze-btn:hover{background:var(--chau-hong-3)}.ta-analyze-btn:active{transform:scale(.97)}.ta-result{animation:taFadeIn .25s var(--ease-out)}@keyframes taFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ta-result-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-4);margin-bottom:var(--s-5)}.ta-result-title{font-size:var(--t-h2);font-weight:700;color:var(--text)}.ta-legend{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.ta-legend-item{display:flex;align-items:center;gap:5px;font-size:var(--t-small);color:var(--text2)}.ta-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.ta-highlight{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-6);font-size:1.3rem;font-family:var(--font-hanzi);line-height:2.4;word-break:break-all;margin-bottom:var(--s-8);box-shadow:var(--shadow-1);min-height:60px}.ta-token{display:inline;cursor:default}.ta-neutral{color:var(--fg-3)}.ta-hsk{cursor:pointer;border-radius:3px;padding:0 2px;transition:opacity var(--d-fast)}.ta-hsk:hover{opacity:.75}.ta-hsk:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.ta-hsk-1{background:#10b98124;border-bottom:2px solid var(--hsk-1)}.ta-hsk-2{background:#06b6d424;border-bottom:2px solid var(--hsk-2)}.ta-hsk-3{background:#0ea5e924;border-bottom:2px solid var(--hsk-3)}.ta-hsk-4{background:#6366f124;border-bottom:2px solid var(--hsk-4)}.ta-hsk-5{background:#8b5cf624;border-bottom:2px solid var(--hsk-5)}[data-theme=dark] .ta-hsk-1{background:#10b98138}[data-theme=dark] .ta-hsk-2{background:#06b6d438}[data-theme=dark] .ta-hsk-3{background:#0ea5e938}[data-theme=dark] .ta-hsk-4{background:#6366f138}[data-theme=dark] .ta-hsk-5{background:#8b5cf638}.ta-hsk-badge-1{background:#10b9812e;color:var(--hsk-1)}.ta-hsk-badge-2{background:#06b6d42e;color:var(--hsk-2)}.ta-hsk-badge-3{background:#0ea5e92e;color:var(--hsk-3)}.ta-hsk-badge-4{background:#6366f12e;color:var(--hsk-4)}.ta-hsk-badge-5{background:#8b5cf62e;color:var(--hsk-5)}.ta-stats{margin-top:var(--s-4)}.ta-stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-4);margin-bottom:var(--s-8)}.ta-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-5) var(--s-5);text-align:center;box-shadow:var(--shadow-1)}.ta-stat-value{font-size:var(--t-h2);font-weight:800;color:var(--primary);margin-bottom:2px;line-height:1.1;word-break:break-word}.ta-stat-label{font-size:var(--t-small);color:var(--text2);font-weight:500}.ta-stats-breakdown-title{font-size:var(--t-h3);font-weight:700;color:var(--text);margin-bottom:var(--s-4)}.ta-breakdown-table{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-3);overflow:hidden;box-shadow:var(--shadow-1)}.ta-breakdown-row{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--border)}.ta-breakdown-row:last-child{border-bottom:none}.ta-hsk-badge{min-width:52px;font-size:var(--t-label);font-weight:700;padding:2px 8px;border-radius:var(--r-pill);text-align:center;flex-shrink:0;letter-spacing:.04em}.ta-breakdown-bar-wrap{flex:1;height:8px;background:var(--bg2);border-radius:var(--r-pill);overflow:hidden}.ta-breakdown-bar-fill{height:100%;border-radius:var(--r-pill);transition:width .5s var(--ease-out);min-width:4px}.ta-hsk-bar-1{background:var(--hsk-1)}.ta-hsk-bar-2{background:var(--hsk-2)}.ta-hsk-bar-3{background:var(--hsk-3)}.ta-hsk-bar-4{background:var(--hsk-4)}.ta-hsk-bar-5{background:var(--hsk-5)}.ta-breakdown-num{font-size:var(--t-small);color:var(--text2);font-weight:600;min-width:48px;text-align:right;flex-shrink:0}@media(max-width:640px){.ta-container{padding:var(--s-5) var(--s-4)}.ta-analyze-btn{align-self:stretch;justify-content:center}.ta-stats-summary{grid-template-columns:1fr 1fr}.ta-result-header{flex-direction:column;align-items:flex-start}.ta-highlight{font-size:1.1rem;padding:var(--s-4);line-height:2.2}}