:root{--primary-color: #ffde43;--secondary-color: #ff6b6b;--bg-color: #f0f3f8;--card-bg: #ffffff;--text-dark: #2d3748;--border-radius: 20px;--box-shadow: 6px 6px 0px #2d3748}body{background-color:var(--bg-color);font-family:PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-dark);margin:0;padding:0}.app-container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.header{text-align:center;margin-top:10px;margin-bottom:20px}.logo-area{display:flex;align-items:center;justify-content:center;gap:10px}.logo-emoji{font-size:2.5rem;animation:bounce 2s infinite}.header h1{font-size:2.2rem;margin:0;font-weight:900;color:var(--text-dark);text-shadow:2px 2px 0px #fff,4px 4px 0px var(--secondary-color)}.subtitle{font-size:1rem;color:#718096;margin-top:5px}.category-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.tab-btn{background:var(--card-bg);border:3px solid var(--text-dark);border-radius:12px;padding:12px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;box-shadow:3px 3px 0 var(--text-dark)}.tab-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--text-dark)}.tab-btn.active{background:var(--primary-color);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--text-dark)}.tab-btn .icon{width:18px;height:18px}.excuse-card{background:var(--card-bg);border:4px solid var(--text-dark);border-radius:var(--border-radius);padding:25px;position:relative;box-shadow:var(--box-shadow);margin-bottom:25px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}.card-badge{position:absolute;top:-15px;left:20px;background:var(--secondary-color);color:#fff;border:3px solid var(--text-dark);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:5px;box-shadow:2px 2px 0 var(--text-dark)}.badge-icon{width:14px;height:14px}.excuse-text{font-size:1.25rem;line-height:1.6;font-weight:700;color:var(--text-dark);margin-top:15px;margin-bottom:20px;word-break:break-all}.action-row{display:flex;gap:10px}.action-btn{flex:1;border:2px solid var(--text-dark);border-radius:10px;padding:8px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;background:#f7fafc;transition:background .2s}.action-btn:hover{background:#edf2f7}.speak-btn{color:#3182ce}.copy-btn{color:#38a169}.generate-btn{width:100%;background:var(--primary-color);color:var(--text-dark);border:4px solid var(--text-dark);border-radius:var(--border-radius);padding:16px;font-size:1.3rem;font-weight:900;cursor:pointer;box-shadow:var(--box-shadow);display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:25px;transition:all .1s ease}.generate-btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--text-dark)}.generate-btn:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--text-dark)}.btn-icon{width:24px;height:24px}.ai-section{background:#ebf8ff;border:3px dashed #3182ce;border-radius:var(--border-radius);padding:20px;margin-bottom:25px}.ai-title{display:flex;align-items:center;gap:8px;color:#2b6cb0;margin-bottom:5px}.ai-title h3{margin:0;font-size:1.1rem;font-weight:700}.ai-icon{color:#3182ce}.ai-desc{font-size:.85rem;color:#4a5568;margin-bottom:12px}.ai-input-group{display:flex;gap:8px}.ai-input{flex:1;border:2px solid var(--text-dark);border-radius:10px;padding:10px 12px;font-size:.9rem;outline:none}.ai-submit-btn{background:#3182ce;color:#fff;border:2px solid var(--text-dark);border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:2px 2px 0 var(--text-dark)}.ai-submit-btn:hover{background:#2b6cb0}.history-section{background:#fff;border:2px solid var(--text-dark);border-radius:var(--border-radius);padding:15px}.history-title{display:flex;align-items:center;gap:8px;color:#4a5568;margin-bottom:10px}.history-title h3{margin:0;font-size:1rem}.history-icon{width:18px;height:18px}.history-list{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto}.history-item{display:flex;align-items:flex-start;gap:8px;padding:8px 5px;border-bottom:1px solid #edf2f7;cursor:pointer;transition:background .2s}.history-item:hover{background:#f7fafc}.history-bullet{font-size:.9rem}.history-text{margin:0;font-size:.85rem;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.footer{text-align:center;font-size:.75rem;color:#a0aec0;margin-top:20px;padding:10px 0}