.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px}.login-box h1{text-align:center;color:#333;margin-bottom:10px;font-size:28px}.subtitle{text-align:center;color:#666;margin-bottom:30px;font-size:14px}.login-box form{display:flex;flex-direction:column;gap:16px}.login-box input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s}.login-box input:focus{outline:none;border-color:#667eea}.login-box button{padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;transition:transform .2s}.login-box button:hover:not(:disabled){transform:translateY(-1px)}.login-box button:disabled{opacity:.6;cursor:not-allowed}.email-list{width:400px;background:#fff;border-right:1px solid #e0e0e0;overflow-y:auto;display:flex;flex-direction:column}.email-list h2{padding:20px;margin:0;border-bottom:1px solid #e0e0e0;font-size:18px;color:#333}.emails{flex:1;overflow-y:auto}.email-item{padding:16px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;position:relative}.email-item:hover{background:#f8f9fa}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.email-from{flex:1;overflow:hidden;margin-right:8px}.email-from strong{color:#333;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-date{color:#999;font-size:12px;white-space:nowrap}.email-subject{color:#333;font-size:14px;margin-bottom:6px;font-weight:500}.email-preview{color:#666;font-size:13px;line-height:1.4}.delete-btn{position:absolute;top:16px;right:16px;padding:4px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;font-size:12px;opacity:0;transition:opacity .2s}.email-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#d32f2f}.email-detail{flex:1;background:#fff;overflow:hidden;display:flex;flex-direction:column}.email-detail-empty{flex:1;display:flex;justify-content:center;align-items:center;color:#999;font-size:16px}.email-header{padding:24px 30px;border-bottom:1px solid #e0e0e0;background:#fff}.email-header h2{margin:0 0 16px;font-size:20px;color:#333;word-break:break-word}.email-meta{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#666}.email-meta div{word-break:break-all}.email-content{flex:1;overflow:auto;padding:30px;background:#fafafa}.email-body{background:#fff;padding:20px;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.6;color:#333;white-space:pre-wrap;word-wrap:break-word}.email-iframe{width:100%;height:100%;border:none;background:#fff;border-radius:8px}.mailbox-container{min-height:100vh;background:#f5f5f5}.header{background:#fff;padding:20px 30px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.header h1{color:#333;font-size:24px}.logout-btn{padding:8px 20px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:14px;transition:background .3s}.logout-btn:hover{background:#d32f2f}.content{display:flex;height:calc(100vh - 80px)}.sidebar{width:300px;background:#fff;border-right:1px solid #e0e0e0;padding:20px;overflow-y:auto}.generate-section h3,.current-email h3,.tips h4{color:#333;margin-bottom:12px;font-size:16px}.generate-section form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.generate-section input,.generate-section select{padding:10px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px}.generate-section button{padding:10px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;transition:background .3s}.generate-section button:hover:not(:disabled){background:#5568d3}.generate-section button:disabled{opacity:.6;cursor:not-allowed}.current-email{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.email-address{display:flex;gap:8px;align-items:center;margin-bottom:12px}.email-text{flex:1;font-size:14px;word-break:break-all;color:#333;font-weight:500}.copy-btn{padding:6px 12px;background:#4caf50;color:#fff;border:none;border-radius:4px;font-size:12px;white-space:nowrap}.copy-btn:hover{background:#45a049}.refresh-btn{width:100%;padding:8px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:14px}.refresh-btn:hover{background:#1976d2}.tips{padding:16px;background:#fff3cd;border-radius:8px;border-left:4px solid #ffc107}.tips h4{color:#856404;margin-bottom:10px}.tips ul{list-style:none;padding-left:0}.tips li{color:#856404;font-size:13px;margin-bottom:6px;padding-left:16px;position:relative}.tips li:before{content:"•";position:absolute;left:0}.main-content{flex:1;display:flex;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.error{color:#d32f2f;font-size:14px;margin-top:8px}.loading{display:flex;justify-content:center;align-items:center;padding:40px;color:#666}.empty-state,.empty-list,.email-detail-empty{display:flex;justify-content:center;align-items:center;padding:60px 20px;color:#999;font-size:16px}