:root{--primary-color: #2E8B57;--secondary-color: #333;--text-color: #333;--light-text: #fff;--card-shadow: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 8px}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0;padding:0;color:var(--text-color);line-height:1.6}select{height:2.5rem;padding:.5rem;line-height:1.5;border:1px solid #ddd;border-radius:var(--border-radius)}header{background-color:var(--primary-color);color:var(--light-text);padding:1.5rem;text-align:center;box-shadow:var(--card-shadow)}header h1{margin:0;font-size:2rem}nav{display:flex;justify-content:space-around;padding:1rem;background:linear-gradient(135deg,#4d71f4,#af74e2);box-shadow:0 2px 8px #0000001a;border-radius:0 0 var(--border-radius) var(--border-radius)}nav a{color:var(--light-text);text-decoration:none;padding:.75rem 1.5rem;transition:all .3s ease;border-radius:var(--border-radius);margin:0 .25rem}nav a:hover{background-color:#fff3}nav a.active{background-color:#ffffff4d;font-weight:700}main{padding:2rem;max-width:1180px;margin:0 auto}footer{max-width:1180px;margin:0 auto;width:100%;padding:1rem 2rem;text-align:center}.job-card{border:1px solid #ddd;border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease}.job-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.job-meta{display:flex;gap:1rem;margin-bottom:.5rem;color:#666}.btn,button[type=submit]{background-color:var(--primary-color);color:var(--light-text);padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .3s ease}.btn:hover,button[type=submit]:hover{background-color:#1f6d3f}.btn:hover{background-color:#1b5e20;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003;background-color:#0d3e10}.btn:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.btn:hover:after{animation:ripple 1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(20);opacity:0}}.auth-form button,.post-job-btn{background-color:var(--primary-color);color:var(--light-text);padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:700;box-shadow:var(--card-shadow);transition:all .3s ease;margin-left:auto;display:block;width:fit-content}.auth-form button:hover,.post-job-btn:hover{background-color:#1b5e20;transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.auth-form button:active,.post-job-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}form{display:grid;gap:1rem}label{font-weight:700}input,textarea,select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;line-height:1.3;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2e8b5733;outline:none}textarea{min-height:100px;padding:.5rem .75rem}@media (max-width: 768px){main{padding:1rem}header p{font-size:.9rem}}.auth-form,.post-job-form{display:grid;gap:1.5rem;max-width:600px;margin:0 auto;padding:1rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}@media (max-width: 768px){.auth-form,.post-job-form{max-width:100%;padding:.5rem;gap:1rem}}.tabs{display:flex;margin-top:8rem;margin-bottom:1rem}.tab{flex:1;text-align:center;padding:.5rem;cursor:pointer;border-bottom:2px solid transparent}.tab.active{border-bottom:2px solid #4CAF50;font-weight:700}.pagination{display:flex;justify-content:center;gap:.5rem;margin:2rem 0}.page-link{padding:.5rem 1rem;border:1px solid #ddd;border-radius:var(--border-radius);text-decoration:none;color:var(--text-color);transition:all .3s ease}.page-link:hover{background-color:var(--primary-color);color:var(--light-text);border-color:var(--primary-color)}.page-link.active{background-color:var(--primary-color);color:var(--light-text);border-color:var(--primary-color);font-weight:700}.breadcrumb{display:flex;align-items:center;padding:.5rem 1rem;font-size:.9rem;margin:1rem 0;background-color:#f5f5f5;border-radius:var(--border-radius)}.breadcrumb a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.breadcrumb a:hover{color:#1f6d3f;text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;color:#666}@media (max-width: 768px){.pagination{flex-wrap:wrap}.page-link{padding:.3rem .6rem}}