:root{--color-primary: #1a56db;--color-primary-dark: #1046be;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-border: #e5e7eb;--color-success: #059669;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.05);--max-width: 1100px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:1.3}p{margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}#site{display:flex;flex-direction:column;min-height:100vh}.site-main{flex:1}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.nav{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px}.nav-logo{font-size:18px;font-weight:700;color:var(--color-primary);text-decoration:none}.nav-logo span{color:var(--color-text);font-weight:400;font-size:14px;margin-left:6px}.nav-links{display:flex;gap:28px}.nav-links a{font-size:14px;color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.router-link-active{color:var(--color-primary);text-decoration:none}.footer{background:#1f2937;color:#fff9;padding:36px 24px;font-size:13px;text-align:center}.footer a{color:#ffffffb3}.footer a:hover{color:#fff}.footer-links{margin-bottom:12px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.page{padding:60px 0}.page-hero{background:linear-gradient(135deg,#1e3a5f,#1a56db);color:#fff;padding:80px 24px;text-align:center}.page-hero h1{font-size:42px;margin-bottom:16px}.page-hero p{font-size:18px;opacity:.85;max-width:580px;margin:0 auto}.btn{display:inline-block;padding:12px 28px;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none;line-height:1}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);text-decoration:none;color:#fff}.btn-outline{border:2px solid var(--color-primary);color:var(--color-primary);background:transparent;padding:10px 26px}.btn-outline:hover{background:var(--color-primary);color:#fff;text-decoration:none}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:28px;margin-bottom:10px}.section-title p{color:var(--color-text-secondary);font-size:16px;max-width:520px;margin:0 auto}.form-group{margin-bottom:18px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:15px;font-family:var(--font-sans);color:var(--color-text);background:#fff;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a56db1a}textarea.form-control{resize:vertical;min-height:110px}select.form-control{cursor:pointer}.alert{padding:14px 18px;border-radius:8px;margin-bottom:16px;font-size:14px}.alert-success{background:#d1fae5;color:#065f46}.alert-error{background:#fee2e2;color:#991b1b}.alert-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.loading{text-align:center;color:var(--color-text-secondary);padding:40px;font-size:15px}@media(max-width:680px){.page-hero h1{font-size:28px}.page-hero p{font-size:16px}.nav-links{gap:16px}.container{padding:0 16px}}