.layout{display:flex;min-height:100vh}.sidebar{width:280px;flex-shrink:0;background:var(--card);border-right:1px solid var(--line);position:sticky;top:54px;height:calc(100vh - 54px);overflow-y:auto;padding:24px 0 40px;z-index:10}.sidebar-brand{padding:0 20px 20px;border-bottom:1px solid var(--line)}.sidebar-brand h1{font-size:18px;font-weight:800;color:var(--primary);letter-spacing:.5px}.sidebar-brand p{font-size:12px;color:var(--muted);margin-top:4px}.nav-section{padding:12px 0}.nav-section-title{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:1px;padding:8px 20px;text-transform:uppercase}.nav-item{display:block;padding:7px 20px 7px 28px;font-size:13.5px;color:var(--ink);text-decoration:none;border-left:3px solid transparent;transition:.15s;line-height:1.5}.nav-item:hover{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary)}.nav-item.sub{padding-left:40px;font-size:12.5px;color:var(--muted)}.main{flex:1;min-width:0;padding:40px 48px 80px;max-width:920px;margin:0 auto}.nav-arrow{display:inline-block;width:12px;font-size:9px;transition:transform .2s ease;color:var(--muted);margin-right:2px}.nav-collapsed .nav-arrow{transform:rotate(-90deg)}.nav-section-content{overflow:hidden;transition:height .2s ease}.nav-section-collapsed .nav-section-content{display:none}.nav-children{overflow:hidden}.nav-children-collapsed{display:none}.nav-parent-title{display:flex;align-items:center;padding:7px 20px 7px 28px;font-size:13.5px;font-weight:700;color:var(--ink);cursor:pointer;text-decoration:none;border-left:3px solid transparent;transition:.15s;line-height:1.5}.nav-parent-title:hover{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary)}.nav-parent-title .nav-arrow{margin-right:4px;color:var(--primary)}.nav-children .nav-item{padding-left:52px;font-size:12.5px;color:var(--muted)}.role-section{margin-bottom:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.role-section-header{padding:14px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;background:linear-gradient(90deg,var(--primary-light) 0%,transparent 100%);border-bottom:1px solid var(--line);transition:.15s}.role-section-header:hover{background:linear-gradient(90deg,#D6E4FF 0%,transparent 100%)}.role-section-header .role-icon{font-size:20px}.role-section-header .role-name{font-size:15px;font-weight:800;color:var(--primary)}.role-section-header .role-count{font-size:11px;color:var(--muted);margin-left:auto}.role-section-body{padding:16px 20px}.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.pain-item{background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:10px 14px}.pain-item .pain-tag{font-size:11px;font-weight:700;color:#b91c1c;background:#fee2e2;border-radius:4px;padding:1px 6px;margin-bottom:6px;display:inline-block}.pain-item p{font-size:12.5px;color:var(--ink);line-height:1.7}.sol-item{background:#ecfdf5;border:1px solid #A7F3D0;border-radius:8px;padding:10px 14px}.sol-item .sol-tag{font-size:11px;font-weight:700;color:#065f46;background:#d1fae5;border-radius:4px;padding:1px 6px;margin-bottom:6px;display:inline-block}.sol-item p{font-size:12.5px;color:var(--ink);line-height:1.7}.sol-item .sol-skill{font-size:11px;color:var(--purple);font-weight:600;margin-top:4px}.doc-block{background:#f8fafc;border:1px solid var(--line);border-radius:8px;margin:14px 0;overflow:hidden}.doc-block-header{padding:10px 16px;background:var(--primary-light);font-size:13px;font-weight:700;color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:6px}.doc-block-header:hover{background:#d6e4ff}.doc-block-body{padding:14px 18px;display:block}.doc-block-body.collapsed{display:none}.doc-step{display:flex;gap:10px;margin:10px 0;align-items:flex-start}.doc-step-num{flex-shrink:0;min-width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.doc-step-content{flex:1;font-size:13px;line-height:1.7;color:var(--ink)}.doc-step-content b{color:var(--primary)}.doc-warn{background:#fef3c7;border-left:3px solid var(--orange);border-radius:0 6px 6px 0;padding:8px 12px;margin:8px 0;font-size:12.5px;color:#92400e}.doc-tip{background:#ecfdf5;border-left:3px solid var(--teal);border-radius:0 6px 6px 0;padding:8px 12px;margin:8px 0;font-size:12.5px;color:#065f46}.doc-meta-box{background:#f1f5f9;border:1px solid var(--line);border-radius:6px;padding:8px 12px;margin:10px 0;font-size:12px;color:var(--ink-light);display:flex;flex-wrap:wrap;gap:6px 16px}.doc-meta-box b{color:var(--ink)}.doc-chapter{margin:14px 0;padding-top:10px;border-top:1px dashed var(--line)}.doc-chapter:first-child{border-top:none;padding-top:0}.doc-chapter-title{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:8px;padding-bottom:4px;border-bottom:2px solid var(--primary-light)}.doc-sub{margin:10px 0 6px;padding-left:12px;border-left:3px solid var(--teal)}.doc-sub-title{font-size:13px;font-weight:700;color:var(--teal);margin-bottom:4px}.doc-checklist{list-style:none;padding-left:0;margin:8px 0}.doc-checklist li{font-size:13px;line-height:1.8;color:var(--ink);padding-left:4px}.doc-checklist li:before{content:"☐ "}.doc-summary{background:var(--primary-light);border-radius:6px;padding:10px 14px;margin:10px 0;font-size:12.5px;color:var(--primary-dark);line-height:1.7}.doc-summary b{color:var(--primary)}.doc-faq{margin:8px 0}.doc-faq-item{margin:6px 0;padding:8px 10px;background:#fff7ed;border-radius:4px;font-size:12.5px}.doc-faq-item b{color:var(--orange)}.doc-table-wrap{overflow-x:auto;margin:8px 0}.doc-table-wrap table{width:100%;border-collapse:collapse;font-size:12px}.doc-table-wrap th{background:var(--primary);color:#fff;padding:6px 8px;text-align:left;font-weight:600}.doc-table-wrap td{padding:6px 8px;border:1px solid var(--line);vertical-align:top}.doc-table-wrap tr:nth-child(2n) td{background:#f8fafc}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:16px;padding:40px 36px;margin-bottom:32px;box-shadow:0 8px 32px #0052d92e}.hero h1{font-size:28px;font-weight:800;letter-spacing:1px}.hero .subtitle{font-size:15px;opacity:.85;margin-top:8px;line-height:1.7}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.hero-meta span{font-size:12px;background:#ffffff2e;padding:4px 12px;border-radius:20px;font-weight:600}.chapter{margin-bottom:48px;scroll-margin-top:20px}.chapter-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary)}.chapter-icon{width:36px;height:36px;border-radius:10px;background:var(--primary);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chapter-title{font-size:22px;font-weight:800;color:var(--ink)}.chapter-title small{font-size:13px;font-weight:500;color:var(--muted);margin-left:8px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow)}.card h3{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:10px}.card p{font-size:14px;color:var(--ink);margin-bottom:8px}.card ul{padding-left:20px;margin:8px 0}.card li{font-size:14px;margin:4px 0}.intro-box{background:var(--primary-light);border-left:4px solid var(--primary);border-radius:0 8px 8px 0;padding:14px 20px;margin-bottom:20px}.intro-box p{font-size:14px;color:var(--ink)}.table-wrap{overflow-x:auto;margin:12px 0}table{border-collapse:collapse;width:100%;font-size:13.5px;background:#fff}th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}th{background:var(--primary-light);color:var(--primary);font-weight:700}tr:nth-child(2n) td{background:#fafbfc}.badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 10px;border-radius:20px;margin:0 2px}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-green{background:#e6f9f5;color:#0a9580}.badge-purple{background:#f0ebff;color:var(--purple)}.badge-orange{background:#fef3c7;color:#b45309}.badge-red{background:#fee2e2;color:#b91c1c}.badge-gray{background:#f3f4f6;color:var(--muted)}.stage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0}.stage-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow);border-top:4px solid var(--primary)}.stage-card.s2{border-top-color:var(--teal)}.stage-card.s3{border-top-color:var(--purple)}.stage-card.s4{border-top-color:var(--orange)}.stage-card h4{font-size:15px;font-weight:800;margin-bottom:8px}.stage-card .stage-tag{font-size:11px;font-weight:700;padding:2px 10px;border-radius:20px;display:inline-block;margin-bottom:8px}.stage-card .stage-meta{font-size:12px;color:var(--muted);margin-bottom:10px}.stage-card ul{padding-left:18px}.stage-card li{font-size:13px;margin:3px 0;color:var(--ink)}.skill-search-box{position:relative;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 14px;margin:0 0 16px;box-shadow:0 1px 3px #0000000a}.skill-search-icon{font-size:18px;color:var(--ink-light);flex-shrink:0}.skill-search-input{flex:1;border:none;outline:none;font-size:14px;color:var(--ink);background:transparent;padding:0 4px}.skill-search-input::placeholder{color:#aab2c0}.skill-search-clear{cursor:pointer;border:none;background:transparent;color:var(--ink-light);font-size:16px;padding:4px 8px;border-radius:4px;transition:all .15s}.skill-search-clear:hover{background:#f0f2f5;color:var(--ink)}.skill-search-count{font-size:12px;color:var(--primary);font-weight:600;flex-shrink:0;padding:0 4px}.skill-cat{margin-bottom:24px}.skill-cat-title{font-size:15px;font-weight:700;color:var(--primary);padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:10px}.adv-topic{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--purple);border-radius:var(--radius);padding:18px 22px;margin-bottom:16px;box-shadow:var(--shadow)}.adv-topic h4{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:6px;display:flex;align-items:center;gap:8px}.adv-topic .adv-status{font-size:11px}.adv-topic p{font-size:13.5px;color:var(--ink);line-height:1.8;margin-top:6px}.adv-topic .adv-date{font-size:11px;color:var(--muted);margin-top:8px}.pdf-list{list-style:none;padding:0}.pdf-list li{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin-bottom:8px;font-size:14px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow)}.pdf-list .pdf-icon{font-size:20px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.role-card{background:#f8fafc;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:8px;padding:12px 14px}.role-card .rn{font-size:13.5px;font-weight:700;color:var(--primary);margin-bottom:4px}.role-card .rc{font-size:12.5px;color:var(--ink);line-height:1.6}.step-flow{margin:16px 0}.step{display:flex;gap:14px;padding-bottom:16px;position:relative}.step:last-child{padding-bottom:0}.step:before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--line)}.step:last-child:before{display:none}.step .sn{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:1}.step-main{flex:1;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:10px 16px}.step-main .st{font-size:14px;font-weight:700;color:var(--primary)}.step-main .sd{font-size:13px;color:var(--ink);line-height:1.7;margin-top:4px}.stage-full{margin-bottom:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);padding:0 22px}.stage-full.sf1{border-top:4px solid var(--primary)}.stage-full.sf2{border-top:4px solid var(--teal)}.stage-full.sf3{border-top:4px solid var(--purple)}.stage-full.sf4{border-top:4px solid var(--orange)}.sf-header{padding:14px 22px;margin:0 -22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.sf-header h4{font-size:16px;font-weight:800}.sf-header .stage-meta{font-size:12px;color:var(--muted)}.sf-body{padding:16px 0}.sf-preface{background:#f8fafc;border-radius:8px;padding:12px 16px;margin-bottom:16px}.sf-preface p{font-size:13px;margin-bottom:6px}.sf-preface p:last-child{margin-bottom:0}.sf-section-title{font-size:14px;font-weight:700;margin:16px 0 8px;display:flex;align-items:center;gap:6px}.sf1 .sf-section-title{color:var(--primary)}.sf2 .sf-section-title{color:var(--teal)}.sf3 .sf-section-title{color:var(--purple)}.sf4 .sf-section-title{color:var(--orange)}.timeline{margin:8px 0}.tl-item{display:flex;gap:12px;margin-bottom:14px}.tl-tag{flex-shrink:0;min-width:72px;font-size:11.5px;font-weight:700;color:#fff;background:var(--primary);border-radius:6px;padding:4px 8px;text-align:center;height:fit-content}.sf2 .tl-tag{background:var(--teal)}.sf3 .tl-tag{background:var(--purple)}.sf4 .tl-tag{background:var(--orange)}.tl-body{flex:1;font-size:13.5px;line-height:1.7}.tl-body b{color:var(--primary)}.sf2 .tl-body b{color:var(--teal)}.sf3 .tl-body b{color:var(--purple)}.sf4 .tl-body b{color:var(--orange)}.tl-body ul{padding-left:16px;margin:4px 0}.tl-body li{margin:3px 0}.prompt-box{background:#1a1f2e;color:#e8f0fe;border-radius:8px;padding:12px 16px;margin:8px 0;font-size:13px;line-height:1.7;overflow-x:auto}.prompt-box .plabel{color:var(--orange);font-weight:700;font-size:12px;margin-bottom:4px}.prompt-box .ptext{font-family:Consolas,Monaco,Courier New,monospace;font-size:12.5px;white-space:pre-wrap;color:#b8d4fe}.checklist{list-style:none;padding:0;margin:8px 0}.checklist li{font-size:13.5px;padding:7px 0;border-bottom:1px dashed var(--line);display:flex;align-items:flex-start;gap:8px}.checklist li:last-child{border-bottom:none}.checklist li:before{content:"☐";font-size:18px;flex-shrink:0}.sf1 .checklist li:before{color:var(--primary)}.sf2 .checklist li:before{color:var(--teal)}.sf3 .checklist li:before{color:var(--purple)}.sf4 .checklist li:before{color:var(--orange)}.scenario-box{background:#fffbeb;border:1px solid #FDE68A;border-left:4px solid var(--orange);border-radius:8px;padding:14px 18px;margin:14px 0}.scenario-box .sc-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#92400e;background:#fef3c7;border-radius:4px;padding:2px 8px;margin-bottom:10px}.scenario-box .sc-title{font-size:14px;font-weight:700;color:#92400e;margin-bottom:8px}.scenario-box .sc-body{font-size:13px;color:var(--ink);line-height:1.8}.scenario-box .sc-body b{color:#92400e}.scenario-box .sc-step{display:flex;gap:10px;margin:6px 0;align-items:flex-start}.scenario-box .sc-step .sc-num{flex-shrink:0;min-width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px}.scenario-box .sc-step .sc-text{flex:1;font-size:12.5px;line-height:1.7;color:var(--ink)}.scenario-box .sc-term{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--orange);border-radius:3px;padding:1px 6px;margin:0 2px}.scenario-box .sc-note{font-size:12px;color:#92400e;background:#fef3c7;border-radius:4px;padding:6px 10px;margin-top:8px}.callout{padding:10px 14px;border-radius:6px;margin:10px 0;font-size:13px;line-height:1.7;border-left:4px solid var(--primary)}.callout-blue{background:#ebf2ff;color:#1e3a8a;border-left-color:var(--primary)}.callout-yellow{background:#fffbeb;color:#92400e;border-left-color:var(--orange)}.callout-green{background:#ecfdf5;color:#065f46;border-left-color:var(--teal)}.callout p{margin:0}.footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--muted);line-height:1.8}.footer b{color:var(--primary);font-weight:700}@media(max-width:900px){.sidebar{display:none}.main{padding:24px 16px 60px}.stage-grid,.role-grid{grid-template-columns:1fr}.hero{padding:28px 20px}.hero h1{font-size:22px}}@media(max-width:480px){.main{padding:16px 10px 40px}.hero{padding:20px 14px;border-radius:10px}.hero h1{font-size:18px}.card{padding:14px 12px}.chapter-title{font-size:18px}}.skill-detail-wrapper{margin-top:20px}.skill-detail-intro{background:var(--primary-light);border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:var(--text);line-height:1.6}.skill-detail-cat{font-size:14px;font-weight:700;color:var(--primary);margin:18px 0 8px;padding-bottom:4px;border-bottom:2px solid var(--primary-light)}.skill-detail-item{border:1px solid var(--line);border-radius:6px;margin-bottom:6px;overflow:hidden}.skill-detail-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;background:#fff;transition:background .15s;font-size:13px}.skill-detail-header:hover{background:var(--primary-light)}.skill-detail-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.skill-detail-name{flex:1;font-weight:600;color:var(--text)}.skill-detail-body{padding:12px 16px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:var(--text)}.skill-detail-body.collapsed{display:none}.skill-md-title{font-size:15px;font-weight:700;color:var(--primary);margin-bottom:8px}.skill-md-section-title{font-size:13px;font-weight:700;color:var(--teal);margin:10px 0 4px;padding-left:8px;border-left:3px solid var(--teal)}.skill-md-sub-title{font-size:13px;font-weight:600;color:var(--text);margin:8px 0 4px}.skill-md-p{margin:4px 0;color:var(--text)}.skill-md-list{margin:4px 0;padding-left:20px}.skill-md-list li{margin:2px 0}.skill-md-step{margin:4px 0;padding:4px 8px;background:#f8fafc;border-radius:4px;font-size:12px}.skill-prompt-box{background:#f0f9ff;border:1px solid var(--primary-light);border-radius:6px;padding:8px 12px;margin:6px 0;font-size:12px;white-space:pre-wrap;color:var(--text);font-family:inherit}.pdf-detail-wrapper{margin-top:16px}.pdf-detail-intro{background:var(--primary-light);border-radius:6px;padding:10px 14px;margin-bottom:16px;font-size:13px;color:var(--text);line-height:1.6}.pdf-detail-item{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;overflow:hidden}.pdf-detail-header{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;cursor:pointer;background:#fff;transition:background .15s}.pdf-detail-header:hover{background:var(--primary-light)}.pdf-detail-num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:var(--primary);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.pdf-detail-info{flex:1}.pdf-detail-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.pdf-detail-desc{font-size:12px;color:#64748b;margin-bottom:2px;line-height:1.5}.pdf-detail-meta{font-size:11px;color:#94a3b8}.pdf-detail-body{padding:16px 20px;border-top:1px solid var(--line);font-size:13px;line-height:1.8;color:var(--text);max-height:none;overflow:visible}.pdf-detail-body.collapsed{display:none}.pdf-detail-body h4.pdf-h4{font-size:15px;font-weight:700;color:var(--primary);margin:14px 0 6px;padding-bottom:4px;border-bottom:2px solid var(--primary-light)}.pdf-detail-body h5.pdf-h5{font-size:13px;font-weight:700;color:var(--teal);margin:10px 0 4px}.pdf-detail-body p{margin:6px 0}.pdf-detail-body ul.pdf-list{margin:6px 0;padding-left:20px}.pdf-detail-body ul.pdf-list li{margin:3px 0;line-height:1.6}.pdf-table-wrap{overflow-x:auto;margin:8px 0}.pdf-table{width:100%;border-collapse:collapse;font-size:12px}.pdf-table th{background:var(--primary-light);padding:6px 8px;text-align:left;font-weight:600;border:1px solid var(--line)}.pdf-table td{padding:6px 8px;border:1px solid var(--line)}.pdf-table tr:nth-child(2n){background:#f8fafc}.toggle-arrow{display:inline-block;transition:transform .2s;color:#94a3b8;font-size:12px;flex-shrink:0}.skill-detail-header:not(.expanded) .toggle-arrow,.pdf-detail-header:not(.expanded) .toggle-arrow{transform:rotate(-90deg)}.dl-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;margin:4px 6px 4px 0}.dl-btn.zip{background:var(--primary);color:#fff}.dl-btn.zip:hover{background:#003da5;transform:translateY(-1px)}.dl-btn.pdf{background:var(--teal);color:#fff}.dl-btn.pdf:hover{background:#0d9488;transform:translateY(-1px)}.dl-btn.view{background:#fff7ed;color:#92400e;border:1px solid #F59E0B}.dl-btn.view:hover{background:#fef3c7;transform:translateY(-1px)}.pdf-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:2px solid var(--line);overflow-x:auto}.pdf-tab{padding:10px 18px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--text-light);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .2s}.pdf-tab:hover{color:var(--primary);background:var(--primary-light)}.pdf-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-light)}.pdf-tab-content{display:none;padding-top:8px}.pdf-tab-content.active{display:block}.knowledge-shell{--primary: #5ce1f2;--primary-light: rgba(56, 189, 248, .14);--primary-dark: #a5f3fc;--teal: #34d399;--purple: #a78bfa;--orange: #fbbf24;--red: #fb7185;--bg: #070c14;--card: rgba(14, 24, 38, .78);--card-strong: rgba(18, 31, 48, .9);--ink: #e2edf8;--muted: #8298b0;--line: rgba(148, 195, 235, .14);--line-strong: rgba(92, 225, 242, .28);--ink-light: #a8bed3;--text: #e2edf8;--text-light: #9ab0c7;--radius: 14px;--shadow: 0 14px 36px -10px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06)}html{color-scheme:dark;scroll-behavior:smooth}.knowledge-shell{background:radial-gradient(1100px circle at 18% -5%,rgba(0,194,255,.1),transparent 55%),radial-gradient(900px circle at 88% 12%,rgba(99,102,241,.08),transparent 55%),radial-gradient(800px circle at 50% 95%,rgba(20,184,166,.06),transparent 60%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.82;letter-spacing:.01em;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#070c1499}::-webkit-scrollbar-thumb{background:#94c3eb38;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#5ce1f26b}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,#00f2ff,#38bdf8,#818cf8);box-shadow:0 0 12px #38bdf8a6;z-index:100;transition:width .1s ease-out;pointer-events:none}b,strong{color:#f4f9ff;font-weight:650}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Monaco,monospace;font-size:.86em;background:#38bdf81f;color:#7dd3fc;border:1px solid rgba(56,189,248,.24);padding:2px 7px;border-radius:5px;word-break:break-word}.layout{display:flex;min-height:100vh;align-items:flex-start}.sidebar{background:#090f19e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);width:268px;border-right:1px solid var(--line);padding:20px 0 40px;scrollbar-width:thin;box-shadow:8px 0 32px #00000047;transition:width .25s ease,transform .25s ease,padding .25s ease}.knowledge-shell.sidebar-collapsed .sidebar{width:0;padding:0;overflow:hidden;border-right:0}.sidebar-collapse-toggle{position:fixed;left:268px;bottom:28px;z-index:45;background:#0e1b2beb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(92,225,242,.3);border-left:0;color:#7dd3fc;border-radius:0 999px 999px 0;padding:8px 12px 8px 10px;font-size:12px;font-weight:600;cursor:pointer;box-shadow:6px 6px 20px #00000073;transition:left .25s ease,background .2s ease,color .2s ease}.sidebar-collapse-toggle:hover{background:#162c44fa;color:#fff}.knowledge-shell.sidebar-collapsed .sidebar-collapse-toggle{left:0}.sidebar-brand{padding:0 18px 16px;border-bottom:1px solid var(--line)}.sidebar-brand h1{font-size:15.5px;font-weight:700;background:linear-gradient(135deg,#fff,#7dd3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.02em}.sidebar-brand p{font-size:12px;color:var(--muted);margin-top:6px;display:inline-flex;align-items:center;gap:6px}.sidebar-brand p:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.sidebar-tools{padding:12px 14px 10px;border-bottom:1px solid rgba(148,195,235,.08);display:flex;flex-direction:column;gap:8px}.sidebar-search-wrap{position:relative;display:flex;align-items:center}.sidebar-search-input{width:100%;background:#121f30d9;border:1px solid rgba(148,195,235,.16);border-radius:8px;padding:7px 28px 7px 10px;font-size:12.5px;color:var(--ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.sidebar-search-input::placeholder{color:#698099}.sidebar-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #5ce1f226}.sidebar-search-clear{position:absolute;right:6px;background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 5px;border-radius:4px;display:none}.sidebar-search-clear.visible{display:inline-block}.sidebar-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.sidebar-action-btn{flex:1;background:#ffffff08;border:1px solid rgba(148,195,235,.12);color:var(--ink-light);border-radius:6px;padding:4px 8px;font-size:11.5px;cursor:pointer;transition:all .18s ease}.sidebar-action-btn:hover{background:#38bdf81f;color:#fff;border-color:#38bdf84d}#navTree{padding:8px 0}.nav-item,.nav-parent-title{margin:2px 10px;padding:8px 12px;border-radius:8px;border-left:2px solid transparent;font-size:13.5px;color:#c5d6e6;transition:all .18s ease}.nav-parent-title{font-weight:600;color:#dce9f5}.nav-item:hover,.nav-parent-title:hover{background:#38bdf81a;color:#fff;border-left-color:#5ce1f280}.nav-children{margin:2px 0 6px}.nav-children .nav-item,.nav-item.sub{margin:1px 10px 1px 24px;padding:6px 12px 6px 16px;font-size:12.5px;color:#8fa6bc;border-left:1px solid rgba(148,195,235,.14);border-radius:0 7px 7px 0}.nav-children .nav-item:hover,.nav-item.sub:hover{color:#e2f1ff;background:#38bdf814;border-left-color:var(--primary)}.nav-item.is-active,.nav-parent-title.is-active,.nav-children .nav-item.is-active{background:linear-gradient(90deg,#38bdf82e,#38bdf808)!important;color:#7dd3fc!important;border-left-color:#38bdf8!important;font-weight:600}.nav-parent.is-active-parent>.nav-parent-title{color:#7dd3fc;background:#38bdf812}.nav-section{padding:8px 0 0;margin-top:6px;border-top:1px solid rgba(148,195,235,.08)}.nav-section-title{font-size:11.5px;font-weight:700;color:#7c95ae;letter-spacing:.08em;padding:8px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.main{max-width:1520px;width:100%;padding:clamp(24px,2.6vw,40px) clamp(20px,3vw,48px) 96px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(56,189,248,.22),transparent 50%),radial-gradient(circle at 12% 88%,rgba(129,140,248,.16),transparent 55%),linear-gradient(135deg,#0f293a,#0b1929 55%,#091320)!important;border:1px solid rgba(92,225,242,.28);border-radius:20px;padding:40px 40px 34px;margin-bottom:24px;box-shadow:0 24px 60px -15px #000000a6,inset 0 1px #ffffff1f}.hero:after{content:"";position:absolute;top:-40%;right:-10%;width:360px;height:360px;background:radial-gradient(circle,rgba(92,225,242,.14),transparent 70%);pointer-events:none}.hero h1{color:#e6fbff;font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:.02em;line-height:1.3;text-shadow:0 4px 24px rgba(0,0,0,.35)}.hero .subtitle{color:#b8d4e6;font-size:15px;line-height:1.8;margin-top:12px;max-width:820px;opacity:.95}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-meta span{background:#38bdf81a;color:#bae6fd;border:1px solid rgba(56,189,248,.24);padding:5px 14px;border-radius:999px;font-size:12.5px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.knowledge-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;margin-bottom:32px;background:#0a121ed6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,195,235,.16);border-radius:14px;box-shadow:0 10px 30px -8px #00000080}.toolbar-pills{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.toolbar-pills::-webkit-scrollbar{display:none}.toolbar-pill{border:1px solid transparent;background:#ffffff0a;color:#a4bcd4;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.toolbar-pill:hover{background:#38bdf81a;color:#e2f1ff}.toolbar-pill.active{background:linear-gradient(135deg,#38bdf83d,#3b82f62e);color:#7dd3fc;border-color:#5ce1f26b;box-shadow:0 0 16px #38bdf829}.toolbar-toggle-all{flex-shrink:0;background:#38bdf814;border:1px solid rgba(56,189,248,.25);color:#93e2f5;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .2s ease}.toolbar-toggle-all:hover{background:#38bdf82e;color:#fff}.chapter{margin-bottom:52px;scroll-margin-top:74px}.chapter.chapter-hidden{display:none!important}.chapter-header{display:flex;align-items:center;gap:14px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid rgba(92,225,242,.22);position:relative}.chapter-header:after{content:"";position:absolute;left:0;bottom:-1px;width:88px;height:2px;background:linear-gradient(90deg,var(--primary),transparent)}.chapter-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#38bdf838,#3b82f61a);border:1px solid rgba(92,225,242,.35);color:#e0f7fa;font-size:19px;box-shadow:0 6px 18px #0000004d}.chapter-title{font-size:clamp(20px,2.2vw,24px);font-weight:750;color:#f2f8ff;letter-spacing:.01em;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.chapter-title small{font-size:12px;font-weight:600;color:#8ad8e8;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);padding:2px 10px;border-radius:999px;margin-left:2px}.card{background:linear-gradient(180deg,#101c2cd1,#0c1522e0);border:1px solid var(--line);border-radius:16px;padding:24px 28px;margin-bottom:20px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s ease,box-shadow .25s ease;scroll-margin-top:76px}.card:hover{border-color:#5ce1f240}.card h3{font-size:17px;font-weight:700;color:#84e2f4;margin-bottom:14px;display:flex;align-items:center;gap:10px;line-height:1.45}.card h3:before{content:"";width:4px;height:16px;border-radius:4px;background:linear-gradient(180deg,#38bdf8,#818cf8);flex-shrink:0}.card p{font-size:14.5px;color:var(--ink);line-height:1.82;margin-bottom:10px}.card ul{padding-left:20px;margin:10px 0}.card li{font-size:14.5px;line-height:1.8;margin:6px 0;color:#d6e4f2}.intro-box{background:linear-gradient(90deg,#38bdf81c,#38bdf805);border:0;border-left:3px solid var(--primary);border-radius:0 10px 10px 0;padding:14px 20px;margin-bottom:22px}.intro-box p{font-size:14.5px;color:#d8ecf8;line-height:1.75}:is(.pain-item,.doc-warn,.scenario-box,.callout-yellow){background:#30261873;border-color:#f59e0b52;color:#f5dbb0}:is(.sol-item,.doc-tip,.callout-green){background:#102c2773;border-color:#34d3994d;color:#b8eedb}.doc-warn,.doc-tip{border:0;border-left:3px solid currentColor;padding:10px 16px;border-radius:0 8px 8px 0;margin:12px 0;font-size:13.5px;line-height:1.75}.scenario-box{background:linear-gradient(90deg,#f59e0b12,#f59e0b04);border:0;border-left:3px solid #f59e0b;border-radius:0 12px 12px 0;padding:16px 20px;margin:20px 0 6px;box-shadow:none}.scenario-box .sc-label{background:#f59e0b2e;border:0;color:#fde68a;font-size:12px;padding:3px 10px;border-radius:999px;margin-bottom:10px}.scenario-box .sc-title{color:#fef08a;font-size:15px;font-weight:700;margin-bottom:12px}.scenario-box .sc-body{font-size:13.5px;color:#ebe2d3;line-height:1.8}.scenario-box .sc-body b{color:#fde68a}.scenario-box .sc-step{display:flex;gap:12px;margin:0;padding:9px 4px;background:transparent;border-radius:0;border:0;border-bottom:1px dashed rgba(251,191,36,.14);align-items:flex-start}.scenario-box .sc-step:last-of-type{border-bottom:0}.scenario-box .sc-step .sc-num{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1204;min-width:24px;height:24px;font-size:11.5px;font-weight:800;margin-top:2px}.scenario-box .sc-step .sc-text{font-size:13.5px;color:#efe7da;line-height:1.72}.scenario-box .sc-term{background:#fbbf2433;border:0;color:#fef08a;padding:1px 8px;border-radius:5px;font-size:12px}.scenario-box .sc-note{background:#f59e0b14;border:0;border-left:2px solid rgba(251,191,36,.45);color:#fde68a;font-size:13px;padding:8px 14px;border-radius:0 8px 8px 0;margin-top:12px;line-height:1.7}:is(.table-wrap,.doc-table-wrap,.pdf-table-wrap){overflow-x:auto;max-width:100%;margin:14px 0;border-radius:10px;border:0;background:transparent}table,.doc-table-wrap table,.pdf-table{width:100%;min-width:520px;border-collapse:collapse;font-size:13.5px;background:transparent}th,.doc-table-wrap th,.pdf-table th{background:#14273cd9!important;color:#93e2f5!important;font-weight:650;padding:11px 14px;border:0;border-bottom:1px solid rgba(92,225,242,.25);font-size:13px;letter-spacing:.02em}td,.doc-table-wrap td,.pdf-table td{background:#0d172473;color:#dce8f4;padding:11px 14px;border:0;border-bottom:1px solid rgba(148,195,235,.08);line-height:1.72}tr:nth-child(2n) td,.doc-table-wrap tr:nth-child(2n) td,.pdf-table tr:nth-child(2n) td{background:#1220318c}tbody tr:hover td{background:#1c344ca6!important}.role-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:16px 0}.role-card{background:#ffffff08;border:0;border-top:2px solid var(--teal);border-radius:10px;padding:16px 18px;transition:transform .2s ease,background .2s ease}.role-card:hover{transform:translateY(-2px);background:#ffffff0e}.role-card .rn{font-size:14.5px;font-weight:700;color:#7dd3fc;margin-bottom:6px}.role-card .rc{font-size:13px;color:#c9d9e8;line-height:1.68}.step-flow{margin:18px 0}.step{display:flex;gap:16px;padding-bottom:16px}.step:before{left:16px;top:34px;background:linear-gradient(180deg,#5ce1f266,#94c3eb1f)}.step .sn{width:34px;height:34px;background:linear-gradient(135deg,#5ce1f2,#38bdf8);color:#061824;font-weight:800;box-shadow:0 0 16px #38bdf840}.step-main{background:transparent;border:0;border-bottom:1px dashed rgba(148,195,235,.1);border-radius:0;padding:4px 4px 14px}.step:last-child .step-main{border-bottom:0;padding-bottom:4px}.step-main .st{font-size:15px;color:#84e2f4;margin-bottom:4px}.step-main .sd{font-size:13.5px;color:#d0dfed;line-height:1.75}.stage-full{background:linear-gradient(180deg,#0f1b2adb,#0b1420eb);border:1px solid var(--line);border-radius:16px;padding:0 26px 22px;margin-bottom:28px;box-shadow:var(--shadow);scroll-margin-top:76px}.sf-header{padding:18px 26px;margin:0 -26px;background:#ffffff05;border-bottom:1px solid var(--line)}.sf-header h4{font-size:17.5px;color:#f2f8ff}.sf-preface{background:#38bdf80d;border:0;border-left:3px solid var(--primary);border-radius:0 10px 10px 0;padding:14px 18px;margin-bottom:20px}.sf-preface p{font-size:13.5px;line-height:1.8;margin-bottom:6px}.sf-section-title{font-size:15px;font-weight:700;margin:22px 0 12px;padding-bottom:6px;border-bottom:1px solid rgba(148,195,235,.1)}.tl-item{display:flex;gap:14px;margin-bottom:0;padding:12px 4px;background:transparent;border:0;border-bottom:1px dashed rgba(148,195,235,.12);border-radius:0}.tl-item:last-child{border-bottom:0}.tl-tag{min-width:78px;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:800;color:#061824}.tl-body{font-size:14px;line-height:1.78}.prompt-box{position:relative;background:#060d17d9;border:0;border-left:3px solid rgba(92,225,242,.5);border-radius:0 10px 10px 0;padding:14px 18px;margin:12px 0}.prompt-box .plabel{color:#fbbf24;font-size:12.5px;font-weight:700;margin-bottom:8px;padding-right:92px}.prompt-box .ptext{font-family:JetBrains Mono,Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.78;color:#c4e2ff;white-space:pre-wrap}.prompt-copy-btn{position:absolute;top:10px;right:12px;background:#38bdf81f;border:1px solid rgba(56,189,248,.28);color:#7dd3fc;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .18s ease}.prompt-copy-btn:hover{background:#38bdf83d;color:#fff}.prompt-copy-btn.copied{background:#34d39933;border-color:#34d39973;color:#6ee7b7}.doc-block{background:#0d1826c7;border:1px solid rgba(148,195,235,.18);border-radius:12px;margin:14px 0;overflow:hidden;transition:border-color .2s ease}.doc-block:hover,.doc-block.is-open{border-color:#5ce1f259}.doc-block-header{padding:13px 18px;background:linear-gradient(90deg,#162c42d9,#101f30bf);font-size:14px;font-weight:700;color:#8ce4f5;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:background .2s ease}.doc-block-header:hover{background:linear-gradient(90deg,#1e3a56eb,#14273cd9)}.doc-block-toggle{font-size:11.5px;font-weight:600;color:#93d5e8;background:#38bdf81f;border:1px solid rgba(56,189,248,.24);padding:3px 10px;border-radius:999px;flex-shrink:0}.doc-block-body{padding:18px 22px;border-top:1px solid rgba(148,195,235,.12)}.doc-meta-box{background:#ffffff08;border:0;border-radius:8px;padding:10px 14px;margin:4px 0 16px;font-size:12.5px;color:var(--ink-light);gap:8px 20px}.doc-chapter{margin:18px 0;padding-top:14px;border-top:1px dashed rgba(148,195,235,.14)}.doc-chapter-title{font-size:15px;font-weight:700;color:#7dd3fc;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(56,189,248,.2)}.doc-sub{margin:12px 0 8px;padding-left:14px;border-left:3px solid var(--teal)}.doc-sub-title{font-size:13.5px;color:#6ee7b7;margin-bottom:6px}.doc-step{margin:10px 0;gap:12px}.doc-step-num{background:linear-gradient(135deg,#5ce1f2,#38bdf8);color:#061824;font-weight:800;margin-top:2px}.doc-step-content{font-size:13.5px;line-height:1.78}.doc-summary{background:#38bdf814;border:0;border-left:3px solid #38bdf8;border-radius:0 8px 8px 0;padding:11px 16px;margin-top:14px;font-size:13.5px;color:#cbe9f6}.doc-faq-item{background:#f59e0b0f;border:0;border-left:2px solid rgba(245,158,11,.45);border-radius:0 8px 8px 0;padding:9px 14px;margin:8px 0;font-size:13px;line-height:1.75}.adv-topic{background:linear-gradient(180deg,#111d2dd1,#0d1623e0);border:1px solid var(--line);border-left:4px solid var(--purple);border-radius:14px;padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow);transition:transform .2s ease,border-color .2s ease;scroll-margin-top:76px}.adv-topic:hover{transform:translateY(-2px);border-color:#a78bfa73}.adv-topic h4{font-size:16px;color:#f2f8ff;justify-content:space-between}.adv-topic p{font-size:14px;color:#d2e0ee;line-height:1.8}@media(min-width:860px){#ch7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#ch7>:not(.adv-topic){grid-column:1 / -1}#ch7>.adv-topic{margin-bottom:0;display:flex;flex-direction:column}#ch7>.adv-topic .adv-date{margin-top:auto;padding-top:12px}}.role-filter-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding:12px 14px;background:#0d1826b8;border:1px solid var(--line);border-radius:12px}.role-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.role-filter-pill{background:#ffffff0a;border:1px solid rgba(148,195,235,.14);color:#b5cade;font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .18s ease}.role-filter-pill:hover{background:#38bdf81f;color:#fff}.role-filter-pill.active{background:#38bdf838;border-color:#5ce1f273;color:#7dd3fc}.role-section{margin-bottom:22px;background:linear-gradient(180deg,#0f1b2ad1,#0b1420e0);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);scroll-margin-top:76px}.role-section.role-hidden{display:none!important}.role-section-header{padding:16px 22px;background:linear-gradient(90deg,#162e44d9,#0f1b2a66);border-bottom:1px solid var(--line)}.role-section-header:hover{background:linear-gradient(90deg,#1e3e5aeb,#12223499)}.role-section-header .role-name{font-size:16.5px;color:#84e2f4}.role-section-header .role-count{font-size:12px;color:#9bb5cc;background:#ffffff0d;border:1px solid rgba(148,195,235,.14);padding:3px 10px;border-radius:999px}.role-section-body{padding:18px 22px}.pain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:14px 0}.pain-item{background:linear-gradient(90deg,#fb718514,#fb718505);border:0;border-left:3px solid #fb7185;border-radius:0 10px 10px 0;padding:14px 18px}.pain-item .pain-tag{background:#fb718533;color:#fda4af;font-size:11.5px;padding:2px 8px;border-radius:5px;margin-bottom:8px}.pain-item p,.sol-item p{font-size:13.5px;line-height:1.78;color:#e6eff8}.sol-item{background:linear-gradient(90deg,#34d39914,#34d39905);border:0;border-left:3px solid #34d399;border-radius:0 10px 10px 0;padding:14px 18px;display:flex;flex-direction:column}.sol-item .sol-tag{background:#34d39933;color:#6ee7b7;font-size:11.5px;padding:2px 8px;border-radius:5px;margin-bottom:8px;width:fit-content}.sol-item .sol-skill{margin-top:auto;padding-top:10px;font-size:12px;color:#c4b5fd;font-weight:600}.pdf-detail-intro{background:#14263abf;border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:16px;color:var(--ink-light)}.pdf-tabs{gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.pdf-tab{padding:8px 16px;border-radius:999px;border:1px solid rgba(148,195,235,.14);background:#0f1b2aa6;color:#9ab2c9;font-size:13px;font-weight:600;margin-bottom:0}.pdf-tab:hover{background:#38bdf81f;color:#e2f1ff}.pdf-tab.active{background:linear-gradient(135deg,#38bdf83d,#3b82f629);color:#7dd3fc;border-color:#5ce1f273;box-shadow:0 0 16px #38bdf826}@media(min-width:820px){.pdf-tab-content.active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.pdf-tab-content.active .pdf-detail-item{margin-bottom:0}}.pdf-detail-item{background:#0f1b2acc;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;transition:border-color .2s ease,transform .2s ease}.pdf-detail-item:hover{border-color:#5ce1f252;transform:translateY(-1px)}.pdf-detail-header{background:transparent;padding:14px 16px;gap:12px;align-items:center}.pdf-detail-header:hover{background:#38bdf80f}.pdf-detail-num{width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#5ce1f2,#38bdf8);color:#061824;font-weight:800}.pdf-detail-name{font-size:14.5px;color:#f0f7ff;margin-bottom:4px}.pdf-detail-desc{font-size:12.5px;color:#9ab0c7;line-height:1.55;margin-bottom:4px}.pdf-detail-meta{font-size:11.5px;color:#7dd3fc;font-weight:600}.pdf-detail-body{background:#0a121da6;padding:12px 16px;border-top:1px solid rgba(148,195,235,.12)}.skill-search-box{background:#0e1927e0;border:1px solid rgba(92,225,242,.26);border-radius:12px;padding:12px 16px;margin-bottom:12px;box-shadow:0 8px 24px -8px #0006}.skill-search-input{font-size:14px;color:var(--ink)}.skill-cat-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.skill-cat-pill{background:#0f1b2ab8;border:1px solid rgba(148,195,235,.14);color:#9eb6cd;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .18s ease}.skill-cat-pill:hover{background:#38bdf81f;color:#fff}.skill-cat-pill.active{background:#38bdf838;border-color:#5ce1f273;color:#7dd3fc}.skill-cat-title{font-size:15.5px;color:#84e2f4;padding:10px 0;border-bottom:1px solid rgba(92,225,242,.2);margin-bottom:12px}.dl-btn{padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:650;transition:all .18s ease}.dl-btn.zip{background:linear-gradient(135deg,#67e8f9,#38bdf8);color:#061824}.dl-btn.pdf{background:linear-gradient(135deg,#6ee7b7,#34d399);color:#052018}.dl-btn.view{background:#f59e0b29;color:#fde68a;border:1px solid rgba(251,191,36,.38)}.dl-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.badge-blue{background:#38bdf82e;color:#7dd3fc;border:1px solid rgba(56,189,248,.3)}.badge-green{background:#34d3992e;color:#6ee7b7;border:1px solid rgba(52,211,153,.3)}.badge-purple{background:#a78bfa2e;color:#c4b5fd;border:1px solid rgba(167,139,250,.3)}.badge-orange{background:#fbbf242e;color:#fde68a;border:1px solid rgba(251,191,36,.3)}.badge-red{background:#fb71852e;color:#fda4af;border:1px solid rgba(251,113,133,.3)}.badge-gray{background:#94a3b829;color:#cbd5e1}.back-to-top-btn{position:fixed;right:28px;bottom:28px;z-index:40;background:#0e1b2be0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(92,225,242,.35);color:#7dd3fc;border-radius:999px;padding:9px 16px;font-size:12.5px;font-weight:600;cursor:pointer;box-shadow:0 12px 28px #00000080;opacity:0;transform:translateY(12px);pointer-events:none;transition:all .25s ease}.back-to-top-btn.visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top-btn:hover{background:#162c44f2;color:#fff;border-color:var(--primary)}.footer{margin-top:56px;padding:28px 20px;border-top:1px solid var(--line);background:#0a121d80;border-radius:14px;color:var(--muted)}:focus-visible{outline:2px solid #73d7e6;outline-offset:3px}.knowledge-mobile-nav{display:none}@media(max-width:960px){.layout{display:block}.sidebar{display:none}.main{max-width:100%;padding:20px 16px 72px}.knowledge-mobile-nav{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:35;width:100%;text-align:left;padding:12px 18px;border:0;border-bottom:1px solid var(--line);background:#0b1623eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#93e2f5;font:inherit;font-size:13.5px;font-weight:600}.knowledge-toolbar{top:46px}.sidebar.mobile-open{display:block;position:fixed;top:46px;left:0;width:min(320px,88vw);height:calc(100dvh - 46px);z-index:30;box-shadow:20px 0 60px #000000bf}.hero{padding:28px 22px}.hero h1{font-size:23px}.pain-grid{grid-template-columns:1fr}.card{padding:18px}.stage-full{padding:0 18px 18px}.sf-header{margin:0 -18px;padding:14px 18px}.tl-item{flex-direction:column;gap:8px}.pdf-detail-header{flex-wrap:wrap}.pdf-detail-info{min-width:180px}}@media(max-width:540px){.main{padding:14px 12px 64px}.hero{padding:22px 16px;border-radius:14px}.hero h1{font-size:20px}.knowledge-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}.toolbar-toggle-all{text-align:center}.back-to-top-btn{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.viz-container{margin:18px 0 12px;padding:16px 0 4px;background:transparent;border:0;border-top:1px dashed rgba(148,195,235,.14);border-radius:0;box-shadow:none;overflow:visible}.scenario-box .viz-container{margin:10px 0 12px;padding:10px 0 8px;border-top:0;border-bottom:1px dashed rgba(251,191,36,.18)}.viz-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px;padding-bottom:0;border-bottom:0}.viz-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#93e2f5;letter-spacing:.02em}.viz-badge{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:#38bdf824;border:0;color:#7dd3fc}.viz-subtitle{font-size:12px;color:#8da5be}.seq-diagram-scroll{overflow-x:auto;padding-bottom:6px}.seq-diagram{min-width:780px;display:flex;flex-direction:column;gap:12px}.seq-actors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding-bottom:10px;border-bottom:1px dashed rgba(148,195,235,.2)}.seq-actor{background:#1222348c;border:0;border-top:2px solid #38bdf8;border-radius:8px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.seq-actor[data-tone=purple]{border-top-color:#a78bfa}.seq-actor[data-tone=teal]{border-top-color:#34d399}.seq-actor[data-tone=amber]{border-top-color:#fbbf24}.seq-actor[data-tone=rose]{border-top-color:#fb7185}.seq-actor[data-tone=indigo]{border-top-color:#818cf8}.seq-actor-icon{font-size:20px;line-height:1.2}.seq-actor-name{font-size:12.5px;font-weight:700;color:#f0f7ff;line-height:1.3}.seq-actor-role{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:#38bdf829;color:#7dd3fc;margin-top:2px}.seq-actor[data-tone=purple] .seq-actor-role{background:#a78bfa2e;color:#c4b5fd}.seq-actor[data-tone=teal] .seq-actor-role{background:#34d3992e;color:#6ee7b7}.seq-actor[data-tone=amber] .seq-actor-role{background:#fbbf242e;color:#fde68a}.seq-actor[data-tone=rose] .seq-actor-role{background:#fb71852e;color:#fda4af}.seq-actor[data-tone=indigo] .seq-actor-role{background:#818cf82e;color:#a5b4fc}.seq-actor-desc{font-size:10.5px;color:#8fa6bc;line-height:1.35}.seq-lanes{display:flex;flex-direction:column;gap:0}.seq-row{display:grid;grid-template-columns:30px 190px minmax(260px,1fr) 235px;align-items:center;gap:16px;padding:11px 8px;background:transparent;border:0;border-bottom:1px solid rgba(148,195,235,.1);border-radius:0;transition:background .2s ease}.seq-row:last-child{border-bottom:0}.seq-row:hover{background:#ffffff06}.seq-step-badge{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1204;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.seq-from-to{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#dce9f5}.seq-arrow-pill{color:#38bdf8;font-family:monospace;font-weight:700}.seq-action-box{display:flex;flex-direction:column;gap:3px}.seq-action-title{font-size:13px;font-weight:650;color:#f0f7ff;line-height:1.45}.seq-action-detail{font-size:12px;color:#9ab2c9;line-height:1.45}.seq-concept-tag{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;padding:4px 10px;border-radius:6px;background:#38bdf814;border:0!important;width:100%}.seq-concept-tag .tag-name{font-size:12px;font-weight:700;color:#7dd3fc}.seq-concept-tag .tag-func{font-size:11px;color:#a8c2d8}.arch-nested-box{border:0;border-radius:12px;padding:4px 0;background:transparent;position:relative}.arch-nested-label{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:700;color:#7dd3fc;background:#38bdf817;border:0;border-left:3px solid #38bdf8;padding:6px 14px;border-radius:0 8px 8px 0;margin-bottom:14px}.arch-core-grid{display:grid;grid-template-columns:minmax(220px,1fr) 48px minmax(240px,1.15fr) 48px minmax(260px,1.25fr);align-items:stretch;gap:12px}.arch-node-card{background:#ffffff08;border:0;border-top:3px solid #38bdf8;border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;justify-content:center;gap:8px}.arch-node-card.highlight-cyan{border-top-color:#38bdf8;background:linear-gradient(180deg,#38bdf817,#ffffff06)}.arch-node-card.highlight-purple{border-top-color:#a78bfa;background:linear-gradient(180deg,#a78bfa17,#ffffff06)}.arch-connector-col{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5ce1f2;font-size:11px;font-weight:600;text-align:center;gap:2px}.arch-tools-stack{display:flex;flex-direction:column;gap:8px}.arch-tool-item{background:#ffffff08;border:0;border-left:3px solid #34d399;border-radius:0 8px 8px 0;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.arch-tool-item[data-color=amber]{border-left-color:#fbbf24}.arch-tool-item[data-color=purple]{border-left-color:#a78bfa}.viz-flow-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px;align-items:stretch}.viz-flow-step{background:#ffffff08;border:0;border-top:2px solid rgba(56,189,248,.55);border-radius:10px;padding:16px 18px;position:relative;display:flex;flex-direction:column;gap:8px;transition:transform .2s ease,background .2s ease}.viz-flow-step:hover{transform:translateY(-2px);background:#ffffff0e}.viz-flow-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.viz-flow-num{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#38bdf829;color:#7dd3fc}.viz-flow-tag{font-size:10.5px;color:#9ab2c9;background:#ffffff0d;padding:1px 7px;border-radius:6px}.viz-flow-title{font-size:14px;font-weight:700;color:#f0f7ff}.viz-flow-desc{font-size:12px;color:#9cb3c9;line-height:1.55}.viz-flow-role{margin-top:auto;padding-top:8px;border-top:1px dashed rgba(148,195,235,.12);font-size:11.5px;color:#6ee7b7;font-weight:600}.viz-layer-stack{display:flex;flex-direction:column;gap:8px}.viz-layer-row{display:grid;grid-template-columns:155px minmax(240px,1fr) minmax(280px,1.15fr);align-items:center;gap:18px;padding:13px 18px;border-radius:0 10px 10px 0;background:#ffffff06;border:0;border-left:4px solid #38bdf8}.viz-layer-row[data-layer="5"]{border-left-color:#34d399;background:linear-gradient(90deg,#34d39917,#ffffff05)}.viz-layer-row[data-layer="4"]{border-left-color:#a78bfa;background:linear-gradient(90deg,#a78bfa17,#ffffff05)}.viz-layer-row[data-layer="3"]{border-left-color:#fbbf24;background:linear-gradient(90deg,#fbbf2417,#ffffff05)}.viz-layer-row[data-layer="2"]{border-left-color:#38bdf8;background:linear-gradient(90deg,#38bdf817,#ffffff05)}.viz-layer-row[data-layer="1"]{border-left-color:#fb7185;background:linear-gradient(90deg,#fb718517,#ffffff05)}.viz-layer-name{display:flex;flex-direction:column;gap:2px}.viz-layer-name strong{font-size:13.5px;color:#f4f9ff}.viz-layer-name span{font-size:11px;color:#8fa8c0}.viz-layer-chips{display:flex;flex-wrap:wrap;gap:6px}.viz-chip{font-size:12px;padding:3px 10px;border-radius:6px;background:#ffffff0e;border:0;color:#d8e6f3}.viz-layer-case{font-size:12px;color:#93e2f5;background:transparent;padding:2px 0 2px 14px;border-radius:0;border:0;border-left:1px dashed rgba(148,195,235,.25);line-height:1.45}.viz-compare-dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.viz-compare-col{background:#ffffff06;border:0;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px}.viz-compare-col.mode-search{border-top:3px solid #94a3b8}.viz-compare-col.mode-llm{border-top:3px solid #38bdf8;background:linear-gradient(180deg,#38bdf814,#ffffff05)}.viz-chain-steps{display:flex;flex-direction:column;gap:4px}.viz-chain-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-radius:0;background:transparent;border-bottom:1px dashed rgba(148,195,235,.1);font-size:12.5px;color:#d6e4f2}.viz-chain-item:last-child{border-bottom:0}.viz-radar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.viz-model-card{background:#ffffff08;border:0;border-top:2px solid rgba(148,195,235,.25);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.viz-model-head{display:flex;align-items:center;justify-content:space-between}.viz-bar-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:8px;font-size:11.5px;color:#9ab2c9}.viz-bar-track{height:6px;background:#ffffff12;border-radius:999px;overflow:hidden}.viz-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38bdf8,#818cf8)}@media(max-width:1180px){.arch-core-grid{grid-template-columns:1fr}.arch-connector-col{transform:rotate(90deg);margin:4px 0}.viz-layer-row{grid-template-columns:1fr;gap:10px}.seq-row{grid-template-columns:30px 1fr;gap:10px}.seq-row .seq-action-box,.seq-row .seq-concept-tag{grid-column:2 / -1}.seq-row .seq-concept-tag{justify-self:start;align-items:flex-start;text-align:left}}@media(max-width:960px){.sidebar-collapse-toggle{display:none}.viz-compare-dual{grid-template-columns:1fr}}.knowledge-shell{min-height:100vh;display:flex;flex-direction:column}.knowledge-shell *{box-sizing:border-box}.knowledge-topbar{height:54px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#080d15eb;border-bottom:1px solid rgba(148,195,235,.14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:sticky;top:0;z-index:60}.knowledge-topbar-left{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.knowledge-brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;letter-spacing:.02em;color:#f3f7fc;text-decoration:none;flex-shrink:0}.knowledge-brand .brand-dot{width:9px;height:9px;border-radius:50%;background:#00f2fe;box-shadow:0 0 12px #00f2fe}.knowledge-divider{color:#94a3b873;font-size:.85rem;flex-shrink:0}.knowledge-crumb-link{font-size:.86rem;color:#9bb5cc;text-decoration:none;white-space:nowrap;transition:color .18s ease}.knowledge-crumb-link:hover{color:#7dd3fc}.knowledge-crumb-current{font-size:.86rem;color:#7dd3fc;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knowledge-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.knowledge-page-indicator{font-size:12px;font-weight:600;color:#93e2f5;background:#38bdf81a;border:1px solid rgba(56,189,248,.24);padding:4px 11px;border-radius:999px}.knowledge-back{padding:6px 13px;border-radius:8px;font-size:.82rem;font-weight:500;color:#e2e8f0;text-decoration:none;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;transition:all .2s ease}.knowledge-back:hover{background:#ffffff1a;border-color:#00f2fe73;color:#fff}.subchapter-header-card{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(56,189,248,.18),transparent 52%),radial-gradient(circle at 12% 88%,rgba(129,140,248,.14),transparent 55%),linear-gradient(135deg,#102436f0,#0b1826f5 60%,#09121efa);border:1px solid rgba(92,225,242,.26);border-radius:18px;padding:26px 30px 22px;margin-bottom:26px;box-shadow:0 20px 48px -14px #00000094,inset 0 1px #ffffff14}.subchapter-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.subchapter-group-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#7dd3fc;background:#38bdf81f;border:1px solid rgba(56,189,248,.28);padding:4px 12px;border-radius:999px}.subchapter-header-tools{display:flex;align-items:center;gap:8px}.subchapter-tool-btn{background:#ffffff0d;border:1px solid rgba(148,195,235,.2);color:#bae6fd;font-size:12px;font-weight:600;padding:5px 12px;border-radius:8px;cursor:pointer;transition:all .18s ease}.subchapter-tool-btn:hover{background:#38bdf829;border-color:#5ce1f273;color:#fff}.subchapter-title{font-size:clamp(21px,2.3vw,27px);font-weight:800;color:#f0f9ff;line-height:1.32;letter-spacing:.01em;margin:0 0 8px}.subchapter-subtitle{font-size:14.5px;color:#a8c5da;line-height:1.68;margin:0}.stage-jump-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:15px;border-top:1px dashed rgba(148,195,235,.16)}.stage-jump-label{font-size:12px;font-weight:600;color:#8298b0;margin-right:2px}.stage-jump-pill{display:inline-flex;align-items:center;gap:6px;background:#0e1a28c7;border:1px solid rgba(148,195,235,.16);color:#c5d8eb;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer;transition:all .18s ease}.stage-jump-pill:hover{background:#38bdf826;border-color:#5ce1f26b;color:#fff;transform:translateY(-1px)}.stage-jump-pill .stage-pill-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#38bdf833;color:#7dd3fc;font-size:11px;font-weight:700}.chapter-stages-list{display:flex;flex-direction:column;gap:28px}.chapter-stage-section{scroll-margin-top:74px}.chapter-stage-divider{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:8px 14px;background:linear-gradient(90deg,#38bdf81a,#38bdf803);border-left:3px solid #38bdf8;border-radius:0 10px 10px 0}.chapter-stage-badge{font-size:11.5px;font-weight:700;color:#061824;background:linear-gradient(135deg,#67e8f9,#38bdf8);padding:2px 9px;border-radius:999px;flex-shrink:0}.chapter-stage-heading{font-size:15.5px;font-weight:700;color:#e6f4ff;margin:0;flex:1}.chapter-stage-index{font-size:11.5px;font-weight:700;font-family:JetBrains Mono,Consolas,monospace;color:#7c95ae;flex-shrink:0}.chapter-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid rgba(148,195,235,.14)}.chapter-page-nav{display:flex;flex-direction:column;gap:6px;padding:18px 22px;border-radius:14px;background:#0e1826c7;border:1px solid rgba(148,195,235,.16);text-decoration:none;transition:all .2s ease}.chapter-page-nav:hover{background:#142438e6;border-color:#5ce1f273;transform:translateY(-2px);box-shadow:0 12px 28px -10px #00000080}.chapter-page-nav.next{text-align:right;align-items:flex-end}.chapter-page-nav-dir{font-size:12px;font-weight:600;color:#7dd3fc;display:inline-flex;align-items:center;gap:6px}.chapter-page-nav-title{font-size:15.5px;font-weight:700;color:#f0f8ff}.chapter-page-nav-sub{font-size:12.5px;color:#8fa6bc;line-height:1.5}@media(max-width:960px){.knowledge-mobile-nav{top:54px}.sidebar.mobile-open{top:100px;height:calc(100dvh - 100px)}}@media(max-width:640px){.knowledge-topbar{padding:0 12px}.knowledge-crumb-link,.knowledge-divider.hide-mobile{display:none}.subchapter-header-card{padding:20px 18px 18px}.chapter-pagination{grid-template-columns:1fr}.chapter-page-nav.next{text-align:left;align-items:flex-start}}html:has(#app.knowledge-mode){height:auto!important;overflow-y:auto!important}body:has(#app.knowledge-mode){overflow-x:hidden!important;overflow-y:visible!important;height:auto!important;min-height:100vh;width:100%!important;cursor:auto!important;user-select:text!important;-webkit-user-select:text!important}#app.knowledge-mode{height:auto;min-height:100vh;cursor:auto;user-select:text;-webkit-user-select:text}#app.knowledge-mode>header,#app.knowledge-mode>#stage-container,#app.knowledge-mode>#side-controls,#app.knowledge-mode>#main-footer{display:none!important}.knowledge-shell{padding-top:54px}.knowledge-shell header.knowledge-topbar{position:fixed;top:0;left:0;right:0;height:54px;pointer-events:auto;flex-direction:row;padding:0 22px;z-index:60}@media(min-width:961px){.knowledge-shell .sidebar{position:fixed;top:54px;left:0;bottom:0;width:268px;height:calc(100vh - 54px);overflow-y:auto;z-index:40}.knowledge-shell .layout{padding-left:268px;transition:padding-left .25s ease}.knowledge-shell.sidebar-collapsed .sidebar{width:0;transform:translate(-100%)}.knowledge-shell.sidebar-collapsed .layout{padding-left:0}}.knowledge-shell main.main{display:block;pointer-events:auto;flex:1}.knowledge-shell footer.footer{position:static;pointer-events:auto}.knowledge-shell p{letter-spacing:normal;text-transform:none;margin-bottom:8px;color:var(--ink);font-size:14px}.knowledge-shell h1{letter-spacing:.01em;background:none;-webkit-text-fill-color:currentColor;filter:none;margin-bottom:8px}.knowledge-shell .sidebar-brand h1{font-size:15.5px;font-weight:700;background:linear-gradient(135deg,#fff,#7dd3fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:0}.bento-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at 10% 85%,rgba(167,139,250,.14),transparent 55%),linear-gradient(135deg,#0f2134f2,#0a1523fa);border:1px solid rgba(92,225,242,.26);border-radius:18px;padding:32px 34px;margin-bottom:20px;box-shadow:0 24px 56px -16px #000000a6,inset 0 1px #ffffff14}.bento-hero-content{display:flex;flex-direction:column;align-items:flex-start;gap:14px;z-index:1}.bento-hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#7dd3fc;background:#38bdf824;border:1px solid rgba(56,189,248,.3);padding:5px 13px;border-radius:999px;letter-spacing:.02em}.bento-hero-title{font-size:clamp(22px,2.3vw,29px)!important;font-weight:800!important;color:#f0f9ff!important;line-height:1.35!important;margin:0!important;text-wrap:balance}.bento-hero-desc{font-size:14.5px!important;color:#b8d2e8!important;line-height:1.8!important;margin:0!important}.bento-hero-visual{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(92,225,242,.28);background:#070d16e6;box-shadow:0 18px 40px #0000008c}.bento-hero-visual img{display:block;width:100%;height:auto;object-fit:cover;aspect-ratio:16 / 10;pointer-events:auto}.bento-visual-caption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;background:#08101ce0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(92,225,242,.24);border-radius:10px;font-size:12px;color:#bae6fd;font-weight:600}.bento-dual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.bento-compare-card{border-radius:16px;padding:24px 26px;display:flex;flex-direction:column;gap:14px;border:1px solid rgba(148,195,235,.16);background:#0e1826c7;box-shadow:var(--shadow)}.bento-compare-card.problem{border-top:3px solid #fb7185;background:linear-gradient(180deg,#2a121c6b,#0e1826d6)}.bento-compare-card.solution{border-top:3px solid #34d399;background:linear-gradient(180deg,#0e2a2473,#0e1826d6)}.bento-compare-head{display:flex;align-items:center;gap:10px}.bento-compare-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px}.bento-compare-card.problem .bento-compare-badge{background:#fb71852e;color:#fda4af;border:1px solid rgba(251,113,133,.32)}.bento-compare-card.solution .bento-compare-badge{background:#34d3992e;color:#6ee7b7;border:1px solid rgba(52,211,153,.32)}.bento-compare-title{font-size:16.5px;font-weight:750;color:#f2f8ff;line-height:1.4;margin:0}.bento-compare-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.bento-compare-list li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:13.5px;line-height:1.72;color:#d8e6f4}.bento-compare-list li svg{margin-top:4px}.bento-persona-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;align-items:stretch}.bento-persona-card{text-align:left;background:#0e1928c7;border:1px solid rgba(148,195,235,.16);border-radius:14px;padding:18px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:stretch;gap:10px;color:inherit;font-family:inherit}.bento-persona-card:hover{background:#142438e6;border-color:#5ce1f261;transform:translateY(-2px)}.bento-persona-card.active{background:linear-gradient(180deg,#163048eb,#0e1c2cf2);border-color:#38bdf8;box-shadow:0 12px 28px -10px #38bdf859,inset 0 1px #ffffff1f}.bento-persona-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.bento-persona-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#38bdf824;color:#7dd3fc;flex-shrink:0}.bento-persona-tag{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#ffffff0f;color:#9bb5cc;white-space:nowrap}.bento-persona-card.active .bento-persona-tag{background:#38bdf838;color:#7dd3fc}.bento-persona-name{font-size:15.5px;font-weight:750;color:#f0f8ff;line-height:1.35}.bento-persona-pain{font-size:13px;color:#9cb4cb;line-height:1.62}.bento-persona-route{background:linear-gradient(135deg,#102336eb,#0b1725f2);border:1px solid rgba(92,225,242,.28);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:14px}.bento-persona-route-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.bento-persona-route-title{display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:750;color:#7dd3fc}.bento-route-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.bento-route-step-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:12px;background:#08101bb8;border:1px solid rgba(148,195,235,.16);text-decoration:none;transition:all .18s ease}.bento-route-step-card:hover{border-color:#38bdf8;background:#102134e0;transform:translateY(-2px)}.bento-route-step-num{font-size:11.5px;font-weight:700;color:#38bdf8;display:flex;align-items:center;justify-content:space-between}.bento-route-step-name{font-size:14.5px;font-weight:700;color:#f0f8ff;line-height:1.35}.bento-route-step-desc{font-size:12.5px;color:#93acc4;line-height:1.6}.bento-layer-stack{display:flex;flex-direction:column;gap:14px}.bento-layer-card{display:grid;grid-template-columns:272px 1fr;gap:24px;align-items:stretch;padding:22px 26px;border-radius:16px;background:#0e1826d1;border:1px solid rgba(148,195,235,.16);border-left:4px solid #38bdf8;box-shadow:var(--shadow);transition:border-color .2s ease}.bento-layer-card:hover{border-color:#5ce1f261}.bento-layer-card.layer-2{border-left-color:#a78bfa}.bento-layer-card.layer-3{border-left-color:#34d399}.bento-layer-card.layer-4{border-left-color:#fbbf24}.bento-layer-card.layer-5{border-left-color:#fb7185}.bento-layer-left{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding-right:22px;border-right:1px dashed rgba(148,195,235,.16)}.bento-layer-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:999px;background:#38bdf826;color:#7dd3fc;line-height:1.2}.bento-layer-card.layer-2 .bento-layer-badge{background:#a78bfa29;color:#c4b5fd}.bento-layer-card.layer-3 .bento-layer-badge{background:#34d39929;color:#6ee7b7}.bento-layer-card.layer-4 .bento-layer-badge{background:#fbbf2429;color:#fde68a}.bento-layer-card.layer-5 .bento-layer-badge{background:#fb718529;color:#fda4af}.bento-layer-name{font-size:17px;font-weight:800;color:#f2f8ff;line-height:1.35;margin:0}.bento-layer-solve{font-size:12.5px;color:#9cb4cb;line-height:1.5}.bento-layer-range{font-size:12px;color:#6e8ba6;line-height:1.4}.bento-layer-right{display:flex;flex-direction:column;justify-content:center;gap:14px}.bento-layer-summary{font-size:13.5px;color:#d2e2f2;line-height:1.72;margin:0}.bento-layer-links{display:flex;flex-wrap:wrap;gap:8px}.bento-chapter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#cbe5fa;background:#ffffff0b;border:1px solid rgba(148,195,235,.16);text-decoration:none;transition:all .18s ease}.bento-chapter-chip:hover{background:#38bdf82e;border-color:#5ce1f273;color:#fff;transform:translateY(-1px)}.bento-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;margin-bottom:18px}.bento-concept-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px;border-radius:16px;background:#0e1826d1;border:1px solid rgba(148,195,235,.16);border-top:3px solid #38bdf8;box-shadow:var(--shadow)}.bento-concept-card.purple{border-top-color:#a78bfa}.bento-concept-card.teal{border-top-color:#34d399}.bento-concept-card.amber{border-top-color:#fbbf24}.bento-concept-card.rose{border-top-color:#fb7185}.bento-concept-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.bento-concept-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#38bdf824;color:#7dd3fc;flex-shrink:0}.bento-concept-card.purple .bento-concept-icon{background:#a78bfa26;color:#c4b5fd}.bento-concept-card.teal .bento-concept-icon{background:#34d39926;color:#6ee7b7}.bento-concept-card.amber .bento-concept-icon{background:#fbbf2426;color:#fde68a}.bento-concept-card.rose .bento-concept-icon{background:#fb718526;color:#fda4af}.bento-concept-analogy{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffffff0e;color:#b8d2e8;white-space:nowrap}.bento-concept-body{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}.bento-concept-title{font-size:16.5px;font-weight:800;color:#f0f8ff;margin:0;line-height:1.35}.bento-concept-desc{font-size:13.5px;color:#c9dced;line-height:1.68;margin:0}.bento-concept-foot{width:100%;padding-top:10px;border-top:1px dashed rgba(148,195,235,.15);font-size:12px;color:#84a0bc;line-height:1.5}.bento-formula-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 22px;border-radius:14px;background:linear-gradient(90deg,#10263ce6,#0c192aeb);border:1px solid rgba(92,225,242,.28);font-size:13.5px;color:#dff2ff}.bento-formula-chain{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-weight:650}.bento-formula-node{padding:4px 11px;border-radius:8px;background:#38bdf824;border:1px solid rgba(56,189,248,.28);color:#7dd3fc;font-size:12.5px}.bento-trace-list{display:flex;flex-direction:column;gap:12px}.bento-trace-item{display:grid;grid-template-columns:230px 1fr 220px;gap:20px;align-items:stretch;padding:18px 22px;border-radius:14px;background:#0e1826d1;border:1px solid rgba(148,195,235,.15);box-shadow:var(--shadow)}.bento-trace-actor{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding-right:16px;border-right:1px dashed rgba(148,195,235,.16)}.bento-trace-step-num{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#38bdf8;background:#38bdf824;padding:3px 10px;border-radius:999px}.bento-trace-route{font-size:13.5px;font-weight:750;color:#f0f8ff;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.bento-trace-main{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}.bento-trace-title{font-size:14.5px;font-weight:750;color:#f0f8ff;line-height:1.45;margin:0}.bento-trace-desc{font-size:13px;color:#a8c2d8;line-height:1.65;margin:0}.bento-trace-concept{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:12px 14px;border-radius:10px;background:#38bdf814;border:1px solid rgba(56,189,248,.22)}.bento-trace-concept.purple{background:#a78bfa17;border-color:#a78bfa40}.bento-trace-concept.teal{background:#34d39917;border-color:#34d39940}.bento-trace-concept.amber{background:#fbbf2417;border-color:#fbbf2440}.bento-trace-concept.rose{background:#fb718517;border-color:#fb718540}.bento-trace-concept strong{font-size:13px;font-weight:750;color:#7dd3fc}.bento-trace-concept.purple strong{color:#c4b5fd}.bento-trace-concept.teal strong{color:#6ee7b7}.bento-trace-concept.amber strong{color:#fde68a}.bento-trace-concept.rose strong{color:#fda4af}.bento-trace-concept span{font-size:11.5px;color:#9cb4cb;line-height:1.45}.bento-glossary-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;margin-bottom:18px;border-radius:14px;background:#0d1826d9;border:1px solid rgba(148,195,235,.18)}.bento-glossary-cats{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bento-glossary-pill{border:1px solid rgba(148,195,235,.16);background:#ffffff0a;color:#a8c2d8;font-size:12.5px;font-weight:650;padding:6px 13px;border-radius:999px;cursor:pointer;transition:all .18s ease;font-family:inherit}.bento-glossary-pill:hover{background:#38bdf81f;color:#fff}.bento-glossary-pill.active{background:#38bdf833;border-color:#38bdf8;color:#7dd3fc}.bento-glossary-search{position:relative;display:flex;align-items:center;min-width:240px}.bento-glossary-search input{width:100%;background:#080f19d9;border:1px solid rgba(148,195,235,.2);border-radius:10px;padding:7px 12px 7px 32px;font-size:13px;color:#f0f8ff;outline:none;font-family:inherit}.bento-glossary-search input:focus{border-color:#38bdf8}.bento-glossary-search svg{position:absolute;left:10px;color:#6e8ba6;pointer-events:none}.bento-glossary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.bento-glossary-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;border-radius:14px;background:#0e1826c7;border:1px solid rgba(148,195,235,.15);transition:border-color .18s ease,transform .18s ease}.bento-glossary-card:hover{border-color:#5ce1f261;transform:translateY(-2px)}.bento-glossary-card-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.bento-glossary-num{font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px;font-weight:700;color:#38bdf8;background:#38bdf81f;padding:2px 8px;border-radius:6px}.bento-glossary-cat-tag{font-size:11px;font-weight:600;color:#8fa8c2;background:#ffffff0b;padding:2px 8px;border-radius:999px}.bento-glossary-term{font-size:15px;font-weight:750;color:#f0f8ff;margin:0;line-height:1.35}.bento-glossary-def{font-size:13px;color:#b4cbe0;line-height:1.65;margin:0}.bento-pipeline-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.bento-pipeline-card{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:16px;background:#0e1826d1;border:1px solid rgba(148,195,235,.16);border-top:3px solid #38bdf8;box-shadow:var(--shadow)}.bento-pipeline-card.phase-b{border-top-color:#34d399}.bento-pipeline-card.phase-c{border-top-color:#a78bfa}.bento-pipeline-card.phase-d{border-top-color:#fbbf24}.bento-pipeline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px dashed rgba(148,195,235,.16)}.bento-pipeline-phase{font-size:15.5px;font-weight:800;color:#f0f8ff;margin:0}.bento-pipeline-tag{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;background:#38bdf824;color:#7dd3fc}.bento-pipeline-card.phase-b .bento-pipeline-tag{background:#34d39926;color:#6ee7b7}.bento-pipeline-card.phase-c .bento-pipeline-tag{background:#a78bfa26;color:#c4b5fd}.bento-pipeline-card.phase-d .bento-pipeline-tag{background:#fbbf2426;color:#fde68a}.bento-pipeline-items{display:flex;flex-direction:column;gap:10px}.bento-pipeline-term-box{padding:12px 14px;border-radius:10px;background:#08101bad;border:1px solid rgba(148,195,235,.12);display:flex;flex-direction:column;gap:4px}.bento-pipeline-term-box strong{font-size:13.5px;color:#8ce4f5}.bento-pipeline-term-box p{font-size:12.8px;color:#c6d9eb;line-height:1.65;margin:0}@media(max-width:1120px){.bento-hero{grid-template-columns:1fr;padding:24px 22px}.bento-persona-grid,.bento-concept-grid,.bento-glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-trace-item{grid-template-columns:1fr;gap:12px}.bento-trace-actor{padding-right:0;padding-bottom:10px;border-right:0;border-bottom:1px dashed rgba(148,195,235,.16)}}@media(max-width:820px){.bento-dual-grid,.bento-route-steps,.bento-pipeline-grid{grid-template-columns:1fr}.bento-layer-card{grid-template-columns:1fr;gap:14px;padding:18px 20px}.bento-layer-left{padding-right:0;padding-bottom:12px;border-right:0;border-bottom:1px dashed rgba(148,195,235,.16)}}@media(max-width:600px){.bento-hero{padding:20px 16px;gap:18px}.bento-persona-grid,.bento-concept-grid,.bento-glossary-grid{grid-template-columns:1fr}.bento-glossary-search{width:100%}.bento-compare-card,.bento-persona-route,.bento-pipeline-card{padding:18px 16px}}.view-skill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid rgba(56,189,248,.4);background:#38bdf81f;color:#38bdf8;transition:all .2s cubic-bezier(.16,1,.3,1);margin-top:8px;width:fit-content}.view-skill-btn:hover{background:#38bdf838;border-color:#7dd3fc;color:#f0f9ff;transform:translateY(-1px);box-shadow:0 4px 12px #38bdf840}.view-skill-btn:active{transform:translateY(0)}.skill-modal-backdrop{position:fixed;inset:0;background:#030712c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:skillModalFadeIn .2s ease-out}@keyframes skillModalFadeIn{0%{opacity:0}to{opacity:1}}.skill-modal-dialog{background:#0d131f;border:1px solid rgba(56,189,248,.22);border-radius:18px;width:100%;max-width:780px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 25px 60px -15px #000c,0 0 25px #38bdf81f;overflow:hidden;animation:skillModalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes skillModalSlideUp{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.skill-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#0f172ad9;border-bottom:1px solid rgba(148,163,184,.12);gap:16px}.skill-modal-title-group{display:flex;align-items:center;gap:12px}.skill-modal-icon-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#38bdf8;flex-shrink:0}.skill-modal-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase}.skill-modal-key-badge{background:#38bdf81f;color:#7dd3fc;padding:1px 7px;border-radius:4px;border:1px solid rgba(56,189,248,.25);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.skill-modal-title{margin:3px 0 0;font-size:17px;font-weight:700;color:#f8fafc}.skill-modal-actions{display:flex;align-items:center;gap:10px}.skill-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid rgba(56,189,248,.4);transition:all .2s ease}.skill-copy-btn:hover{background:linear-gradient(135deg,#0369a1,#075985);box-shadow:0 4px 12px #0284c759;transform:translateY(-1px)}.skill-copy-btn.copied{background:linear-gradient(135deg,#059669,#047857);border-color:#34d39980;box-shadow:0 4px 12px #10b98159}.skill-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;cursor:pointer;transition:all .15s ease}.skill-close-btn:hover{background:#ef444426;border-color:#ef44444d;color:#f87171}.skill-modal-infobar{padding:14px 24px;background:#0f172a66;border-bottom:1px solid rgba(148,163,184,.08)}.skill-modal-desc{margin:0;font-size:13px;line-height:1.6;color:#cbd5e1}.skill-modal-triggers{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.skill-trigger-label{font-size:12px;color:#94a3b8;font-weight:600}.skill-trigger-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:5px;background:#38bdf81a;border:1px solid rgba(56,189,248,.22);color:#38bdf8;font-size:11.5px;font-weight:500}.skill-modal-body{flex:1;overflow-y:auto;padding:16px 24px;background:#090e17}.skill-code-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1e293b99;border:1px solid rgba(148,163,184,.12);border-bottom:none;border-radius:8px 8px 0 0}.skill-code-filename{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.skill-code-lang{font-size:11px;color:#64748b;text-transform:uppercase}.skill-code-content{margin:0;padding:16px;background:#060a10;border:1px solid rgba(148,163,184,.12);border-radius:0 0 8px 8px;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.skill-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#0f172ad9;border-top:1px solid rgba(148,163,184,.1);gap:16px}.skill-modal-tip{font-size:12px;color:#94a3b8;line-height:1.5}.skill-modal-tip code{background:#ffffff14;padding:1px 4px;border-radius:4px;color:#e2e8f0}.skill-modal-close-action{padding:6px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f1f5f9;transition:all .15s ease;flex-shrink:0}.skill-modal-close-action:hover{background:#ffffff24}@media(max-width:640px){.skill-modal-dialog{max-height:92vh}.skill-modal-header{padding:14px 16px}.skill-modal-title{font-size:15px}.skill-modal-infobar,.skill-modal-body,.skill-modal-footer{padding:12px 16px}.skill-modal-footer{flex-direction:column;align-items:stretch;gap:10px}}#app.digital-mode{height:100dvh;overflow-y:auto;background:radial-gradient(ellipse at 80% 0,#092736,transparent 65%),#0a0a0c;cursor:auto}.digital-mode>header{flex:none}.digital-mode #stage-container,.digital-mode #side-controls{display:none}.digital-mode .nav-link[aria-current]{color:var(--accet-color)}main.digital-empty-page{display:flex;flex:1;min-height:50dvh;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px 24px;pointer-events:auto}.digital-empty-page>span{font-size:14px;color:#82cbd8;letter-spacing:3px}.digital-empty-page h1{font-size:clamp(32px,5vw,56px);margin:0}.digital-empty-page a{color:#a5bcc8;font-size:14px;text-decoration:none}.digital-empty-page a:hover{color:#00f2ff}.digital-empty-page a:focus-visible{outline:2px solid #00f2ff;outline-offset:6px}.digital-mode #main-footer{position:static;padding:28px 20px}:root{--primary-color: #00aaff;--accet-color: #00f2ff;--text-color: #ffffff;--bg-dark: #0a0a0c;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-color);font-family:var(--font-main);overflow:hidden;height:100vh;width:100vw;cursor:url(/cursor_brush.svg) 0 24,crosshair;user-select:none;-webkit-user-select:none}img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#app{position:relative;height:100%;display:flex;flex-direction:column}#stage-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#stage{display:block;width:100%;height:100%}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none}header{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;z-index:10;pointer-events:none}.logo-container,nav ul{pointer-events:auto;background:#0006;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.logo-container{width:60px;height:60px;padding:0}.logo-container img{height:32px;width:32px;transition:transform .3s ease;mix-blend-mode:screen;border-radius:50%}nav ul{list-style:none;gap:3rem;padding:0 2rem;height:60px}.nav-link{color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;letter-spacing:.1rem;transition:all .3s ease;text-transform:uppercase;pointer-events:auto;text-shadow:0 2px 4px rgba(0,0,0,.8);opacity:.9}.nav-link:hover{color:var(--accet-color);text-shadow:0 0 10px var(--primary-color);opacity:1}main{flex:1;display:flex;justify-content:center;align-items:center;z-index:5;pointer-events:none}.hero-content{text-align:center;pointer-events:auto;position:relative;mix-blend-mode:normal}.hero-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160%;height:180%;background:radial-gradient(closest-side,#0a0a0cf2 20%,#0a0a0c00);z-index:-1;border-radius:50%;pointer-events:none;filter:blur(20px)}h1{font-size:5rem;font-weight:800;letter-spacing:-.1rem;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(255,255,255,.1))}p{font-size:1.1rem;color:#fff6;margin-bottom:3rem;letter-spacing:.3rem;text-transform:uppercase}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.premium-btn{padding:1rem 2.5rem;border:none;border-radius:50px;background:var(--primary-color);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #0af3;pointer-events:auto}.premium-btn:hover{transform:translateY(-3px);background:var(--accet-color);box-shadow:0 15px 30px #00f2ff66}.premium-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.2);box-shadow:none}.premium-btn.small{padding:.6rem 1.5rem;font-size:.8rem}footer{position:absolute;bottom:0;padding:0 1rem .8rem;left:0;width:100%;text-align:center;color:#ffffff61;z-index:10;pointer-events:auto}.footer-legal{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .75rem;font-size:.74rem;line-height:1.5;letter-spacing:.04rem;text-transform:none}.footer-divider{color:#ffffff38}.footer-legal a{color:inherit;text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.footer-legal a:hover{color:#ffffffa8;text-shadow:0 0 10px rgba(0,242,255,.35)}@media(max-width:520px){.footer-divider{display:none}}@media(max-width:768px){header{padding:1.5rem;flex-direction:column;gap:1rem}h1{font-size:3rem}nav ul{gap:1.5rem}}.hidden{display:none!important}#side-controls{position:absolute;bottom:2rem;left:2rem;display:flex;align-items:center;gap:1rem;z-index:20;pointer-events:auto}.icon-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#ffffff4d;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.icon-btn:hover{background:#ffffff1a;color:var(--primary-color);border-color:#fff3}#symmetry-value-mini{position:absolute;top:-5px;right:-5px;background:var(--primary-color);color:#fff;font-size:.6rem;padding:2px 5px;border-radius:10px;font-weight:700}#symmetry-toggle-container{display:flex;align-items:center;gap:1rem}#silk-controls-mini{background:var(--glass-bg);border:1px solid var(--glass-border);padding:.5rem 1.5rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:150px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.control-group{background:var(--glass-bg);border:1px solid var(--glass-border);padding:.8rem 2rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.5rem;min-width:250px}.control-group label{font-size:.8rem;color:#fff9;letter-spacing:.1rem;text-transform:uppercase;display:flex;justify-content:space-between}#symmetry-value{color:var(--accet-color);font-weight:700}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:#ffffff1a;border-radius:2px;outline:none;pointer-events:auto}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary-color);border-radius:50%;cursor:pointer;box-shadow:0 0 10px var(--primary-color);transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.control-wrapper{position:relative;display:flex;align-items:center}#style-menu{position:absolute;bottom:calc(100% + 15px);left:0;background:#141419cc;border:1px solid rgba(255,255,255,.1);border-radius:16px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);width:180px;padding:8px;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d;z-index:100;animation:menuFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.style-item{width:100%;border:0;background:transparent;margin:4px 0;padding:10px 16px;font-family:inherit;font-size:.8rem;color:#ffffff80;border-radius:10px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:space-between;gap:10px}.style-item:hover{background:#ffffff14;color:#fff}.style-item.active{background:#0af3;color:#fff;box-shadow:0 0 20px #0af3,inset 0 0 0 1px #0af6;font-weight:600}.style-item.active:after{content:"";width:6px;height:6px;background:var(--accet-color);border-radius:50%;box-shadow:0 0 10px var(--accet-color)}html,body,#root{width:100%;height:100%}