:root{--blue: #006AA7;--yellow: #FECC02;--blue-dark: #004f80;--blue-light: #e8f4fc;--carrot: #C96A00;--carrot-dark: #A05200;--carrot-light: #FFF4E8;--text: #1a1a2e;--text-muted: #555577;--bg: #f7f9fc;--card-bg: #ffffff;--border: #dde3ec;--radius: 12px;--shadow: 0 2px 12px rgba(0,0,0,.08);--font: "Segoe UI", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;border:none;border-radius:8px;font-size:.95rem;transition:background .15s,opacity .15s,transform .1s}button:active{transform:scale(.97)}input{font-family:inherit;border:1.5px solid var(--border);border-radius:8px;padding:.55rem .9rem;font-size:.95rem;outline:none;transition:border-color .15s}input:focus{border-color:var(--blue)}.layout{display:flex;flex-direction:column;min-height:100vh}.nav{background:var(--carrot);color:#fff;display:flex;align-items:center;gap:.25rem;padding:0 1.25rem;height:56px;box-shadow:0 2px 10px #00000038;position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;color:#fff;margin-right:auto;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.15)}.nav-link{color:#ffffffe0;padding:.4rem .65rem;border-radius:6px;font-size:.88rem;white-space:nowrap;transition:background .15s}.nav-link:hover,.nav-link.active{background:#ffffff2e;color:#fff;text-decoration:none}.lang-btn{background:#ffffff38;color:#fff;padding:.3rem .7rem;border-radius:20px;font-size:.82rem;font-weight:700;margin-left:.5rem;border:1.5px solid rgba(255,255,255,.4)}.lang-btn:hover{background:#ffffff52}.app-footer{text-align:center;padding:1.25rem 1rem;font-size:.8rem;color:var(--text-muted);border-top:1px solid var(--border);letter-spacing:.02em}.app-footer a{color:var(--carrot);font-weight:600}.app-footer a:hover{text-decoration:underline}.page{max-width:960px;margin:0 auto;padding:2rem 1.25rem}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.btn-primary{background:var(--blue);color:#fff;padding:.6rem 1.4rem}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{background:var(--blue-light);color:var(--blue);padding:.6rem 1.2rem;border:1.5px solid var(--blue)}.btn-secondary:hover{background:#d0e8f8}.btn-yellow{background:var(--yellow);color:var(--blue-dark);font-weight:700;padding:.6rem 1.4rem}.btn-yellow:hover{opacity:.88}.btn-ghost{background:transparent;color:var(--text-muted);padding:.5rem 1rem;border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--bg)}.page-header{margin-bottom:1.75rem}.page-header h1{font-size:1.75rem;color:var(--blue);margin-bottom:.3rem}.page-header p{color:var(--text-muted);font-size:.97rem}.badge{display:inline-block;padding:.2rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600;background:var(--blue-light);color:var(--blue)}.badge-yellow{background:#fff8d0;color:#a07800}.badge-green{background:#e6f9ed;color:#1a7a3a}.badge-gray{background:#f0f0f0;color:#777}@media (max-width: 640px){.nav-link{display:none}.nav-link.always{display:block}.page{padding:1.25rem .9rem}}