:root{--blue-primary:#5BCEFA;--blue-dark:#3AA8D8;--pink-primary:#F5A9B8;--pink-light:#FDCFE3;--pink-pale:#FFF0F7;--white:#FFFFFF;--purple:#9B59B6;--dark:#1A2A3A;--dark-mid:#2D3E4E;--text-main:#1A2A3A;--text-sub:#5A6A7A;--bg:#F8FBFC;--card-bg:#FFFFFF;--border:#D6E8F0;--shadow:0 4px 24px rgba(91,206,250,0.12);--radius:18px;--radius-sm:10px;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--text-main:#E8F4FC;--text-sub:#A8B8C8;--bg:#0A1520;--card-bg:#152030;--border:#2D3E4E;--shadow:0 4px 24px rgba(0,0,0,0.40)}.btn-secondary{background:#152030}.btn-secondary:hover{background:#203040}.tag{background:#152030}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;touch-action:manipulation;overscroll-behavior-y:contain}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-main);line-height:1.7;min-height:100vh}.page-enter{animation:pageEnter .3s ease-out}@keyframes pageEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.container{max-width:860px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;letter-spacing:.02em}.btn-primary{background:linear-gradient(135deg,var(--blue-primary),var(--pink-primary));color:#fff;box-shadow:0 6px 20px rgba(91,206,250,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(91,206,250,.5)}.btn-secondary{background:#fff;color:var(--blue-primary);border:2px solid var(--blue-primary)}.btn-secondary:hover{background:#e8f6fc}.btn-ghost{background:0 0;color:var(--text-sub)}.btn-ghost:hover{color:var(--pink-primary)}.progress-bar-wrap{width:100%;background:var(--border);border-radius:99px;height:8px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--blue-primary),var(--pink-primary));border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:32px}.tag{display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;background:#e8f6fc;color:var(--blue-primary);border:1px solid var(--blue-primary)}.site-footer{padding:15px 0;text-align:center;background:var(--bg)}.footer-author{font-size:13px;color:var(--text-sub);margin:0;opacity:.7;display:inline-flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}#footer-author-label.by-label{margin-right:4px}.footer-social{display:inline-flex;align-items:center;gap:8px;margin-left:10px;margin-right:10px}.at-sign{font-size:14px;opacity:.5;font-weight:500}.social-link{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--text-sub);opacity:.4;transition:var(--transition)}.social-link:hover{opacity:.8;color:var(--pink-primary);transform:translateY(-1px)}.social-icon{width:16px;height:16px}@media (max-width:600px){.container{padding:0 16px}.card{padding:20px}.btn{padding:12px 24px;font-size:15px}.footer-author{font-size:12px}}#toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%);background:var(--card-bg);color:var(--text-main);padding:10px 24px 14px;border-radius:99px;font-size:14px;font-weight:600;z-index:9999;box-shadow:var(--shadow);border:1px solid var(--border);animation:toastIn .3s ease;white-space:nowrap;max-width:90vw;display:flex;align-items:center;justify-content:center;line-height:1.2}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}