.title-calculator{max-width:1400px;margin:0 auto}@media(min-width:1100px){.title-form{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 24px;align-items:start}.title-form>.calc-btn{grid-column:1 / -1}}.title-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000f}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--text-primary, #333);margin-bottom:8px}.form-group textarea{width:100%;height:100px;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:15px;color:var(--text-primary, #333);background:#fff;resize:none;transition:border-color .2s;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:#722ed1}.form-group input{width:100%;padding:12px 16px;border:1px solid #e5e5e5;border-radius:8px;font-size:15px;color:var(--text-primary, #333);background:#fff;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#722ed1}.form-group .hint{display:block;font-size:12px;color:#999;margin-top:4px}.title-info{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#999}.separator{color:#e5e5e5}.calc-btn{width:100%;padding:14px;background:linear-gradient(135deg,#722ed1,#b37feb);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.calc-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #722ed14d}.title-result{margin-top:24px;background:#fff;border-radius:16px;padding:32px;box-shadow:0 2px 12px #0000000f}.result-header{display:flex;justify-content:center;margin-bottom:32px}.score-circle{width:140px;height:140px;border-radius:50%;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;border:4px solid #e5e5e5}.score-circle.excellent{background:linear-gradient(135deg,#f6ffed,#e6fffb);border-color:#52c41a}.score-circle.excellent .score{color:#52c41a}.score-circle.good{background:linear-gradient(135deg,#e6f7ff,#f0faff);border-color:#1890ff}.score-circle.good .score{color:#1890ff}.score-circle.normal{background:linear-gradient(135deg,#fffbe6,#fff7e6);border-color:#fa8c16}.score-circle.normal .score{color:#fa8c16}.score-circle.poor{background:linear-gradient(135deg,#fff2f0,#fff7e6);border-color:#ff4d4f}.score-circle.poor .score{color:#ff4d4f}.score-circle .score{font-size:48px;font-weight:700;color:var(--text-primary, #333)}.score-circle .label{font-size:12px;color:#999;margin-top:4px}.result-sections{display:flex;flex-direction:column;gap:24px}.result-section{background:#fafafa;border-radius:12px;padding:20px}.result-section h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary, #333);margin:0 0 16px}.result-section h3 .icon{font-size:16px}.keyword-grid{display:flex;flex-wrap:wrap;gap:8px}.keyword-item{display:flex;align-items:center;padding:6px 12px;border-radius:16px;font-size:13px}.keyword-item.high{background:#f6ffed;color:#52c41a}.keyword-item.medium{background:#e6f7ff;color:#1890ff}.keyword-item.category{background:#fff7e6;color:#fa8c16}.keyword-item .keyword-level{margin-left:6px;font-size:11px;opacity:.8}.violation-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff2f0;border-radius:8px;color:#ff4d4f;font-size:14px;margin-bottom:12px}.violation-items{display:flex;flex-wrap:wrap;gap:8px}.violation-item{padding:6px 12px;background:#ff4d4f;color:#fff;border-radius:16px;font-size:13px}.no-violation{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f6ffed;border-radius:8px;color:#52c41a;font-size:14px}.suggestion-item{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:13px;color:var(--text-secondary, #666);line-height:1.5}.suggestion-item:last-child{border-bottom:none}.suggestion-icon{flex-shrink:0;margin-top:2px}