*{margin:0;padding:0;box-sizing:border-box}body{font-family:SimHei,Microsoft YaHei,-apple-system,sans-serif;background:linear-gradient(135deg,#e0e5e0,#c8d6c8);min-height:100vh}a{text-decoration:none;color:inherit}.header{background:linear-gradient(180deg,#2a5a3a,#143a20);padding:16px 40px;display:flex;align-items:center;box-shadow:0 4px 10px #0000004d;position:relative}.star-icon{width:46px;height:46px;margin-right:24px;flex-shrink:0;display:block;position:relative;z-index:2}.header h2{font-size:30px;color:#dc143c;text-shadow:0 0 4px #fff,0 0 8px #fff,1px 1px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;font-weight:700;letter-spacing:4px;text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%);z-index:1}.auth-btns{display:flex;gap:10px;margin-left:auto;flex-shrink:0}.auth-btns a{color:#fff;text-decoration:none;padding:8px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s;border:1px solid rgba(255,255,255,.3)}.auth-btns .login-btn{background:#fff3}.auth-btns .login-btn:hover{background:#ffffff59}.auth-btns .reg-btn{background:#fc0;color:#0a5c44;border-color:#fc0}.auth-btns .reg-btn:hover{background:#ffd633}.auth-btns .user-name{color:#fc0;font-weight:700;padding:8px 16px;display:flex;align-items:center;gap:6px}.auth-btns .logout-link{color:#ffffffb3;font-weight:400;padding:8px 12px;font-size:13px}.auth-btns .logout-link:hover{color:#fff}.user-menu{position:relative;display:inline-block}.user-menu-btn{display:flex;align-items:center;gap:8px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:30px;padding:5px 16px 5px 5px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:all .25s;white-space:nowrap}.user-menu-btn:hover{background:#ffffff38;border-color:#fff6}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#fc0,#ff9500);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#1a1a2e;flex-shrink:0}.user-menu-btn .arrow{font-size:8px;transition:transform .25s;color:#ffffffb3;margin-left:2px}.user-menu-btn .arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;min-width:210px;background:#0a5c44;border:1px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:0 12px 40px #0006;display:none;z-index:9999;overflow:hidden;padding:8px 0}.user-dropdown.show{display:block}.dropdown-header{padding:14px 20px 12px;border-bottom:1px solid rgba(255,255,255,.12);color:#fc0;font-weight:700;font-size:15px}.dropdown-header .sub{font-weight:400;font-size:12px;color:#aca;margin-top:3px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#fff;font-size:14px;text-decoration:none;transition:all .15s;cursor:pointer;border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:#ffffff1f;color:#fc0}.dropdown-item .icon{font-size:16px;width:22px;text-align:center;flex-shrink:0;opacity:.8}.dropdown-item:hover .icon{opacity:1}.dropdown-divider{height:1px;background:#ffffff1f;margin:5px 0}.dropdown-item.danger{color:#ff7a7a}.dropdown-item.danger:hover{background:#ff323226;color:#f44}.user-stats{display:inline-flex;align-items:center;gap:12px;margin:0 10px;flex-shrink:0}.user-stats .stat-item{display:flex;align-items:center;gap:4px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:4px 10px;font-size:12px;color:#fff;white-space:nowrap;line-height:1.4}.user-stats .stat-item .stat-num{font-weight:700;font-size:14px;color:#fc0}.user-stats .stat-item .stat-label{opacity:.8}.language-switch{position:relative;margin-left:15px;flex-shrink:0}.lang-toggle{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s;min-width:80px}.lang-toggle:hover{background:#ffffff4d}.language-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#0a5c44f2;border:1px solid rgba(255,255,255,.3);border-radius:6px;box-shadow:0 4px 15px #0000004d;display:none;flex-direction:column;z-index:100;min-width:120px}.language-dropdown.show{display:flex}.lang-option{background:transparent;border:none;color:#fff;padding:10px 20px;cursor:pointer;font-size:14px;text-align:left;transition:all .2s}.lang-option:hover{background:#ffffff1a}.lang-option.active{background:#fff3;color:#fc0;font-weight:700}.container{display:flex;flex-direction:column;align-items:center;padding:40px 20px;min-height:calc(100vh - 130px)}.notice-bar{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#e8f5ee,#d4e4d7);border:1px solid #b8d0c8;border-radius:10px;padding:8px 16px;margin-bottom:25px;width:100%;max-width:900px;overflow:hidden}.notice-icon{font-size:20px;flex-shrink:0;align-self:flex-start;margin-top:2px}.notice-scroll{flex:1;overflow:hidden;position:relative;height:44px;display:flex;flex-direction:column;gap:4px}.notice-row{flex:1;overflow:hidden;position:relative;height:20px}.notice-track{display:inline-flex;gap:60px;white-space:nowrap;animation:noticeScroll 45s linear infinite;position:absolute;top:0;left:0}.notice-bar:hover .notice-track{animation-play-state:paused}@keyframes noticeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.notice-item{font-size:13px;color:#0a5c44;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.notice-item .dot{width:5px;height:5px;border-radius:50%;background:#0d7154;flex-shrink:0}.notice-item .time{color:#6a8f8f;font-size:11px;margin-left:4px}.notice-item.sys{color:#c0392b}.notice-item.sys .dot{background:#c0392b}.test-cards{display:flex;gap:30px;margin:30px 0 50px;flex-wrap:wrap;justify-content:center;width:100%;max-width:960px}.test-card{flex:1;min-width:280px;max-width:440px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:0;cursor:pointer;transition:all .3s;overflow:hidden;text-align:center}.test-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026}.card-top{height:6px}.card-top.blue{background:linear-gradient(135deg,#0d7154,#0a5c44)}.card-top.green{background:linear-gradient(135deg,#27ae60,#1e8449)}.card-top.orange{background:linear-gradient(135deg,#f39c12,#e67e22)}.card-top.purple{background:linear-gradient(135deg,#2d5a3f,#1a3a2a)}.card-icon{font-size:48px;margin:25px 0 15px}.card-title{font-size:22px;color:#333;margin:0 0 12px;padding:0 20px}.card-desc{font-size:14px;color:#666;padding:0 25px;line-height:1.6;margin-bottom:20px}.card-features{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:0 20px;margin-bottom:25px}.card-features span{background:#f0f7f4;color:#0d7154;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500}.card-features.green span{background:#f0fff4;color:#1e8449}.card-features.orange span{background:#fff8e1;color:#e67e22}.card-features.dark span{background:#f0fff4;color:#1a3a2a}.card-btn{width:calc(100% - 50px);margin:0 25px 25px;padding:14px 0;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;color:#fff;position:relative;overflow:hidden}.card-btn.blue{background:linear-gradient(135deg,#0d7154,#0a5c44)}.card-btn.blue:hover{box-shadow:0 6px 20px #0d715466}.card-btn.green{background:linear-gradient(135deg,#27ae60,#1e8449)}.card-btn.green:hover{box-shadow:0 6px 20px #27ae6066}.card-btn.orange{background:linear-gradient(135deg,#f39c12,#e67e22)}.card-btn.orange:hover{box-shadow:0 6px 20px #f39c1266}.card-btn.dark{background:linear-gradient(135deg,#2d5a3f,#1a3a2a)}.card-btn.dark:hover{box-shadow:0 6px 20px #2d5a3f66}.card-btn:after,.form-btn:after,.btn-next:after,.btn-submit:after,.sweep-btn:after,.share-btn:after,.cta-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);animation:sweep 1.5s linear infinite;pointer-events:none;will-change:transform}@keyframes sweep{0%{transform:translate(-100%) skew(-20deg)}to{transform:translate(100%) skew(-20deg)}}.card-btn,.form-btn,.btn-next,.btn-submit,.sweep-btn,.share-btn,.cta-btn{position:relative;overflow:hidden}.footer{text-align:center;padding:30px 20px;color:#888;font-size:13px;background:#0a5c441a;width:100%}.footer-links{margin-bottom:10px}.footer-links a{color:#0d7154;text-decoration:none;margin:0 15px}.footer-links a:hover{text-decoration:underline}.badge{background:#0d715426;border:1px solid rgba(13,113,84,.3);color:#0d7154;padding:8px 24px;border-radius:20px;font-size:14px;margin-bottom:30px}.features-row{display:flex;gap:40px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.feature-item{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px}.fi-icon{width:48px;height:48px;background:linear-gradient(135deg,#0d7154,#0a5c44);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;box-shadow:0 4px 12px #0d71544d}.fi-text{font-size:13px;color:#666;text-align:center;font-weight:500}.main-title{font-size:42px;color:#0d7154;font-weight:700;margin-bottom:20px;text-align:center;letter-spacing:6px}.subtitle{font-size:18px;color:#666;margin-bottom:40px;text-align:center}.description{font-size:16px;color:#555;line-height:1.8;max-width:800px;text-align:center;margin-bottom:50px;background:#fffc;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000001a}.form-card{background:#fffffff2;border-radius:16px;box-shadow:0 8px 40px #00000026;padding:50px 40px;width:100%;max-width:420px}.form-card h2{text-align:center;color:#0a5c44;font-size:28px;margin-bottom:10px;letter-spacing:3px}.form-card .form-subtitle{text-align:center;color:#666;font-size:14px;margin-bottom:30px}.form-group{margin-bottom:22px}.form-group label{display:block;color:#333;font-size:14px;font-weight:700;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:14px 16px;border:2px solid #d0d8d0;border-radius:10px;font-size:16px;transition:all .3s;background:#f5f8f4;outline:none}.form-group input:focus,.form-group select:focus{border-color:#0d7154;background:#fff;box-shadow:0 0 0 3px #0d715426}.form-group input::placeholder{color:#aab}.form-btn{width:100%;padding:14px;background:linear-gradient(135deg,#0d7154,#0a5c44);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #0d715466;letter-spacing:4px;position:relative;overflow:hidden}.form-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0d715480}.form-btn:active{transform:translateY(0)}.form-links{text-align:center;margin-top:25px}.form-links a{color:#0d7154;text-decoration:none;font-size:14px}.form-links a:hover{text-decoration:underline}.form-links span{color:#ccc;margin:0 12px}.error-msg{background:#fff0f0;color:#e74c3c;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border-left:4px solid #e74c3c;display:none}.success-msg{background:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:20px;border-left:4px solid #28a745;display:none}.field-hint{color:#999;font-size:12px;margin-top:5px;line-height:1.5}.steps{display:flex;justify-content:center;margin-bottom:30px;gap:0}.step-item{display:flex;align-items:center;font-size:13px;color:#999}.step-item .num{width:30px;height:30px;border-radius:50%;background:#e0e5e0;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:8px}.step-item.active .num{background:#0d7154;color:#fff}.step-item.done .num{background:#27ae60;color:#fff}.step-line{width:40px;height:2px;background:#e0e5e0;margin:0 5px}.step-line.active{background:#0d7154}.test-container{max-width:800px;margin:0 auto;padding:20px;width:100%}.test-progress{margin-bottom:24px}.progress-bar{height:8px;background:#e0e5e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#0d7154,#0a5c44);border-radius:4px;transition:width .3s}.progress-text{display:flex;justify-content:space-between;margin-top:6px;font-size:13px;color:#666}.test-question{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px}.q-number{display:inline-block;background:#0d7154;color:#fff;padding:4px 14px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:14px}.q-text{font-size:18px;color:#333;line-height:1.7;margin-bottom:24px}.q-options{display:flex;flex-direction:column;gap:10px}.q-option{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px solid #e0e5e0;border-radius:12px;cursor:pointer;transition:all .2s}.q-option:hover{border-color:#0d7154;background:#f5f8f4}.q-option.selected{border-color:#0d7154;background:#e8f5ee}.q-option .radio{width:20px;height:20px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.q-option.selected .radio{border-color:#0d7154}.q-option.selected .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:#0d7154}.q-option .opt-label{font-weight:600;color:#0d7154;min-width:24px}.test-nav{display:flex;gap:12px;justify-content:center;margin-top:20px}.test-nav button{padding:12px 32px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-prev{background:#e0e5e0;color:#666}.btn-prev:hover{background:#d0d5d0}.btn-next{background:linear-gradient(135deg,#0d7154,#0a5c44);color:#fff;box-shadow:0 4px 12px #0d71544d;position:relative;overflow:hidden}.btn-next:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d715466}.btn-submit{background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;box-shadow:0 4px 12px #27ae604d;position:relative;overflow:hidden}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.result-container{max-width:700px;margin:0 auto;padding:20px;width:100%}.result-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000001a;text-align:center;margin-bottom:20px}.result-grade{font-size:72px;font-weight:800;color:#0d7154;margin:20px 0}.result-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin:20px 0}.result-item{display:flex;justify-content:space-between;padding:10px 16px;background:#f5f8f4;border-radius:8px;font-size:14px}.result-item .label{color:#666}.result-item .value{font-weight:600;color:#333}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.result-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s;border:none;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.result-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);animation:sweep 1.5s linear infinite;pointer-events:none}.result-btn:hover{transform:translateY(-2px)}.result-btn.primary{background:linear-gradient(135deg,#0d7154,#0a5c44);color:#fff;box-shadow:0 4px 12px #0d71544d}.result-btn.primary:hover{box-shadow:0 6px 20px #0d715466}.result-btn.green{background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;box-shadow:0 4px 12px #27ae604d}.result-btn.green:hover{box-shadow:0 6px 20px #27ae6066}.result-btn.orange{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;box-shadow:0 4px 12px #f39c124d}.result-btn.orange:hover{box-shadow:0 6px 20px #f39c1266}.result-btn.red{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;box-shadow:0 4px 12px #c0392b4d}.result-btn.red:hover{box-shadow:0 6px 20px #c0392b66}.result-btn.outline{background:#fff;border:2px solid #d0d8d0;color:#666}.result-btn.outline:hover{border-color:#0d7154;color:#0d7154;background:#f5f8f4}.result-btn.purple{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;box-shadow:0 4px 12px #6c5ce74d}.result-btn.purple:hover{box-shadow:0 6px 20px #6c5ce766}@media print{.header,.footer,.auth-btns,.form-btn,.btn-next,.btn-submit,.sweep-btn,.share-btn,.cta-btn,.test-nav,.result-actions,.user-menu,.language-switch{display:none!important}body{background:#fff;color:#000}.result-card,.test-question{box-shadow:none;border:1px solid #ddd}}@media(max-width:768px){.header{flex-direction:column;padding:12px;align-items:center}.star-icon{width:32px;height:32px;margin-right:0;margin-bottom:6px}.header h2{font-size:18px;text-align:center;letter-spacing:2px;position:static;transform:none;width:100%}.auth-btns,.language-switch{margin:8px auto 0}.main-title{font-size:28px;letter-spacing:4px}.subtitle{font-size:16px}.description{font-size:14px;padding:20px;margin:20px 10px 40px}.form-card{padding:30px 20px}.form-card h2{font-size:22px}.test-cards{flex-direction:column;align-items:center}.test-card{min-width:260px;max-width:100%}.test-question{padding:20px}.q-text{font-size:16px}.result-grade{font-size:48px}.features-row{gap:8px;padding:0 10px}.feature-item{min-width:70px;gap:3px}.feature-item .fi-icon{width:32px;height:32px;font-size:16px;border-radius:8px}.feature-item .fi-text{font-size:10px}}