:root{--color-bg:#f5f7fa;--color-surface:#fff;--color-card-bg:#fff;--color-text:#374151;--color-text-muted:#9ca3af;--color-heading:#111827;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-border:#f3f4f6;--color-border-strong:#e5e7eb;--color-code-bg:#f9fafb;--color-tag-bg:#f3f4f6;--color-tag-text:#374151;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 10px 30px rgba(0,0,0,.1);--radius:10px;--radius-sm:6px;--container-width:1180px;--sidebar-width:280px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,sans-serif;font-size:16px;line-height:1.7}*{box-sizing:border-box}body{min-height:100vh;margin:0}#app{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{color:var(--color-heading);letter-spacing:-.01em;margin:0 0 .6em;font-weight:600;line-height:1.3}h1{font-size:1.875rem}h2{font-size:1.375rem}h3{font-size:1.15rem}p{margin:0 0 1em}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}}@media (max-width:600px){.container{padding:0 12px}h1{font-size:1.3rem}h2{font-size:1.1rem}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-sm);color:#fff;box-shadow:var(--shadow-md);opacity:0;pointer-events:auto;word-break:break-word;max-width:420px;padding:10px 24px;font-size:.9rem;transition:opacity .3s,transform .3s;transform:translateY(-12px)}.toast-show{opacity:1;transform:translateY(0)}.toast-success{background:#16a34a}.toast-error{background:#ef4444}.toast-info{background:var(--color-primary)}