*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b82f6;--primary-hover:#2563eb;--secondary:#10b981;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--accent:#f59e0b;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}body{font-family:var(--font-sans);background-color:var(--gray-50);color:var(--gray-900);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar{border-bottom:1px solid var(--gray-200);z-index:100;background:#fff;padding:1.5rem 0;position:sticky;top:0}.navbar .container{flex-direction:column;align-items:center;gap:.5rem;display:flex}.logo{color:var(--primary);font-size:1.5rem;font-weight:700}.subtitle{color:var(--gray-600);font-size:.875rem}.nav-links{gap:1.5rem;margin-top:.5rem;display:flex}.nav-link{color:var(--gray-600);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--primary)}.main-content{flex:1;padding:2rem 0}.footer{background:var(--gray-800);color:var(--gray-300);text-align:center;padding:2rem 0}.footer p{margin-bottom:.5rem}.footer-note{color:var(--gray-400);font-size:.875rem}.search-box{max-width:500px;margin:0 auto 2rem}.search-input{border:1px solid var(--gray-300);border-radius:.5rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.card-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.user-card{background:#fff;border-radius:.75rem;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.user-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.user-card-image{object-fit:cover;background:var(--gray-100);width:100%;height:200px}.user-card-placeholder{background:var(--gray-100);width:100%;height:200px;color:var(--gray-400);justify-content:center;align-items:center;font-size:3rem;display:flex}.user-card-content{padding:1rem}.user-card-name{margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.user-card-motto{color:var(--gray-600);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.btn{cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--gray-100);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-200)}.btn-block{text-align:center;width:100%}.form-section{background:#fff;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.form-section-title{color:var(--gray-800);border-bottom:2px solid var(--gray-200);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600}.form-group{margin-bottom:1rem}.form-label{color:var(--gray-700);margin-bottom:.5rem;font-weight:500;display:block}.form-label .required{color:#ef4444}.form-input,.form-textarea,.form-select{border:1px solid var(--gray-300);border-radius:.375rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:120px}.form-help{color:var(--gray-500);margin-top:.25rem;font-size:.75rem}.form-row{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.form-row{grid-template-columns:repeat(2,1fr)}}.file-upload{border:2px dashed var(--gray-300);text-align:center;cursor:pointer;border-radius:.5rem;padding:2rem;transition:border-color .2s,background .2s}.file-upload:hover{border-color:var(--primary);background:var(--gray-50)}.file-upload-icon{margin-bottom:.5rem;font-size:3rem}.file-upload-text{color:var(--gray-600)}.file-preview{margin-top:1rem}.file-preview img{border-radius:.5rem;max-width:200px;max-height:200px;box-shadow:0 2px 8px #0000001a}.detail-header{text-align:center;margin-bottom:2rem}.detail-photo{object-fit:cover;border:4px solid #fff;border-radius:50%;width:200px;height:200px;margin:0 auto 1rem;box-shadow:0 4px 12px #00000026}.detail-photo-placeholder{background:var(--gray-100);width:200px;height:200px;color:var(--gray-400);border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:4rem;display:flex;box-shadow:0 4px 12px #00000026}.detail-name{margin-bottom:.5rem;font-size:2rem;font-weight:700}.detail-motto{color:var(--gray-600);font-size:1.125rem;font-style:italic}.detail-info{background:var(--gray-100);border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:1.5rem 0;padding:1rem;display:flex}.detail-info-item{color:var(--gray-700);align-items:center;gap:.5rem;display:flex}.detail-info-icon{font-size:1.25rem}.core-answers{margin-bottom:2rem}.answer-item{margin-bottom:1.5rem}.answer-title{color:var(--primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.answer-content{background:var(--gray-50);border-radius:.5rem;padding:1rem;line-height:1.8}.comments-section{margin-top:2rem}.comments-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600}.comment-list{margin-bottom:1.5rem}.comment-item{background:var(--gray-50);border-radius:.5rem;margin-bottom:1rem;padding:1rem}.comment-author{margin-bottom:.25rem;font-weight:600}.comment-time{color:var(--gray-500);margin-bottom:.5rem;font-size:.75rem}.comment-content{margin-bottom:.5rem;line-height:1.6}.comment-signature{text-align:right;color:var(--gray-600);font-size:.875rem;font-style:italic}.comment-form{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.checkbox-group{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.checkbox-group input[type=checkbox]{width:auto}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.hidden{display:none!important}.loading{text-align:center;color:var(--gray-500);padding:3rem}.loading-spinner{border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--gray-800);color:#fff;z-index:1000;border-radius:.5rem;padding:.75rem 1.5rem;animation:.3s ease-out slideUp;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.toast-success{background:var(--secondary)}.toast-error{background:#ef4444}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.back-btn{color:var(--gray-600);align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:500;text-decoration:none;display:inline-flex}.back-btn:hover{color:var(--primary)}