:root{--color-page-bg:#F8F0E3;--color-card-bg:#fff;--color-text:#333;--color-text-secondary:#555;--color-text-muted:#666;--color-text-placeholder:#999;--color-primary:#1f7c83;--color-primary-hover:#166269;--color-primary-active:#0f4a4f;--color-border:#ccc;--color-divider:#e8f4f1;--color-surface-light:#e8f4f1;--color-surface-muted:#f8f9fa;--color-surface-input:#fff;--color-surface-disabled:#f5f5f5;--color-surface-code:#f5f5f5;--color-canvas-bg:#fafafa;--color-canvas-border:#ddd;--color-toggle-bg:#e0e0e0;--color-toggle-text:#888;--color-toggle-hover:#ccc;--color-footer-bg:#333;--color-footer-text:white;--color-highlight:#ffd966;--shadow-card:0 4px 6px rgba(0,0,0,0.1);--shadow-elevated:0 4px 8px rgba(0,0,0,0.2);--shadow-modal:0 4px 20px rgba(0,0,0,0.2);--shadow-drag:0 8px 16px rgba(0,0,0,0.2);--color-overlay:rgba(0,0,0,0.5);--color-candidate-hover-bg:#d0ebe5;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-error-border:#fca5a5}html[data-theme=dark]{--color-page-bg:#1a1a2e;--color-card-bg:#16213e;--color-text:#e0e0e0;--color-text-secondary:#b0b0b0;--color-text-muted:#999;--color-text-placeholder:#666;--color-primary:#1a8389;--color-primary-hover:#156d72;--color-primary-active:#11585c;--color-border:#3a3a5c;--color-divider:#2a2a4a;--color-surface-light:#1e2a4a;--color-surface-muted:#1a2240;--color-surface-input:#1e2a4a;--color-surface-disabled:#2a2a4a;--color-surface-code:#1e2a4a;--color-canvas-bg:#1e2a4a;--color-canvas-border:#3a3a5c;--color-toggle-bg:#2a2a4a;--color-toggle-text:#888;--color-toggle-hover:#3a3a5c;--color-footer-bg:#0f0f23;--color-footer-text:#e0e0e0;--color-highlight:#5c4d1a;--shadow-card:0 4px 6px rgba(0,0,0,0.3);--shadow-elevated:0 4px 8px rgba(0,0,0,0.4);--shadow-modal:0 4px 20px rgba(0,0,0,0.5);--shadow-drag:0 8px 16px rgba(0,0,0,0.4);--color-overlay:rgba(0,0,0,0.7);--color-candidate-hover-bg:#2a3a5c;--color-error:#f87171;--color-error-bg:#3b1212;--color-error-border:#7f1d1d}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-page-bg);font-family:Arial,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Noto Sans CJK TC,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}html.theme-transition,html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}footer{width:100%;background-color:var(--color-footer-bg);color:var(--color-footer-text);text-align:center;padding:10px 0;font-size:14px}footer p{margin:0}footer a{color:var(--color-footer-text);text-decoration:none}footer a:hover{text-decoration:underline}.theme-toggle{background:none;border:1px solid var(--color-footer-text);color:var(--color-footer-text);cursor:pointer;font-size:16px;padding:2px 8px;border-radius:4px;margin-left:12px;vertical-align:middle;opacity:.7;transition:opacity .2s ease;line-height:1}.theme-toggle:hover{opacity:1}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0) scaleY(1)}to{opacity:0;transform:translateX(36px) scaleY(.75)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmerTitle{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.contact-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:var(--color-page-bg);color:var(--color-text)}.contact-card{width:100%;max-width:500px;padding:20px;border-radius:10px;box-shadow:var(--shadow-card);background:var(--color-card-bg)}.contact-card h1{font-size:24px;margin-bottom:10px;color:var(--color-primary);text-align:center}.contact-card p{font-size:16px;color:var(--color-text-secondary)}.contact-card p,.message{margin-bottom:20px;text-align:center}.message{padding:12px;border-radius:5px;font-size:14px}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:5px;color:var(--color-text-secondary)}.form-group input,.form-group textarea{width:100%;padding:10px;font-size:16px;border:1px solid var(--color-border);border-radius:5px;background:var(--color-surface-input);color:var(--color-text);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 5px rgba(31,124,131,.5)}.submit-button{width:100%;padding:10px 20px;font-size:16px;background-color:var(--color-primary);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:var(--color-primary-hover)}.submit-button:focus{outline:none;box-shadow:0 0 5px rgba(31,124,131,.5)}.submit-button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--color-surface-disabled);cursor:not-allowed;opacity:.7}.cta-section{margin-top:30px;margin-bottom:10px;text-align:center}.cta-button{display:inline-block;padding:12px 32px;background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:500;transition:background-color .3s ease}.cta-button:hover{background-color:var(--color-primary-hover)}