:root{--bg-main:#ebecf0;--panel-bg:#e6e8ec;--card-bg:#f0f2f5;--text-main:#2d3748;--text-muted:#718096;--accent-purple:#7c3aed;--accent-blue:#00aeec;--accent-red:red;--accent-green:#10b981;--border-color:#d1d5db;--shadow-out:8px 8px 16px #c5c7d0, -8px -8px 16px #fff;--shadow-in:inset 4px 4px 8px #c5c7d0, inset -4px -4px 8px #fff;--shadow-sm:4px 4px 8px #c5c7d0, -4px -4px 8px #fff;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px;display:flex}#root{width:100%;max-width:1000px}.container{background:var(--panel-bg);box-shadow:var(--shadow-out);border-radius:24px;flex-direction:column;gap:32px;padding:40px;display:flex}.header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.header h1{background:linear-gradient(135deg,#6d28d9 0%,#7c3aed 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:32px;font-weight:800}.header .subtitle{color:var(--text-muted);font-size:15px;font-weight:600}.header p{color:var(--text-muted);max-width:680px;font-size:13.5px;line-height:1.6}.platform-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:8px;display:flex}.platform-tag{background:var(--bg-main);box-shadow:var(--shadow-sm);color:var(--text-main);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.input-card{background:var(--card-bg);box-shadow:var(--shadow-in);border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.url-input-wrapper{gap:14px;width:100%;display:flex}.url-input{background:var(--bg-main);color:var(--text-main);box-shadow:var(--shadow-in);border:1px solid #0000;border-radius:14px;outline:none;flex:1;padding:14px 18px;font-size:14px;transition:all .2s}.url-input:focus{border-color:var(--accent-purple)}.btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:0 28px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:4px 4px 10px #7c3aed66}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-card{background:var(--bg-main);box-shadow:var(--shadow-out);border-radius:18px;flex-direction:column;gap:20px;padding:24px;display:flex}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-title{color:var(--accent-purple);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.spinner{border:3px solid #7c3aed33;border-top-color:var(--accent-purple);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.steps-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.step-box{background:var(--card-bg);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:6px;padding:14px;transition:all .2s;display:flex}.step-box.active{box-shadow:var(--shadow-in);border-left:4px solid var(--accent-purple)}.step-box.completed{border-left:4px solid var(--accent-green)}.step-title{font-size:13.5px;font-weight:700}.step-desc{color:var(--text-muted);font-size:12px}.result-card{background:var(--bg-main);box-shadow:var(--shadow-out);border-radius:20px;flex-direction:column;gap:24px;padding:32px;display:flex}.result-header{border-bottom:2px solid var(--card-bg);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.result-title{color:var(--text-main);font-size:20px;font-weight:800}.action-bar{flex-wrap:wrap;gap:12px;display:flex}.btn-action{background:var(--bg-main);color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex}.btn-action:hover{box-shadow:var(--shadow-in);color:var(--accent-purple)}.btn-action.feishu{color:#fff;background:linear-gradient(135deg,#3bb3e2 0%,#09f 100%);box-shadow:2px 4px 8px #0099ff4d}.btn-action.obsidian{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);box-shadow:2px 4px 8px #8b5cf64d}.section-title{color:var(--accent-purple);align-items:center;gap:8px;margin-bottom:8px;font-size:16px;font-weight:700;display:flex}.content-box{background:var(--card-bg);box-shadow:var(--shadow-in);border-radius:14px;padding:20px;font-size:14px;line-height:1.7}.takeaway-list{flex-direction:column;gap:8px;padding-left:20px;list-style-type:disc;display:flex}.mermaid-box{box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:center;padding:20px;display:flex;overflow-x:auto}.footer{text-align:center;color:var(--text-muted);margin-top:10px;font-size:12px}