*{box-sizing:border-box;margin:0;padding:0;font-family:Microsoft YaHei,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{background-color:#f5f7fa;color:#333;line-height:1.6;padding:10px;font-size:16px}.container{max-width:800px;margin:0 auto;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:20px;overflow:hidden;position:relative}.version-badge{position:absolute;top:10px;right:10px;background:#3498db;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700}h1{text-align:center;color:#2c3e50;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee;font-weight:600;padding-right:80px}.description{background-color:#e8f4fd;padding:12px;border-radius:5px;margin-bottom:20px;font-size:.875rem;line-height:1.5}.description p{margin-bottom:8px}.description p:last-child{margin-bottom:0}.form-group{margin-bottom:15px}label{display:block;margin-bottom:6px;font-weight:700;color:#2c3e50;font-size:.9375rem}.input-group{display:flex}input[type=text]{flex:1;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem;-webkit-appearance:none}button{background-color:#3498db;color:#fff;border:none;padding:14px 20px;border-radius:5px;cursor:pointer;font-size:1rem;width:100%;transition:background-color .3s;font-weight:700}button:active,button:hover{background-color:#2980b9}.result{margin-top:20px;padding:15px;border-radius:5px;display:none}.result h2{color:#2c3e50;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee;font-size:1.125rem;font-weight:600}.result-item{margin-bottom:12px;padding:10px;background-color:#f9f9f9;border-radius:5px;font-size:.875rem}.certificate-info{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:8px}.certificate-date{display:flex;align-items:center;gap:5px}.date-label{font-weight:700;color:#2c3e50;white-space:nowrap}.date-value{color:#e74c3c;font-weight:600}.date-separator{color:#7f8c8d;margin:0 5px}.highlight{background-color:#e1f5fe;padding:12px;border-radius:5px;margin-top:12px;border-left:4px solid #0288d1}.example{background-color:#fff8e1;padding:10px;border-radius:5px;margin-top:10px;font-size:.8125rem;line-height:1.5}.footer{margin-top:20px;text-align:center;font-size:.75rem;color:#7f8c8d;display:flex;justify-content:space-between;align-items:center}.version-info{font-size:.7rem;color:#95a5a6}.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;border-radius:5px;margin-top:12px}.danger,.warning{padding:10px;font-size:.8125rem;line-height:1.4}.danger{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;border-radius:5px;margin-top:8px;font-weight:700}.info-box{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:10px;border-radius:5px;margin-top:8px;font-size:.8125rem}.time-status{display:inline-block;padding:2px 6px;border-radius:3px;font-size:.75rem;margin-left:6px}.past{background-color:#dc3545;color:#fff}.current{background-color:#28a745;color:#fff}.future{background-color:#17a2b8;color:#fff}.requirements-table{width:100%;border-collapse:collapse;margin:12px 0;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.1);font-size:.8125rem}.requirements-table th{background-color:#3498db;color:#fff;padding:10px 8px;text-align:center;font-weight:700;font-size:.8125rem;white-space:nowrap}.requirements-table td{padding:10px 8px;border-bottom:1px solid #e0e0e0;word-break:break-word;text-align:center}.requirements-table tr:last-child td{border-bottom:none}.requirements-table tr:nth-child(2n){background-color:#f8f9fa}.year-column{font-weight:700;color:#2c3e50;width:70px}.period-column{color:#666;min-width:120px}.hours-column{text-align:center;font-weight:700;color:#e74c3c;width:70px}.status-column{text-align:center;width:80px}.table-summary{background-color:#e8f4fd;padding:8px 10px;border-radius:4px;margin-top:8px;font-weight:700;font-size:.8125rem;text-align:center}.suggestion-table-container{margin:15px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e0e0e0}.suggestion-table-header{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:15px;text-align:center;font-weight:700;font-size:.9375rem}.suggestion-table{width:100%;border-collapse:collapse;font-size:.8125rem}.suggestion-table th{background-color:#f8f9fa;color:#2c3e50;padding:12px 10px;text-align:center;font-weight:700;font-size:.8125rem;border-bottom:2px solid #e0e0e0;white-space:nowrap}.suggestion-table td{padding:12px 10px;border-bottom:1px solid #e0e0e0;word-break:break-word;text-align:center}.suggestion-table tr:last-child td{border-bottom:none}.suggestion-table tr:nth-child(2n){background-color:#f8f9fa}.type-column{font-weight:700;color:#2c3e50;width:80px}.expiry-column{color:#666;min-width:180px}.suggestion-column{color:#2c3e50;text-align:left;min-width:200px}.table-note{background-color:#fff3cd;padding:12px;border-radius:0 0 8px 8px;font-size:.75rem;line-height:1.4;color:#856404;border-top:1px solid #ffeaa7;text-align:center}.final-suggestion{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;padding:15px;border-radius:8px;margin:15px 0;text-align:center}.final-suggestion h4{color:#856404;margin-bottom:10px;font-size:1rem;font-weight:700}.final-suggestion p{margin:8px 0;line-height:1.5}.suggestion-highlight{color:#e74c3c;font-weight:700;font-size:1.1rem;background-color:rgba(231,76,60,.1);padding:4px 8px;border-radius:4px;margin:0 4px}.abFont{font-size:1.2rem}.abFont,.suggestion-normal{color:#2c3e50;font-weight:600}.remaining-hours{color:#3498db;font-weight:700;background-color:rgba(52,152,219,.1);padding:3px 6px;border-radius:3px;margin:0 2px}.deadline-info{color:#e67e22;font-weight:700}@media (max-width:768px){body{padding:8px;font-size:15px}.container{padding:15px;border-radius:6px}.version-badge{top:8px;right:8px;font-size:.7rem;padding:3px 6px}h1{font-size:1.125rem;margin-bottom:12px;padding-right:70px}.description{padding:10px;font-size:.8125rem}.input-group{flex-direction:column}button,input[type=text]{padding:12px;font-size:16px}.result{padding:12px}.result h2{font-size:1rem}.certificate-info{gap:10px}.certificate-date{flex-direction:column;align-items:flex-start;gap:2px}.date-separator{display:none}.requirements-table,.suggestion-table{font-size:.75rem}.requirements-table td,.requirements-table th,.suggestion-table td,.suggestion-table th{padding:8px 6px}.suggestion-table-header{padding:12px;font-size:.875rem}.year-column{width:60px}.period-column{min-width:100px}.hours-column{width:60px}.status-column{width:70px}.type-column{width:60px}.expiry-column{min-width:140px}.suggestion-column{min-width:150px}.final-suggestion{padding:12px}.final-suggestion h4{font-size:.9375rem}.suggestion-highlight{font-size:1rem}.footer{flex-direction:column;gap:8px}}@media (max-width:480px){body{padding:5px;font-size:14px}.container{padding:12px}.version-badge{top:6px;right:6px;font-size:.65rem}h1{font-size:1rem;padding-right:60px}.description{font-size:.75rem}label{font-size:.875rem}.result-item{font-size:.8125rem}.certificate-info{flex-direction:column;gap:8px}.certificate-date{flex-direction:row;align-items:center}.date-separator{display:inline}.example{font-size:.75rem}.requirements-table,.suggestion-table{font-size:.6875rem}.requirements-table td,.requirements-table th,.suggestion-table td,.suggestion-table th{padding:6px 4px}.suggestion-table-header{padding:10px;font-size:.8125rem}.year-column{width:50px}.period-column{min-width:80px}.hours-column{width:50px}.status-column{width:60px}.type-column{width:50px}.expiry-column{min-width:120px}.suggestion-column{min-width:130px}.final-suggestion{padding:10px}.final-suggestion h4{font-size:.875rem}.suggestion-highlight{font-size:.9375rem;padding:3px 6px}}@media (max-width:360px){body{font-size:13px}.version-badge{font-size:.6rem;padding:2px 4px}.certificate-date{flex-wrap:wrap}.requirements-table,.suggestion-table{font-size:.625rem}.requirements-table td,.requirements-table th,.suggestion-table td,.suggestion-table th{padding:5px 3px}.suggestion-table-header{padding:8px;font-size:.75rem}.year-column{width:45px}.period-column{min-width:70px}.hours-column,.type-column{width:45px}.expiry-column{min-width:100px}.suggestion-column{min-width:110px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:5px}