.role-hero .container,.role-body .container{max-width:var(--content-max-width);margin:0 auto;padding:0 20px}.role-hero{background:var(--bg-page);border-bottom:1px solid var(--border-default);padding:24px 0 36px}.back-link{color:var(--ink-secondary);min-height:44px;transition:color var(--duration-fast) ease;margin-bottom:16px;font-size:14px;line-height:44px;text-decoration:none;display:inline-block}.back-link:hover{color:var(--ink-primary)}.back-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:8px}.hero-grid{justify-content:space-between;align-items:center;gap:20px;display:flex}.hero-text{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.role-icon{border-radius:16px;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid}.hero-words{flex:1;min-width:0}.hero-title{color:var(--ink-primary);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.15}.hero-tagline{color:var(--ink-secondary);margin-bottom:8px;font-size:15px;line-height:1.5}.hero-audience{color:var(--ink-tertiary);background:var(--bg-card);border-radius:var(--radius-full);border:1px solid var(--border-default);padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.hero-image{flex-shrink:0;display:none}.hero-image img{object-fit:cover;border-radius:var(--card-radius);border:1px solid var(--border-default);width:160px;height:160px}@media (width>=769px){.hero-image{display:block}}.role-body{padding:36px 0 64px}.story-block{margin-bottom:44px}.story-block:last-child{margin-bottom:0}.block-title{color:var(--ink-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:800}.block-sub{color:var(--ink-secondary);margin-bottom:0;font-size:14px;line-height:1.6}.block-sub strong{color:var(--ink-primary)}.workflow-block{background:var(--bg-card);border-radius:var(--card-radius);border:1px solid var(--border-default);padding:26px}.workflow-head{margin-bottom:22px}.workflow-head .block-title{margin-bottom:6px}.flow-track{flex-direction:column;display:flex}@media (width>=769px){.flow-track{flex-direction:row;align-items:stretch}}.flow-step{flex-direction:column;flex:1;align-items:center;gap:8px;padding:0 4px;display:flex;position:relative}.flow-num{width:32px;height:32px;color:var(--bg-page);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.flow-body{text-align:center;flex-direction:column;flex:1;align-items:center;gap:5px;display:flex}.flow-stage{color:var(--ink-primary);font-size:15px;font-weight:700}.flow-desc{color:var(--ink-secondary);margin:0;font-size:12px;line-height:1.5}.flow-tools{background:var(--bg-page);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.flow-out{color:var(--ink-tertiary);font-size:12px;font-weight:500}.flow-arrow{display:none}@media (width>=769px){.flow-arrow{color:var(--border-default);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:-12px}.flow-arrow svg{width:20px;height:20px}}@media (width<=768px){.flow-step{text-align:left;border-bottom:1px solid var(--border-default);flex-direction:row;align-items:flex-start;gap:12px;padding:12px 0}.flow-step:last-child{border-bottom:none}.flow-body{text-align:left;align-items:flex-start}.flow-num{margin-top:2px}}.flow-note{background:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--ink-secondary);align-items:flex-start;gap:10px;margin-top:20px;padding:12px 16px;font-size:13px;line-height:1.6;display:flex}.flow-note svg{color:var(--ink-tertiary);flex-shrink:0;margin-top:2px}.flow-note strong{color:var(--ink-primary)}.demo-trigger{background:var(--bg-page);border:1px solid var(--accent-primary);border-radius:var(--radius-full);color:var(--accent-deep);cursor:pointer;touch-action:manipulation;transition:border-color var(--duration-fast) ease, background var(--duration-fast) ease;align-items:center;gap:8px;margin-top:18px;padding:11px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.demo-trigger svg{flex-shrink:0;width:20px;height:20px}.demo-trigger-sub{color:var(--ink-tertiary);font-size:12px;font-weight:400}.demo-trigger:hover{background:var(--bg-page);border-color:var(--accent-deep)}.demo-trigger:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.hint-bar{background:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--ink-secondary);align-items:center;gap:8px;margin-bottom:22px;padding:12px 18px;font-size:14px;font-weight:500;line-height:1.5;display:flex}.hint-bar svg{color:var(--ink-tertiary);flex-shrink:0}.tasks{flex-direction:column;gap:22px;display:flex}.task-card{background:var(--bg-card);border-radius:var(--card-radius);border:1px solid var(--border-default);padding:26px}.task-head{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.task-num{width:32px;height:32px;color:var(--bg-page);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.task-head-text{flex:1;min-width:0}.task-title{color:var(--ink-primary);margin-bottom:4px;font-size:18px;font-weight:700}.task-scenario{color:var(--ink-secondary);font-size:14px;line-height:1.5}.task-flow{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}@media (width>=641px){.task-flow{flex-direction:row;gap:8px}}.tf-step{background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border-default);flex:1;gap:10px;padding:13px;display:flex}.tf-num{background:var(--bg-card);border:1px solid var(--border-default);width:22px;height:22px;color:var(--ink-tertiary);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.tf-content{flex-direction:column;gap:4px;min-width:0;display:flex}.tf-action{color:var(--ink-primary);font-size:13px;font-weight:600;line-height:1.4}.tf-tool{font-size:11px;font-weight:600}.tf-out{color:var(--ink-tertiary);font-size:12px}.task-pick{background:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;gap:4px;margin-bottom:18px;padding:13px 16px;display:flex}.pick-label{color:var(--ink-tertiary);letter-spacing:.05em;font-size:11px;font-weight:700}.pick-text{color:var(--ink-secondary);margin:0;font-size:13px;line-height:1.5}.task-tools{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=641px){.task-tools{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.tool-card{background:var(--bg-page);border-radius:var(--radius-lg);border:1px solid var(--border-default);color:inherit;transition:border-color var(--duration-fast) ease;flex-direction:column;gap:11px;padding:18px;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--ink-secondary);box-shadow:var(--shadow-sm)}.tool-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.tool-head{align-items:center;gap:10px;display:flex}.tool-ic{border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.tool-name{color:var(--ink-primary);font-size:16px;font-weight:600}.tool-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tool-badge{border-radius:var(--radius-full);padding:3px 10px;font-size:12px;font-weight:600}.diff-beginner{color:#1b7a37;background:#e4f6e9}.diff-intermediate{color:#b36a00;background:#fff3e0}.diff-advanced{color:#c41040;background:#ffe5ea}.tool-cost{color:var(--ink-tertiary);font-size:12px}.tool-field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--ink-tertiary);letter-spacing:.03em;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.field-value{color:var(--ink-secondary);font-size:13px;line-height:1.5}.field-quick{border-top:1px solid var(--border-default);padding-top:11px}.field-quick .field-label{color:var(--ink-secondary)}.field-quick .field-value{color:var(--ink-primary);font-weight:500}.task-tips{border-top:1px dashed var(--border-default);margin-top:18px;padding-top:18px}.tips-label{color:var(--ink-tertiary);letter-spacing:.05em;align-items:center;gap:4px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-flex}.tips-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tip-item{color:var(--ink-secondary);padding-left:18px;font-size:13px;line-height:1.5;position:relative}.tip-item:before{content:"";background:var(--border-default);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;left:0}details>summary{cursor:pointer;user-select:none;list-style:none}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▶";transition:transform var(--duration-fast) ease;opacity:.6;margin-right:8px;font-size:10px;display:inline-block}details[open]>summary:before{transform:rotate(90deg)}.task-details{border-top:1px dashed var(--border-default);margin-top:16px;padding-top:16px}.task-details-summary{color:var(--ink-secondary);padding:6px 0;font-size:13px;font-weight:600}.task-details-summary:hover{color:var(--ink-primary)}.task-details-body{padding-top:14px}.task-details-body .task-flow{margin-bottom:16px}.advanced-fold{margin-top:8px}.advanced-trigger{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--card-radius);color:var(--ink-primary);transition:border-color var(--duration-fast) ease;align-items:center;gap:10px;padding:18px 26px;font-size:15px;font-weight:600;display:flex}.advanced-trigger:hover{border-color:var(--ink-secondary)}.advanced-trigger-badge{color:var(--bg-card);background:var(--accent-primary);border-radius:var(--radius-full);letter-spacing:.05em;padding:3px 10px;font-size:11px;font-weight:700}.advanced-trigger-text{flex:1}.advanced-trigger-hint{color:var(--ink-tertiary);font-size:13px;font-weight:400}.advanced-fold[open] .advanced-trigger{border-radius:var(--card-radius) var(--card-radius) 0 0;border-bottom:none}.advanced-fold[open]>.tasks{border:1px solid var(--border-default);border-radius:0 0 var(--card-radius) var(--card-radius);border-top:none;margin-top:0;padding:22px}.pipeline-fold{margin-top:8px}.pipeline-trigger{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--card-radius);color:var(--ink-primary);transition:border-color var(--duration-fast) ease;align-items:center;gap:10px;padding:16px 26px;font-size:15px;font-weight:600;display:flex}.pipeline-trigger:hover{border-color:var(--ink-secondary)}.pipeline-trigger-text{flex:1}.pipeline-hint{color:var(--ink-tertiary);font-size:12px;font-weight:400;font-family:var(--font-mono,monospace)}.task-card--advanced{border-color:var(--border-default);position:relative}.task-card--advanced:before{content:"";background:var(--accent-primary);opacity:.5;border-radius:var(--card-radius) 0 0 var(--card-radius);width:3px;position:absolute;top:0;bottom:0;left:0}.advanced-tag{color:var(--ink-secondary);background:var(--bg-page);border:1px solid var(--border-default);border-radius:var(--radius-full);letter-spacing:.05em;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.demo-section{padding:28px 0 48px;scroll-margin-top:80px}.demo-section-head{text-align:center;margin-bottom:18px}.demo-section-title{color:var(--ink-primary);letter-spacing:-.02em;font-size:22px;font-weight:700}.demo-section-sub{color:var(--ink-tertiary);margin-top:6px;font-size:14px}.demo-player-wrap{border-radius:var(--card-radius);border:1px solid var(--border-default);background:#1a1816;max-width:1100px;margin:0 auto;position:relative;overflow:hidden}.demo-player-frame{background:#1a1816;border:none;width:100%;height:580px;display:block}.demo-hint{color:var(--ink-tertiary);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:13px;display:flex}.demo-hint svg{color:var(--ink-tertiary);flex-shrink:0}.role-hero--workflow .hero-title,.role-body--workflow .block-title,.role-body--workflow .task-title,.role-body--workflow .advanced-trigger-text,.demo-section .demo-section-title{font-family:"Source Serif 4",Georgia,Songti SC,STSong,serif}.role-hero--workflow .hero-text{align-items:flex-start;gap:16px}.role-hero--workflow .role-icon{border-radius:20px;width:72px;height:72px;margin-top:-8px}.role-hero--workflow .hero-words{padding-top:4px}@media (prefers-reduced-motion:no-preference){.role-hero--workflow .hero-text,.role-body--workflow .story-block,.role-body--workflow .advanced-fold,.role-body--workflow .pipeline-fold,.demo-section{animation:.5s ease-out both reveal-up}.role-hero--workflow .hero-text{animation-delay:50ms}.role-body--workflow .story-block{animation-delay:.1s}.role-body--workflow .advanced-fold{animation-delay:.2s}.role-body--workflow .pipeline-fold{animation-delay:.3s}.demo-section{animation-delay:.5s}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.role-body--workflow .task-card,.role-body--workflow .tool-card{transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease}.role-body--workflow .task-card:hover{transform:translateY(-2px);box-shadow:2px 16px #1c1a170f}.role-body--workflow .tool-card:hover{transform:translateY(-1px)}}.role-body--workflow .task-card--featured{border-color:var(--accent-primary);position:relative}.role-body--workflow .task-card--featured:before{content:"";background:var(--accent-primary);border-radius:var(--card-radius) 0 0 var(--card-radius);width:3px;position:absolute;top:0;bottom:0;left:0}.role-body--workflow .task-card--featured:after{content:"从这里开始";color:var(--bg-card);background:var(--accent-primary);border-radius:var(--radius-full);letter-spacing:.08em;font-size:11px;font-weight:700;font-family:var(--font-sans);padding:3px 12px;position:absolute;top:-11px;left:22px}.role-body--workflow .task-card--advanced:before{opacity:1;width:4px}.role-body--workflow .advanced-tag{background:var(--accent-primary);color:var(--bg-card);border:none;font-weight:700}.role-body--workflow .block-title{padding-left:14px;position:relative}.role-body--workflow .block-title:before{content:"";background:var(--accent-primary);border-radius:8px;width:4px;position:absolute;top:5px;bottom:5px;left:0}.role-body--workflow .tool-ic{opacity:.85;border-radius:8px;width:24px;height:24px}.role-body--workflow .demo-trigger{background:var(--accent-primary);color:var(--bg-card);border-color:var(--accent-primary)}.role-body--workflow .demo-trigger svg{color:var(--bg-card)}.role-body--workflow .demo-trigger-sub{color:var(--bg-card);opacity:.75}.role-body--workflow .demo-trigger:hover{background:var(--accent-deep);border-color:var(--accent-deep)}@media (width<=768px){.hero-grid{flex-direction:column;align-items:flex-start;gap:14px}.hero-text{flex-direction:column;align-items:flex-start;gap:12px}.task-head{flex-direction:column;gap:8px}.hint-bar{padding:10px 14px;font-size:13px}.workflow-block,.task-card{padding:20px}.demo-player-frame{height:460px}.role-hero--workflow .hero-text{gap:12px}.role-hero--workflow .role-icon{margin-top:0}}@media (prefers-reduced-motion:reduce){.demo-trigger,.tool-card,.back-link,.advanced-trigger,.pipeline-trigger,.task-details-summary,details>summary:before{transition:none}}