:root{--primary:#5ba88f;--primary-dark:#3d7a64;--primary-light:#e8f5f0;--secondary:#f5a962;--secondary-light:#fff4e6;--accent:#e88b8b;--accent-light:#fef0f0;--text:#4a5568;--text-light:#718096;--text-dark:#2d3748;--bg:#fefefe;--bg-warm:#faf8f5;--bg-section:#f7f9f8;--border:#e8ebe9;--white:#ffffff;--shadow-sm:0 2px 8px rgba(91, 168, 143, 0.08);--shadow-md:0 4px 20px rgba(91, 168, 143, 0.12);--shadow-lg:0 8px 40px rgba(91, 168, 143, 0.15);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:100px;--z-base:1;--z-header:1000;--z-overlay:998;--z-nav:999;--z-dropdown:1001;--z-modal:10000}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:'PingFang SC','Hiragino Sans GB','Microsoft YaHei',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background-color:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}#content{min-height:400px;background:var(--bg-warm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:.3s;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 4px 15px rgba(91,168,143,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(91,168,143,.45)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary-light)}.btn-warm{background:linear-gradient(135deg,var(--secondary),#e89b4a);color:var(--white);box-shadow:0 4px 15px rgba(245,169,98,.35)}.btn-warm:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(245,169,98,.45)}.card{background:var(--white);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:.3s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.section-title{font-size:36px;font-weight:700;color:var(--text-dark);text-align:center;margin-bottom:var(--space-sm)}.section-subtitle{font-size:18px;color:var(--text-light);text-align:center;margin-bottom:var(--space-lg)}.decoration-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;display:inline-block}.decoration-line{width:60px;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:2px;margin:0 auto var(--space-md)}@media (max-width:1024px){.container{padding:0 var(--space-md)}}@media (max-width:768px){:root{--space-lg:32px;--space-xl:48px;--space-2xl:72px}html{font-size:15px}.container{padding:0 var(--space-sm)}.section-title{font-size:28px}.section-subtitle{font-size:16px}}@media (max-width:480px){html{font-size:14px}.btn{padding:12px 24px;font-size:14px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f5f0 0,#f0f7ff 50%,#faf8f5 100%);padding:var(--space-sm)}.login-container{width:100%;max-width:440px}.login-card{background:var(--white);border-radius:var(--radius-lg);padding:48px 40px 40px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:32px}.login-logo-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--radius-md);background:var(--primary-light);margin-bottom:20px;overflow:hidden;box-shadow:0 4px 12px rgba(91,168,143,.15)}.login-logo-wrapper img{width:100%;height:100%;object-fit:contain;padding:8px}.login-header h1{font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:6px;letter-spacing:.5px}.login-header .login-subtitle{font-size:14px;color:var(--text-light);line-height:1.5}.login-divider{height:1px;background:var(--border);margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--text-dark);letter-spacing:.3px}.form-group input{width:100%;padding:12px 16px;font-size:15px;border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:0;transition:.2s;background:var(--bg-warm);color:var(--text-dark)}.form-group input:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px rgba(91,168,143,.1)}.form-group input::placeholder{color:var(--text-light)}.password-wrapper{position:relative}.password-wrapper input{padding-right:44px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:0 0;border:none;cursor:pointer;color:var(--text-light);padding:4px;display:flex;align-items:center}.toggle-password:hover{color:var(--primary)}.toggle-password svg{width:20px;height:20px}.error-message{background:var(--accent-light);color:#c53030;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;border-left:3px solid var(--accent)}.login-btn{width:100%;margin-top:4px;padding:14px;font-size:15px;letter-spacing:1px}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-loading{display:inline-flex;align-items:center;gap:8px}.spinner{width:18px;height:18px}.login-footer{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.login-footer a{color:var(--text-light);text-decoration:none;font-size:13px;transition:color .2s}.login-footer a:hover{color:var(--primary)}@media (max-width:480px){.login-card{padding:32px 24px 28px;border-radius:var(--radius-md)}.login-logo-wrapper{width:64px;height:64px}.login-header h1{font-size:20px}}