@charset "UTF-8";

.article-page{overflow:clip;background:var(--paper)}
.article-page .site-header{position:absolute}
.article-hero{min-height:760px;padding:150px clamp(22px,7vw,110px) 90px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:70px;align-items:center;background:var(--ink);color:#fff;position:relative;isolation:isolate}
.article-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 14% 20%,rgba(143,108,255,.2),transparent 38%),radial-gradient(circle at 86% 72%,rgba(92,240,255,.13),transparent 33%)}
.breadcrumb{display:flex;gap:10px;align-items:center;margin-bottom:55px;font-size:9px;letter-spacing:.17em;color:rgba(255,255,255,.55)}
.breadcrumb a:hover{color:var(--lime)}
.article-label,.section-kicker{margin:0 0 18px;font-size:10px;font-weight:900;letter-spacing:.2em}
.article-label{color:var(--lime)}
.article-hero h1{margin:0;max-width:850px;font-size:clamp(46px,5vw,74px);line-height:1.08;letter-spacing:-.06em;text-wrap:balance}
.article-hero h1 span,.article-hero h1 em{display:block}.article-hero h1 em{color:var(--lime);font-style:normal}
.article-lead{max-width:780px;margin:32px 0 0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.95}
.article-byline{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:32px;color:rgba(255,255,255,.55);font-size:10px}
.article-byline span{padding:6px 10px;border-radius:999px;background:var(--lime);color:var(--ink);font-weight:900}
.workflow-visual{min-width:0;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;transform:rotate(2deg)}
.workflow-card{position:relative;min-height:140px;padding:24px;border:1px solid rgba(255,255,255,.28);border-radius:22px;display:grid;align-content:space-between;box-shadow:0 20px 50px rgba(0,0,0,.2)}
.workflow-card small,.workflow-card span{font-size:8px;font-weight:900;letter-spacing:.18em}
.workflow-card strong{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.06em}
.workflow-visual>i{font-style:normal;color:var(--lime)}
.flow-card{grid-column:1;background:linear-gradient(135deg,var(--violet),#6e8dff)}
.music-card{grid-column:1;margin-left:10%;background:linear-gradient(135deg,var(--orange),#ffad6b);color:var(--ink)}
.edit-card{grid-column:1;margin-left:20%;background:linear-gradient(135deg,var(--cyan),#8affcf);color:var(--ink)}
.workflow-visual>i:nth-of-type(1){grid-column:2;grid-row:1}
.workflow-visual>i:nth-of-type(2){grid-column:2;grid-row:2}

.article-layout{max-width:1320px;margin:0 auto;padding:90px clamp(22px,5vw,72px) 130px;display:grid;grid-template-columns:220px minmax(0,860px);gap:clamp(55px,8vw,120px);align-items:start}
.article-toc{position:sticky;top:28px;display:grid;border-top:1px solid var(--line)}
.article-toc>p{margin:0;padding:20px 0 16px;font-size:10px;font-weight:900;letter-spacing:.18em}
.article-toc a{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:14px 0;border-top:1px solid var(--line);font-size:12px;font-weight:800}
.article-toc a span{color:var(--muted);font-size:9px}
.article-toc a:hover{color:#6845e8}
.article-body{min-width:0}
.article-notice{margin:0 0 70px;padding:24px 26px;border-left:5px solid var(--violet);background:#fff;color:var(--muted);font-size:12px;line-height:1.9}
.article-section{scroll-margin-top:24px;padding:0 0 95px;margin-bottom:95px;border-bottom:1px solid var(--line)}
.article-section h2{margin:0 0 34px;font-size:clamp(32px,4vw,54px);line-height:1.25;letter-spacing:-.045em;text-wrap:balance}
.article-section>p:not(.section-kicker){font-size:16px;line-height:2;color:#4f515b}
.section-kicker{color:#6b43ed}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:42px 0}
.role-grid article{min-height:220px;padding:24px;border-radius:20px;background:var(--ink);color:#fff}
.role-grid article:nth-child(1){border-top:7px solid var(--violet)}
.role-grid article:nth-child(2){border-top:7px solid var(--orange)}
.role-grid article:nth-child(3){border-top:7px solid var(--cyan)}
.role-grid span{font-size:9px;color:rgba(255,255,255,.5)}
.role-grid b{display:block;margin:45px 0 14px;font-size:22px}
.role-grid p{margin:0;color:rgba(255,255,255,.66);font-size:13px;line-height:1.75}
.recommend-box{padding:28px 32px;border-radius:22px;background:var(--lime)}
.recommend-box>b{font-size:18px}
.recommend-box ul{margin:18px 0 0;padding-left:1.3em;display:grid;gap:9px;font-size:14px}
.plan-sheet{margin:40px 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff}
.plan-sheet div{padding:24px;border-bottom:1px solid var(--line)}
.plan-sheet div:nth-child(odd){border-right:1px solid var(--line)}
.plan-sheet div:nth-last-child(-n+2){border-bottom:0}
.plan-sheet small{display:block;margin-bottom:12px;color:#6b43ed;font-size:9px;font-weight:900;letter-spacing:.16em}
.plan-sheet p{margin:0;font-size:14px;line-height:1.75}
.tool-heading{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:start;margin-bottom:34px}
.tool-heading>span{display:grid;place-items:center;min-height:110px;border-radius:20px;font-size:13px;font-weight:900;letter-spacing:.12em}
.tool-heading h2{margin-bottom:0}
.tool-flow .tool-heading>span{background:var(--violet);color:#fff}
.tool-music .tool-heading>span{background:var(--orange)}
.tool-capcut .tool-heading>span{background:var(--cyan)}
.step-list{margin:42px 0;padding:0;border-top:1px solid var(--line);list-style:none}
.step-list li{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}
.step-list li>span{padding-top:4px;font-size:9px;font-weight:900;letter-spacing:.14em;color:#6b43ed}
.step-list h3{margin:0 0 10px;font-size:20px}
.step-list p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}
.prompt-box{margin:40px 0;padding:30px;border-radius:22px;background:var(--ink);color:#fff}
.prompt-box>p{margin:0 0 18px;color:var(--lime);font-size:9px;font-weight:900;letter-spacing:.17em}
.prompt-box code{display:block;white-space:normal;font-family:inherit;font-size:15px;line-height:1.9}
.prompt-box small{display:block;margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.58);font-size:11px;line-height:1.8}
.fact-note{display:grid;grid-template-columns:150px 1fr;gap:18px 30px;margin-top:35px;padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff}
.fact-note>b{font-size:12px}
.fact-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.85}
.fact-note a{grid-column:2;font-size:11px;font-weight:900;text-decoration:underline;text-underline-offset:4px}
.edit-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:40px 0}
.edit-checks article{padding:23px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.edit-checks b{font-size:17px}
.edit-checks p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.publish-section{padding:55px;background:var(--ink);color:#fff;border:0;border-radius:28px}
.publish-section .section-kicker{color:var(--lime)}
.publish-list{margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.18)}
.publish-list li{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);font-size:14px;line-height:1.65}
.publish-list span{color:var(--lime);font-size:9px;font-weight:900}
.legal-note{margin:25px 0 0!important;color:rgba(255,255,255,.55)!important;font-size:11px!important;line-height:1.8!important}
.sources-section ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.sources-section li{border-bottom:1px solid var(--line)}
.sources-section a{display:grid;grid-template-columns:190px 1fr auto;gap:22px;align-items:center;padding:20px 0}
.sources-section b{font-size:13px}.sources-section span{color:var(--muted);font-size:13px}.sources-section i{font-style:normal}
.article-cta{padding:48px;border-radius:28px;background:linear-gradient(135deg,var(--violet),var(--cyan) 60%,var(--lime));color:var(--ink)}
.article-cta>p{margin:0;font-size:9px;font-weight:900;letter-spacing:.2em}
.article-cta h2{margin:28px 0 18px;font-size:clamp(34px,4.5vw,58px);line-height:1.1;letter-spacing:-.055em}
.article-cta>span{display:block;max-width:600px;font-size:14px;line-height:1.8}
.article-cta a{display:inline-flex;margin-top:30px;padding:14px 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:900}

@media(max-width:1050px){
  .article-hero{grid-template-columns:1fr;padding-top:140px}.workflow-visual{max-width:700px;width:100%;grid-template-columns:1fr auto}.workflow-card{min-height:115px}.workflow-card strong{font-size:42px}
  .article-layout{grid-template-columns:1fr}.article-toc{position:relative;top:auto;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:10px}.article-toc>p{grid-column:1/-1}.article-toc a{padding-right:14px}
}
@media(max-width:700px){
  .article-hero{min-height:auto;padding:115px 20px 64px;gap:46px}.breadcrumb{margin-bottom:34px}.article-hero h1{font-size:clamp(39px,11.5vw,53px);line-height:1.13}.article-lead{font-size:14px;line-height:1.8}.workflow-visual{grid-template-columns:1fr}.workflow-card{grid-column:1!important;margin-left:0!important}.workflow-visual>i{display:none}
  .article-layout{padding:52px 20px 88px;gap:42px}.article-toc{grid-template-columns:1fr 1fr}.article-toc a{grid-template-columns:28px 1fr;font-size:11px}
  .article-notice{margin-bottom:58px;padding:20px}.article-section{padding-bottom:68px;margin-bottom:68px}.article-section h2{font-size:clamp(29px,8.8vw,37px);line-height:1.3}.article-section h2 br{display:none}.article-section>p:not(.section-kicker){font-size:14px;line-height:1.9}
  .role-grid{grid-template-columns:1fr}.role-grid article{min-height:165px}.role-grid b{margin-top:28px}.plan-sheet{grid-template-columns:1fr}.plan-sheet div,.plan-sheet div:nth-child(odd){border-right:0;border-bottom:1px solid var(--line)}.plan-sheet div:nth-last-child(2){border-bottom:1px solid var(--line)}
  .tool-heading{grid-template-columns:74px 1fr;gap:16px}.tool-heading>span{min-height:74px;border-radius:15px;font-size:10px}.step-list li{grid-template-columns:1fr;gap:8px}.prompt-box{padding:24px}.fact-note{grid-template-columns:1fr;gap:12px}.fact-note a{grid-column:1}.edit-checks{grid-template-columns:1fr}
  .publish-section{padding:34px 24px}.publish-list li{grid-template-columns:32px 1fr}.sources-section a{grid-template-columns:1fr auto;gap:7px 12px}.sources-section b{grid-column:1}.sources-section span{grid-column:1}.sources-section i{grid-column:2;grid-row:1/3}.article-cta{padding:34px 26px}
}