.site-nav a[aria-current="page"]{color:var(--violet)}
.article-shell{display:grid;grid-template-columns:210px minmax(0,820px);justify-content:center;gap:54px;padding:54px 0 110px}
.article-toc{position:sticky;top:110px;align-self:start;padding-top:54px}.article-toc>p{margin:0 0 14px;color:var(--ink);font-size:1.0625rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.article-toc nav{border-left:1px solid var(--line)}.article-toc a{display:block;padding:8px 0 8px 18px;color:#747480;font-size:.9375rem;line-height:1.4}.article-toc a:hover,.article-toc a.active{color:var(--violet)}.article-toc a.active{margin-left:-1px;border-left:2px solid var(--violet);font-weight:750}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;color:#8a8994;font-size:.9375rem}.breadcrumbs a:hover{color:var(--violet)}
.article-category{display:inline-block;margin-bottom:13px;color:var(--violet);font-size:.8125rem;font-weight:700;letter-spacing:.12em}.article-hero h1{max-width:810px;margin-bottom:18px;font-size:clamp(2.65rem,5vw,4.35rem);line-height:1.02}.dek{max-width:760px;margin-bottom:18px;font-size:1.15rem;line-height:1.55}.article-byline{display:flex;flex-wrap:wrap;gap:10px 20px;color:#84838e;font-size:.9375rem;font-weight:650}.article-byline>*+*::before{margin-right:20px;content:"•";color:#c0bec6}
.hero-visual{position:relative;display:flex;min-height:365px;align-items:center;justify-content:space-between;overflow:hidden;margin:34px 0 18px;padding:48px;border-radius:26px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(179,51,235,.8),transparent 35%),linear-gradient(135deg,#263b84,#6f6ddf 55%,#8dceef)}.hero-visual::after{position:absolute;inset:0;content:"";background:linear-gradient(110deg,transparent 55%,rgba(255,255,255,.16));pointer-events:none}.hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}.hero-copy strong{font-size:3.15rem;line-height:.98;letter-spacing:-.055em}.hero-copy span{color:rgba(255,255,255,.86);font-size:.9rem}.app-window{position:relative;z-index:1;width:54%;overflow:hidden;border:8px solid #252735;border-radius:12px;background:#fff;box-shadow:0 25px 60px rgba(12,16,50,.38);transform:perspective(800px) rotateY(-5deg)}.app-top{display:flex;gap:4px;padding:8px;background:#f0eff5}.app-top i{width:6px;height:6px;border-radius:50%;background:#bebbc8}.app-layout{display:grid;grid-template-columns:31% 1fr;min-height:210px}.app-side{display:flex;flex-direction:column;gap:12px;padding:20px 12px;color:#72707d;background:#f5f4f8;font-size:.75rem}.app-side b{color:#7C4DE9}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:25px 15px}.album-grid i{display:grid;aspect-ratio:1;place-items:center;border-radius:5px;color:rgba(255,255,255,.7);background:linear-gradient(145deg,#a124e2,#437ee3);font-size:.75rem;font-style:normal}.album-grid i:nth-child(2n){background:linear-gradient(145deg,#f187b9,#8349d2)}.album-grid i:nth-child(3n){background:linear-gradient(145deg,#49a9d5,#274b91)}
.quick-answer{display:grid;grid-template-columns:32px 1fr;gap:14px;margin:0 0 18px;padding:24px 28px;border:1px solid #ebe7fb;border-radius:17px;background:#f7f6ff;box-shadow:var(--shadow-sm)}.quick-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:var(--gradient);font-weight:700}.quick-answer h2{margin:3px 0 8px;color:#7C4DE9;font-size:1rem;letter-spacing:-.02em}.quick-answer p{margin:0;color:#575566;font-size:1.0625rem}
.product-intro{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;overflow:hidden;margin:18px 0 42px;padding:30px;border:1px solid #dfdaf7;border-radius:22px;background:linear-gradient(135deg,#f7f3ff,#eef5ff);box-shadow:var(--shadow-sm)}.product-name{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--ink);font-size:.9375rem}.product-mark{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:11px;color:#fff;background:var(--gradient);font-size:1.35rem;font-weight:700;font-style:italic;box-shadow:0 8px 18px rgba(113,54,223,.2)}.product-intro h2{margin-bottom:10px;font-size:1.65rem}.product-intro p{margin-bottom:15px;font-size:1.0625rem;line-height:1.55}.product-intro ul{display:flex;flex-wrap:wrap;gap:7px 15px;margin:0 0 20px;padding:0;list-style:none;color:#454452;font-size:.8125rem;font-weight:700}.product-intro li::before{margin-right:6px;color:#7C4DE9;content:"✓"}.product-action{display:flex;align-items:center;gap:14px}.product-action .button{min-height:46px;padding:0 21px;border-radius:12px;font-size:.9375rem}.product-action small{color:#7d7b88;font-size:.8125rem}.product-ui{align-self:center;overflow:hidden;border:1px solid #ddd9e7;border-radius:10px;background:#fff;box-shadow:0 16px 35px rgba(37,24,82,.15);transform:rotate(1deg)}.mini-bar{display:flex;gap:4px;padding:8px;background:#f1eff7}.mini-bar span{width:5px;height:5px;border-radius:50%;background:#c1bdcc}.mini-body{display:grid;grid-template-columns:25% 1fr;min-height:170px}.mini-side{background:#f4f3f7}.mini-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:20px 10px}.mini-covers i{aspect-ratio:1;border-radius:4px;background:linear-gradient(145deg,#7a55e4,#5cb2e2)}.mini-covers i:nth-child(2n){background:linear-gradient(145deg,#e46eae,#8650dd)}
.content-section{scroll-margin-top:110px;margin:0 0 46px}.content-section h2{margin-bottom:14px;font-size:1.75rem;letter-spacing:-.035em}.content-section p{margin-bottom:18px;font-size:1.0625rem}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 25px;padding:0;list-style:none}.check-list li{position:relative;padding-left:25px;color:#4c4b58;font-size:1.0625rem}.check-list li::before{position:absolute;left:0;color:#4f72e9;content:"●"}.folder-tree{display:flex;align-items:center;gap:9px;margin:22px 0;padding:19px 22px;border:1px solid var(--line);border-radius:14px;background:#fafafd;color:#4d4b58;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.folder-tree span+span::before{margin-right:9px;color:#aaa7b3;content:"/"}.tip{display:grid;grid-template-columns:auto 1fr;gap:15px;margin-top:24px;padding:20px 22px;border-left:3px solid #7b45e8;border-radius:0 12px 12px 0;background:#f7f4fd}.tip strong{color:#7C4DE9}.tip p{margin:0;font-size:1.0625rem}.step-list{counter-reset:steps;margin:24px 0 0;padding:0;list-style:none}.step-list li{position:relative;display:grid;grid-template-columns:1fr;gap:2px;margin-bottom:17px;padding-left:48px}.step-list li::before{position:absolute;left:0;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#6654df;counter-increment:steps;content:counter(steps);font-size:1.0625rem;font-weight:700}.step-list b{color:var(--ink);font-size:1.0625rem}.step-list span{color:var(--muted);font-size:1.0625rem}
.inline-download{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:-10px 0 48px;padding:20px 22px;border:1px solid #ded9f6;border-radius:17px;background:linear-gradient(110deg,#f5f0ff,#edf5ff);box-shadow:var(--shadow-sm)}.inline-download strong{display:block;margin-bottom:2px;color:var(--ink)}.inline-download p{margin:0;font-size:1.0625rem}.inline-download>div:last-child{display:flex;flex-direction:column;align-items:center;gap:5px}.inline-download .button{min-height:44px;padding:0 22px;border-radius:11px;font-size:.9375rem}.inline-download small{color:#777583;font-size:.8125rem}
.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.metadata-grid div{padding:18px;border:1px solid var(--line);border-radius:13px}.metadata-grid strong,.metadata-grid span{display:block}.metadata-grid strong{margin-bottom:5px;color:var(--ink);font-size:.9375rem}.metadata-grid span{color:var(--muted);font-size:.9375rem}blockquote{margin:24px 0;padding:22px 24px;border-radius:14px;color:#7C4DE9;background:#f5f1ff;font-size:1.0625rem;font-weight:650}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:.9375rem}th,td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:left}th{color:#383643;background:#f6f5f8}th:last-child,td:last-child{background:#f8f5ff;color:#7C4DE9}tbody tr:last-child td{border-bottom:0}.two-col-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two-col-checks label{display:flex;gap:10px;align-items:center;color:#504f5b;font-size:1.0625rem}.two-col-checks input{width:18px;height:18px;accent-color:#7C4DE9}
.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:17px 3px;color:var(--ink);font-weight:720;cursor:pointer}.faq details p{padding:0 3px 18px;margin:0;font-size:1.0625rem}.author-box{display:flex;gap:17px;margin:58px 0 48px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.author-avatar{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border-radius:50%;color:#fff;background:var(--gradient);font-weight:700}.author-box span,.author-box strong{display:block}.author-box span{color:#888691;font-size:.8125rem;text-transform:uppercase}.author-box strong{color:var(--ink)}.author-box p{margin:4px 0 0;font-size:1.0625rem}
.related{margin-bottom:54px}.related-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.related-head h2{margin:0;font-size:1.6rem}.related-head a{color:var(--violet);font-size:.9375rem;font-weight:700}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.related-grid>a{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.related-art{display:block;height:112px;background:#ccc}.art-one{background:linear-gradient(145deg,#1b1741,#8836cb)}.art-two{background:linear-gradient(145deg,#e7dff5,#7251c9)}.art-three{background:linear-gradient(145deg,#ef78bd,#554bd7)}.related-grid strong,.related-grid small{display:block}.related-grid strong{padding:13px 13px 6px;color:var(--ink);font-size:.9375rem;line-height:1.35}.related-grid small{padding:0 13px 14px;color:#8a8894;font-size:.8125rem}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px;border-radius:20px;background:linear-gradient(120deg,#f3edff,#eaf4ff)}.final-cta span{font-size:.8125rem;font-weight:700;letter-spacing:.1em}.final-cta h2{margin:5px 0 5px;font-size:1.65rem}.final-cta p{margin:0;font-size:1.0625rem}.final-cta .button{flex:0 0 auto;min-height:48px;padding:0 23px;border-radius:12px;font-size:.9375rem}
.sticky-download[hidden]{display:none}.sticky-download{position:fixed;right:20px;bottom:18px;left:20px;z-index:70;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:15px;width:min(calc(100% - 40px),920px);margin:auto;padding:10px 13px;border:1px solid #dedce5;border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 16px 50px rgba(23,15,45,.19);backdrop-filter:blur(15px)}.sticky-download strong,.sticky-download small{display:block}.sticky-download strong{color:var(--ink);font-size:1rem}.sticky-download small{color:#898793;font-size:.9375rem}.sticky-download .product-mark{width:36px;height:36px;flex-basis:36px;font-size:1.15rem}.sticky-download .button{min-height:42px;padding:0 21px;border-radius:10px;font-size:.9375rem}.sticky-download button{width:32px;height:32px;border:0;color:#7d7b88;background:transparent;font-size:1.35rem;cursor:pointer}
@media(max-width:950px){.article-shell{grid-template-columns:1fr;max-width:820px}.article-toc{display:none}.article-main{min-width:0}}
@media(max-width:680px){.article-shell{padding-top:34px}.article-hero h1{font-size:2.65rem}.article-byline>*+*::before{display:none}.hero-visual{min-height:420px;align-items:flex-start;padding:30px}.hero-copy strong{font-size:2.5rem}.app-window{position:absolute;right:25px;bottom:25px;width:78%}.product-intro{grid-template-columns:1fr;padding:23px}.product-ui{display:none}.product-action{align-items:flex-start;flex-direction:column}.check-list,.metadata-grid,.two-col-checks{grid-template-columns:1fr}.folder-tree{align-items:flex-start;flex-direction:column}.folder-tree span+span::before{content:"└ ";}.inline-download{grid-template-columns:auto 1fr}.inline-download>div:last-child{grid-column:1/-1;width:100%}.inline-download .button{width:100%}.related-grid{grid-template-columns:1fr}.final-cta{align-items:flex-start;flex-direction:column}.sticky-download{grid-template-columns:auto 1fr auto}.sticky-download .button{grid-column:1/-1;width:100%}.sticky-download button{position:absolute;top:8px;right:8px}.sticky-download strong{padding-right:20px}}