*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;background:linear-gradient(135deg,#fceabb 0%,#f8b500 100%);min-height:100vh;color:#333;padding:1rem}.container{max-width:600px;margin:2rem auto;background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 30px #00000026}.card{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 4px 12px #00000014;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}h1,h2{text-align:center;color:#e65100;margin-bottom:1.5rem}h1{font-size:1.8rem}h2{font-size:1.4rem}label{display:block;margin-bottom:.3rem;font-weight:600;color:#555}input[type=email],input[type=password],input[type=text],input[type=file]{width:100%;padding:.75rem 1rem;border:2px solid #ffcc80;border-radius:12px;font-size:1rem;outline:none;transition:border-color .2s}input:focus{border-color:#ff9800;box-shadow:0 0 0 3px #ff980033}button,.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;color:#fff;background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 10px #f57c004d}button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f57c0066}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:linear-gradient(135deg,#42a5f5,#1565c0);box-shadow:0 4px 10px #1565c04d}.btn-secondary:hover{box-shadow:0 6px 16px #1565c066}.btn-danger{background:linear-gradient(135deg,#ef5350,#c62828);box-shadow:0 4px 10px #c628284d}.btn-danger:hover{box-shadow:0 6px 16px #c6282866}.form-group{margin-bottom:1.2rem}.msg{padding:.75rem;border-radius:10px;margin-bottom:1rem;text-align:center;font-weight:600}.msg-error{background:#ffebee;color:#c62828}.msg-success{background:#e8f5e9;color:#2e7d32}.link{color:#1565c0;text-decoration:underline;cursor:pointer;display:inline-block;margin-top:.5rem}.link:hover{color:#0d47a1}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}.method-card{background:linear-gradient(135deg,#fff9c4 0%,#fff176 100%);border-radius:16px;padding:1.2rem;text-align:center;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #ffc1074d}.method-card:hover{transform:scale(1.05);box-shadow:0 6px 20px #ffc10780}.method-card .emoji{font-size:2.5rem;display:block;margin-bottom:.5rem}.method-card .name{font-size:1.1rem;font-weight:700;color:#e65100}.result-grid{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.result-image{max-width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a}.score-badge{display:inline-block;padding:.5rem 1.2rem;border-radius:30px;font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:1rem}.score-high{background:linear-gradient(135deg,#4caf50,#2e7d32)}.score-mid{background:linear-gradient(135deg,#ff9800,#f57c00)}.score-low{background:linear-gradient(135deg,#f44336,#c62828)}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}th{background:#fff3e0;color:#e65100;font-weight:700}.nav-bar{text-align:right;margin-bottom:1rem}.nav-bar a{margin-left:.5rem}@media (max-width: 480px){.container{margin:1rem;padding:1rem}.method-grid{grid-template-columns:1fr}}.nav-hamburger{display:none}@media (max-width: 600px){.nav-hamburger{display:block!important}.nav-links{display:none!important;width:100%;flex-direction:column;align-items:stretch}.nav-links-open{display:flex!important}.nav-links a,.nav-links button{text-align:center;width:100%}}.fun-font{font-size:1.3rem;font-weight:800;color:#e65100;margin-bottom:1rem}