:root{--primary: #149EB0;--primary-dark: #0D7A8C;--primary-light: #1BC5DB;--bg-light: #EFF9FB;--bg-white: #FFFFFF;--danger: #E05252;--warning: #F5A623;--success: #4CAF50;--text-main: #1A2B3C;--text-sub: #5A6A7A;--text-muted: #8A9BA8;--border: #D8EEF1;--shadow: 0 4px 20px rgba(20,158,176,.12);--shadow-lg: 0 8px 40px rgba(20,158,176,.18);--radius: 16px;--radius-sm: 10px;--transition: .25s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Noto Sans TC,sans-serif;color:var(--text-main);background:var(--bg-light);line-height:1.7}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:.92rem}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:var(--radius-sm);padding:9px 18px;font-size:.9rem;font-weight:700;transition:opacity var(--transition),transform var(--transition)}.btn:hover{opacity:.88}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-ghost{background:var(--bg-light);color:var(--primary-dark)}.btn-danger{background:#fdecec;color:var(--danger)}.btn-sm{padding:5px 12px;font-size:.82rem}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field label{font-size:.83rem;font-weight:700;color:var(--text-sub)}.field input,.field textarea,.field select{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;background:#fff;color:var(--text-main);outline:none;transition:border-color var(--transition)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#1a2b3c73;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:88vh;overflow-y:auto;padding:26px}.modal h3{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:1.05rem}.tag{display:inline-block;background:var(--bg-light);color:var(--primary);font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:12px}.empty-hint{color:var(--text-muted);font-size:.9rem;text-align:center;padding:40px 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.workspace-grid{display:grid;grid-template-columns:320px 1fr 360px;height:calc(100vh - 60px);max-width:1600px;margin:0 auto;width:100%}@media (max-width: 1024px){.workspace-grid{display:flex;flex-direction:column;height:auto}.workspace-grid>section{min-height:70vh}}.md-body{line-height:1.75}.md-body p{margin:0 0 8px}.md-body h1,.md-body h2,.md-body h3{margin:12px 0 6px;font-size:1rem;color:var(--primary-dark)}.md-body ul,.md-body ol{padding-left:20px;margin:0 0 8px}.md-body ul{list-style:disc}.md-body ol{list-style:decimal}.md-body table{border-collapse:collapse;margin:8px 0;width:100%;font-size:.85rem}.md-body th,.md-body td{border:1px solid var(--border);padding:5px 9px;text-align:left}.md-body th{background:var(--bg-light);color:var(--primary-dark)}.md-body code{background:var(--bg-light);padding:1px 5px;border-radius:4px;font-size:.84em}.md-body blockquote{border-left:3px solid var(--primary);padding-left:10px;color:var(--text-sub);margin:8px 0}.stream-cursor{display:inline-block;width:8px;height:16px;margin-left:2px;background:var(--primary);vertical-align:text-bottom;animation:blink .9s steps(2) infinite}@keyframes blink{50%{opacity:0}}@media print{body *{visibility:hidden}#chat-print-area,#chat-print-area *{visibility:visible}#chat-print-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;padding:0}#chat-print-area .stream-cursor{display:none}}.fade-item{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-item.visible{opacity:1;transform:translateY(0)}@media print,(prefers-reduced-motion: reduce){.fade-item{opacity:1!important;transform:none!important;transition:none!important}}.recipe-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:24px}@media (max-width: 900px){.recipe-columns{grid-template-columns:1fr;gap:14px}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media (max-width: 640px){.footer-inner{flex-direction:column;align-items:flex-start!important}}.detail-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.detail-aside{position:sticky;top:20px}@media (max-width: 900px){.detail-layout{grid-template-columns:1fr}.detail-aside{position:static}}.recipe-compact{display:grid;grid-template-columns:220px 1fr;gap:0}.recipe-compact>img{height:100%;aspect-ratio:auto}@media (max-width: 720px){.recipe-compact{grid-template-columns:1fr}.recipe-compact>img{aspect-ratio:21 / 9}}