:root{--ai-green: #8bac76;--ai-green-dark: #6f9060;--ai-wood: #c9874a;--ai-wood-dark: #b3743a;--ai-cream: #faf3e0;--ai-paper: #fffaf0;--ai-yellow: #f5e6a8;--ai-red: #d96459;--ai-text: #5a4632;--ai-text-light: #8a7a66;--ai-shadow: 0 4px 16px rgba(139, 172, 118, .18);--ai-shadow-hover: 0 6px 22px rgba(139, 172, 118, .28);--ai-radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--ai-text);background:linear-gradient(160deg,#d8ebc8,#f0e6c8 45%,#f5e6a8);background-attachment:fixed;min-height:100vh}#root{min-height:100vh;display:flex;justify-content:center}.app-shell{width:100%;max-width:480px;min-height:100vh;display:flex;flex-direction:column;padding:24px 18px 40px}.app-header{text-align:center;margin-bottom:28px}.app-header .logo{font-size:40px;line-height:1;margin-bottom:8px}.app-header h1{margin:0 0 6px;font-size:24px;font-weight:800;color:var(--ai-text);letter-spacing:.5px}.app-header .subtitle{margin:0 0 12px;font-size:13px;color:var(--ai-text-light)}.form-card{background:var(--ai-paper);border-radius:var(--ai-radius);box-shadow:var(--ai-shadow);padding:22px 18px;margin-bottom:18px}.field-group{margin-bottom:20px}.field-group:last-child{margin-bottom:0}.field-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--ai-text);margin-bottom:8px}.field-hint{font-size:12px;line-height:1.5;color:var(--ai-text-light);margin-top:6px;padding-left:2px}.field-hint.warn{background:#fff4d6;border-left:3px solid var(--ai-wood);border-radius:8px;padding:8px 10px;color:#8a5a1a;font-weight:500}.field-hint.warn a.hint-link{color:#5a8ad0;text-decoration:underline;font-weight:600}.field-hint.warn a.hint-link:hover{color:#3a6ab0}.submit-row{margin-top:4px}.submit-row button{width:100%}.result-box{border-radius:var(--ai-radius);padding:16px 14px;margin-top:18px;font-size:14px;line-height:1.6;animation:pop .25s ease}.result-box.success{background:#e8f3dd;border:1px solid var(--ai-green);color:#3d5a2a}.result-box.error{background:#fbe5e2;border:1px solid var(--ai-red);color:#8a2e23}.result-box .title{font-weight:800;font-size:15px}.app-footer{text-align:center;margin-top:auto;padding-top:24px;font-size:11px;color:var(--ai-text-light);opacity:.7}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#faf3e0bf;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:100}.loading-overlay .spinner{width:48px;height:48px;border:5px solid var(--ai-green);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay .loading-text{font-size:15px;font-weight:600;color:var(--ai-text)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 380px){.app-shell{padding:18px 12px 32px}.app-header h1{font-size:21px}}