.project-detail-sidebar .project-materials{background:#fff;border:1px solid #e4eefb;border-radius:13px;min-width:0;margin:0;padding:14px;box-shadow:0 9px 25px #2d67a511}.project-detail-sidebar .project-materials-heading{border-bottom:1px solid #eaf0f8;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:9px;display:flex}.project-detail-sidebar .project-materials-heading-icon{color:#fff;background:linear-gradient(145deg,#6bb8ff,#176ef2);border-radius:7px;flex:none;place-items:center;width:27px;height:27px;display:grid}.project-detail-sidebar .project-materials-heading h2{color:#111b36;border:0;margin:0;padding:0;font-size:14px;font-weight:900;line-height:1.3;display:block}.project-materials-grid{gap:6px;display:grid}.project-material-card{color:#13203c;background:#fff;border:1px solid #e3ebf7;border-radius:9px;align-items:center;gap:9px;min-width:0;min-height:47px;padding:7px 9px;text-decoration:none;display:flex}.project-material-card[href]:hover{background:#f6faff;border-color:#95bff5}.project-material-card.is-unavailable{background:#fafbfd}.project-material-card-icon{flex:none;place-items:center;width:28px;height:28px;display:grid}.project-material-document{background:linear-gradient(155deg,#55adff,#0864e9);border-radius:5px;width:23px;height:27px;display:block;position:relative}.project-material-document:after{content:"";background:#83c2ff;border-radius:0 4px 0 3px;width:8px;height:8px;position:absolute;top:0;right:0}.project-material-document span{background:#fff;border-radius:2px;width:12px;height:2px;position:absolute;left:6px}.project-material-document span:first-child{top:12px}.project-material-document span:nth-child(2){top:17px}.project-material-document span:nth-child(3){width:9px;top:22px}.project-material-brand-icon{color:#1d2737;width:27px;height:27px}.project-material-card.design .project-material-brand-icon{width:18px;height:27px}.project-material-card.gitee .project-material-brand-icon{color:#cb2334}.project-material-card-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.project-material-card-copy{flex:1;min-width:0}.project-material-card:is(.github,.gitee) .project-material-card-title{white-space:normal;overflow-wrap:anywhere}.project-material-card-status{color:#1472ed;white-space:nowrap;flex:none;align-items:center;gap:3px;margin-left:auto;font-size:11px;font-weight:750;display:inline-flex}.project-material-card.is-unavailable .project-material-card-status{color:#9aa6b9}@media (max-width:830px){.project-detail-sidebar .project-materials{grid-column:1/-1}}main:has(>.project-detail-v2){width:100%;padding-top:0}.project-detail-v2{color:#101c3a;background:radial-gradient(circle at 12% 12%,#dceeff 0,#0000 28%),radial-gradient(circle at 90% 18%,#d6e9ff 0,#0000 26%),linear-gradient(#eff8ff,#f8fcff 65%,#eef7ff);min-height:100vh;padding:16px 24px 28px;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}.project-detail-v2 *{box-sizing:border-box}.project-detail-v2 h1,.project-detail-v2 h2,.project-detail-v2 h3,.project-detail-v2 p{margin:0}:is(.project-detail-v2 a:focus-visible,.project-detail-v2 button:focus-visible){outline-offset:2px;outline:3px solid #85b7ff}.project-detail-shell{width:min(1120px,100%);margin:0 auto}.project-detail-hero{background:radial-gradient(circle at 70% 63%,#d4e8ff 0,#0000 40%),linear-gradient(110deg,#f7fbff,#e8f4ff 72%,#d9eaff);border:1px solid #fff;border-radius:19px;grid-template-columns:minmax(0,1fr) 470px;gap:20px;min-height:294px;padding:20px 40px;display:grid;overflow:hidden;box-shadow:0 15px 32px #4077aa16}.project-detail-hero-copy{z-index:2;min-width:0;position:relative}.project-detail-back{color:#7185a4;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.project-detail-hero h1{color:#0b1735;letter-spacing:-.03em;margin:11px 0 9px;font-size:29px;font-weight:900;line-height:1.2}.project-detail-tags{flex-wrap:wrap;gap:7px;display:flex}.project-detail-tags span{color:#086af1;background:#eaf4ff;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.project-detail-tags span:first-child{color:#11a568;background:#e7f8ef}.project-detail-hero-copy>p{color:#576d8e;max-width:610px;margin-top:13px;font-size:13px;line-height:1.65}.project-detail-hero-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.project-detail-hero-facts>span{align-items:flex-start;gap:7px;min-width:0;display:flex}.project-detail-hero-facts svg{color:#086af1;flex:none}.project-detail-hero-facts small{color:#8294af;gap:2px;min-width:0;font-size:10px;line-height:1.35;display:grid}.project-detail-hero-facts strong{color:#526985;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.project-detail-hero-actions{gap:10px;margin-top:16px;display:flex}.project-detail-hero-actions>a,.project-detail-download-hero{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#086af1;border:1px solid #086af1;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 8px 17px #1972e837}.project-detail-download-hero{color:#173663;background:#fff;border-color:#dce8f9;box-shadow:0 5px 13px #2b66ad16}.project-detail-hero-art{min-height:248px;position:relative}.project-detail-art-window{background:#d9eafe;border:1px solid #fff;border-radius:18px;width:320px;height:226px;padding:7px;position:absolute;top:15px;left:12px;transform:rotate(-2deg);box-shadow:0 18px 30px #4489d542}.project-detail-art-window-bar{background:#f5faff;border-radius:11px 11px 0 0;align-items:center;gap:5px;height:22px;padding:0 9px;display:flex}.project-detail-art-window-bar i{background:#ff6e90;border-radius:50%;width:7px;height:7px}.project-detail-art-window-bar i:nth-child(2){background:#ffc849}.project-detail-art-window-bar i:nth-child(3){background:#43ce9b}.project-detail-art-window-content{background:linear-gradient(145deg,#fff,#f6faff);border-radius:4px 4px 11px 11px;height:187px;padding:22px 20px}.project-detail-art-window-content>span{color:#152445;font-size:13px;font-weight:900;display:block}.project-detail-art-prompt{color:#7185a5;white-space:nowrap;background:#fff;border:1px solid #dceaff;border-radius:10px;align-items:center;gap:6px;width:270px;max-width:100%;margin-top:17px;padding:9px;font-size:9px;display:flex;box-shadow:0 7px 12px #4086cf18}.project-detail-art-prompt svg:first-child{color:#a7c4eb}.project-detail-art-prompt svg:last-child{color:#086af1;margin-left:auto}.project-detail-art-lines{gap:9px;margin-top:16px;display:grid}.project-detail-art-lines i{background:#d2ecf0;border-radius:99px;width:60%;height:8px}.project-detail-art-lines i:nth-child(2){width:52%}.project-detail-art-lines i:nth-child(3){width:42%}.project-detail-art-lines i:nth-child(4){width:28%}.project-detail-art-flow{justify-items:center;gap:3px;display:grid;position:absolute;top:11px;right:4px}.project-detail-art-flow span{color:#263b61;background:#ffffffdc;border:1px solid #fff;border-radius:8px;align-items:center;gap:7px;width:95px;height:37px;padding:0 11px;font-size:10px;font-weight:800;display:flex;transform:rotate(-5deg);box-shadow:0 7px 14px #3c79c41c}.project-detail-art-flow span:nth-of-type(2n){transform:rotate(5deg)}.project-detail-art-flow span svg{color:#086af1}.project-detail-art-flow span:first-child svg{color:#eba71f}.project-detail-art-flow span:nth-of-type(3) svg{color:#16b176}.project-detail-art-flow b{color:#1681f8;font-size:15px;line-height:1}.project-detail-layout{grid-template-columns:minmax(0,1fr) 316px;align-items:start;gap:13px;margin-top:17px;display:grid}.project-detail-panel{background:#fff;border:1px solid #e4eefb;border-radius:13px;box-shadow:0 9px 25px #2d67a511}.project-detail-notes{padding:19px 21px}.project-detail-notes>h2{color:#101c3a;align-items:center;gap:11px;font-size:19px;font-weight:900;display:flex}.project-detail-notes>h2 svg{color:#086af1}.project-detail-notes>p{color:#687c99;margin:13px 0 18px;font-size:12px;line-height:1.75}.project-detail-note-list{gap:14px;display:grid}.project-detail-note-list>button{text-align:left;width:100%;min-height:146px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e1ebfa;border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex}.project-detail-note-list>button:first-child{background:linear-gradient(110deg,#f8fbff,#eef6ff 52%,#fff);border-color:#72a8ff;box-shadow:0 9px 22px #3280de19}.project-detail-note-list>button:hover{border-color:#72a8ff;box-shadow:0 10px 23px #3280de20}.project-detail-note-number{color:#086af1;background:#e3f0ff;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:17px;font-weight:850;display:grid}.project-detail-note-copy{flex:1;gap:7px;min-width:0;display:grid}.project-detail-note-copy>small{color:#086af1;background:#e7f1ff;border-radius:6px;width:max-content;padding:4px 8px;font-size:10px;font-weight:850}.project-detail-note-copy>strong{color:#0d1a38;font-size:19px;font-weight:900;line-height:1.25}.project-detail-note-copy>span{-webkit-line-clamp:2;color:#657994;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.project-detail-note-copy>em{color:#8092aa;align-items:center;gap:5px;font-size:10px;font-style:normal;display:inline-flex}.project-detail-note-copy>em svg{color:#086af1}.project-detail-note-arrow{color:#086af1;background:#fff;border:1px solid #dbe9fb;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.project-detail-empty{color:#8193ab;text-align:center;padding:22px;font-size:12px}.project-detail-sidebar{gap:11px;display:grid}.project-detail-sidebar .project-detail-panel{padding:14px}.project-detail-sidebar h2{color:#101c3a;border-bottom:1px solid #eaf0f8;align-items:center;gap:8px;padding-bottom:10px;font-size:13px;font-weight:900;display:flex}.project-detail-sidebar h2 svg{color:#086af1}.project-detail-overview-grid{grid-template-columns:1fr 1fr;gap:15px 8px;padding:12px 3px 2px;display:grid}.project-detail-overview-grid>div{align-items:flex-start;gap:6px;min-width:0;display:flex}.project-detail-overview-grid svg{color:#086af1;flex:none}.project-detail-overview-grid small{color:#8294af;gap:2px;min-width:0;font-size:9px;display:grid}.project-detail-overview-grid strong{color:#4c6282;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.project-detail-resource-grid{grid-template-columns:1fr 1fr;gap:6px;padding-top:10px;display:grid}.project-detail-resource-grid>a,.project-detail-resource-grid>button,.project-detail-resource-grid>.project-detail-resource-unavailable{color:#304563;text-align:left;min-width:0;min-height:33px;font:inherit;background:#fff;border:1px solid #e5eef9;border-radius:8px;align-items:center;gap:6px;padding:6px 7px;font-size:9px;font-weight:700;display:flex}.project-detail-resource-grid>a,.project-detail-resource-grid>button{cursor:pointer}.project-detail-resource-grid>a:hover,.project-detail-resource-grid>button:hover{background:#f5faff;border-color:#80b6ff}.project-detail-resource-grid>*>span:first-child{color:#086af1;flex:none;place-items:center;width:18px;display:grid}.project-detail-resource-grid>*>svg:last-child{color:#8da3bf;flex:none;margin-left:auto}.project-detail-resource-grid>.project-detail-resource-unavailable{color:#9baac1}.project-detail-resource-unavailable small{white-space:nowrap;margin-left:auto;font-size:8px}.project-detail-resource-grid>.project-detail-download-resource{color:#304563}.project-detail-resource-grid>.project-detail-download-resource>svg:first-child{color:#086af1;flex:none}.project-detail-recommend>a{align-items:center;gap:10px;margin-top:10px;display:flex}.project-detail-recommend img{object-fit:cover;background:#dcf5ff;border-radius:7px;flex:none;width:70px;height:56px}.project-detail-recommend a>span{flex:1;gap:5px;min-width:0;display:grid}.project-detail-recommend strong{-webkit-line-clamp:2;color:#152342;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.project-detail-recommend small{color:#8799b1;font-size:9px}.project-detail-recommend a>svg{color:#086af1;flex:none}@media (max-width:1100px){.project-detail-hero{grid-template-columns:minmax(0,1fr) 380px;padding-inline:26px}.project-detail-art-window{width:275px}.project-detail-art-flow span{width:78px}.project-detail-hero-facts{grid-template-columns:repeat(2,1fr)}}@media (max-width:830px){.project-detail-hero{grid-template-columns:1fr}.project-detail-hero-art{display:none}.project-detail-layout{grid-template-columns:1fr}.project-detail-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.project-detail-v2{padding:12px 14px 24px}.project-detail-hero{padding:22px 18px}.project-detail-hero h1{font-size:26px}.project-detail-hero-copy>p{font-size:12px}.project-detail-hero-facts{gap:10px}.project-detail-notes{padding:17px 14px}.project-detail-notes>h2{font-size:17px}.project-detail-note-list>button{gap:11px;min-height:125px;padding:13px}.project-detail-note-number{width:34px;height:34px;font-size:13px}.project-detail-note-copy>strong{font-size:16px}.project-detail-note-arrow{width:29px;height:29px}.project-detail-sidebar{grid-template-columns:1fr}}.project-note-drawer{z-index:2000;position:fixed;inset:0}.project-note-backdrop{cursor:default;background:#15294b85;border:0;width:100%;animation:.18s ease-out both note-drawer-backdrop-in;position:absolute;inset:0}.project-note-panel{background:#fff;border-radius:16px 0 0 16px;flex-direction:column;width:min(850px,100% - 46px);height:100dvh;padding:17px 18px 0;animation:.26s cubic-bezier(.22,1,.36,1) both note-drawer-panel-in;display:flex;position:absolute;top:0;right:0;box-shadow:-22px 0 55px #193e6d36}.project-note-header{background:linear-gradient(115deg,#fff,#f9fcff);border:1px solid #dfebfb;border-radius:11px;flex:none;margin:0 0 12px;padding:15px 18px 17px;position:relative}.project-note-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-note-label{color:#086af1;align-items:center;gap:8px;font-size:13px;font-weight:900;display:inline-flex}.project-note-header-actions{align-items:center;gap:10px;display:flex}.project-note-switcher{position:relative}.project-note-switcher>button{color:#143b79;min-height:34px;font:inherit;cursor:pointer;background:#f3f8ff;border:1px solid #dbe9fb;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.project-note-switcher-list{z-index:2;background:#fff;border:1px solid #dce9fb;border-radius:8px;width:240px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 13px 25px #1a5dba24}.project-note-switcher-list button{color:#496184;text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:9px;padding:9px 7px;font-size:11px;display:flex}.project-note-switcher-list button:hover,.project-note-switcher-list button.active{color:#086af1;background:#ebf4ff}.project-note-switcher-list button span{color:#086af1;background:#e7f0ff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-weight:850;display:grid}.project-note-close{color:#244873;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.project-note-close:hover{background:#ecf4ff}.project-note-header h2{color:#0c1735;margin:11px 0 7px;font-size:27px;font-weight:900;line-height:1.2}.project-note-header>p{-webkit-line-clamp:2;color:#597193;-webkit-box-orient:vertical;max-width:690px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.project-note-meta{flex-wrap:wrap;align-items:center;gap:16px;margin-top:13px;display:flex}.project-note-meta span{color:#6e84a4;align-items:center;gap:5px;font-size:11px;display:inline-flex}.project-note-meta svg{color:#086af1}.project-note-reader{flex:1;grid-template-columns:170px minmax(0,1fr);gap:12px;min-height:0;display:grid}.project-note-content{scrollbar-width:thin;min-height:0;padding:4px 14px 35px 2px;overflow-y:auto}.project-note-section{padding:6px 5px 10px;scroll-margin-top:10px}.project-note-section+.project-note-section{margin-top:13px}.project-note-section h3{color:#0e1b3b;align-items:center;gap:13px;margin:0 0 10px;font-size:19px;font-weight:900;display:flex}.project-note-section h3 span{color:#086af1;background:#e6f1ff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:14px;display:grid}.project-note-section>.markdown{color:#536c91;margin-left:49px;font-size:14px;line-height:1.7}.project-note-section .markdown p,.project-note-section .markdown li{line-height:1.75}.project-note-section .markdown h2,.project-note-section .markdown h3{font-size:15px}@media (max-width:700px){.project-note-panel{border-radius:0;width:100%;padding:10px 10px 0}.project-note-header{padding:12px}.project-note-header h2{font-size:22px}.project-note-meta{gap:8px 14px}.project-note-reader{flex-direction:column;gap:8px;display:flex}.project-note-content{flex:1;padding:2px 7px 30px}.project-note-section>.markdown{margin-left:0}.project-note-section h3{font-size:17px}.project-note-switcher-list{width:min(240px,100vw - 30px);right:-36px}}.project-note-reader{display:block}.project-note-content{height:100%;padding:4px 20px 35px}.project-note-section>.markdown{margin-left:49px}@media (max-width:700px){.project-note-content{padding:2px 8px 30px}.project-note-section>.markdown{margin-left:0}}.project-detail-single-note{border-top:1px solid #e4eefb;margin-top:18px;padding-top:18px}.project-detail-single-note .markdown{color:#455a78;font-size:14px;line-height:1.8}.project-detail-single-note .markdown p,.project-detail-single-note .markdown li{line-height:1.8}.project-detail-sidebar{scrollbar-width:thin;align-self:start;max-height:calc(100dvh - 108px);position:sticky;top:92px;overflow-y:auto}@media (max-width:830px){.project-detail-sidebar{max-height:none;position:static;overflow:visible}}.project-detail-v2:has(.project-detail-hero--skill){padding-inline:0;overflow-x:clip}.project-detail-v2:has(.project-detail-hero--skill) .project-detail-shell{width:min(1600px,80vw)}.project-detail-hero--skill{width:100vw;max-width:100vw;min-height:380px;box-shadow:none;background:radial-gradient(circle at 9% 80%,#d6eaff 0,#0000 23%),radial-gradient(circle at 92% 8%,#dcefff 0,#0000 28%),linear-gradient(110deg,#f6fbff 10%,#e8f4ff 66%,#ddecff);border:0;border-radius:0;margin:-16px 0 0 calc(50% - 50vw);padding:0;display:block;position:relative}.project-detail-hero--skill:before,.project-detail-hero--skill:after{content:"";z-index:0;pointer-events:none;background:#cce5ff55;border-radius:50%;width:360px;height:360px;position:absolute}.project-detail-hero--skill:before{top:96px;left:-230px}.project-detail-hero--skill:after{top:-205px;right:-180px}.project-detail-hero-inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,590px);align-items:center;gap:55px;width:min(1600px,80vw);min-height:380px;margin:0 auto;padding:32px 0;display:grid;position:relative}.project-detail-hero--skill .project-detail-hero-copy{min-width:0}.project-detail-hero-breadcrumb{color:#607694;flex-wrap:wrap;align-items:center;gap:11px;font-size:15px;font-weight:700;display:flex}.project-detail-hero-breadcrumb a{color:inherit;text-decoration:none}.project-detail-hero-breadcrumb a:hover{color:#086af1}.project-detail-hero-breadcrumb strong{font-weight:750}.project-detail-hero--skill h1{letter-spacing:-.035em;margin:25px 0 15px;font-size:clamp(38px,3.5vw,56px);line-height:1.15}.project-detail-hero--skill .project-detail-hero-copy>p{color:#4f6483;max-width:650px;margin:0;font-size:20px;line-height:1.6}.project-detail-hero-badges{flex-wrap:wrap;align-items:center;gap:14px 25px;margin-top:21px;display:flex}.project-detail-hero-badges span{color:#526a8b;white-space:nowrap;align-items:center;gap:6px;min-height:36px;font-size:16px;font-weight:750;display:inline-flex}.project-detail-hero-badges .category,.project-detail-hero-badges .level{border-radius:9px;padding:0 12px}.project-detail-hero-badges .category{color:#086af1;background:#dcefff}.project-detail-hero-badges .level{color:#149b62;background:#e2f8ed}.project-detail-hero-badges .duration svg{color:#58749b}.project-detail-skill-visual{width:100%;height:310px;position:relative}.project-detail-skill-window{background:#ffffffa8;border:2px solid #fff;border-radius:19px;position:absolute;inset:4px 0 0 9px;box-shadow:0 16px 34px #4e93d329}.project-detail-skill-window-bar{background:#ffffff8c;border-bottom:1px solid #e8f0fa;align-items:center;gap:7px;height:35px;padding-left:20px;display:flex}.project-detail-skill-window-bar i{background:#ff6267;border-radius:50%;width:10px;height:10px}.project-detail-skill-window-bar i:nth-child(2){background:#ffc846}.project-detail-skill-window-bar i:nth-child(3){background:#32c7b6}.project-detail-skill-flow{background:#fffffff0;border:1px solid #fff;border-radius:15px;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);align-items:start;gap:2px;min-height:220px;padding:17px 22px;display:grid;position:absolute;top:69px;left:34px;right:26px;box-shadow:0 18px 30px #498bd12a}.project-detail-skill-step{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.project-detail-skill-step>span{color:#157cf6;background:#e4f3ff;border-radius:17px;place-items:center;width:80px;height:80px;margin-bottom:10px;display:grid}.project-detail-skill-step>span.code{color:#8346ec;background:#f1ecff}.project-detail-skill-step>span.result{color:#10b986;background:#e3f9f2}.project-detail-skill-step strong{color:#14213f;white-space:nowrap;font-size:18px;font-weight:850}.project-detail-skill-step small{color:#7184a1;margin-top:9px;font-size:13px;line-height:1.5}.project-detail-skill-flow-arrow{color:#54a8ff;stroke-width:1.8px;align-self:start;margin-top:27px}@media (max-width:1400px){.project-detail-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:25px}.project-detail-hero--skill h1{font-size:40px}.project-detail-hero--skill .project-detail-hero-copy>p{font-size:17px}.project-detail-hero-badges{gap:9px 15px}.project-detail-hero-badges span{font-size:13px}.project-detail-skill-step>span{width:65px;height:65px}.project-detail-skill-step strong{font-size:15px}.project-detail-skill-step small{font-size:11px}.project-detail-skill-flow{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);padding:15px;left:18px;right:15px}.project-detail-skill-flow-arrow{width:30px}}@media (max-width:1100px){.project-detail-hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,380px)}.project-detail-hero--skill h1{font-size:36px}}@media (max-width:900px){.project-detail-hero-inner{grid-template-columns:1fr;gap:18px;width:calc(100% - 36px);padding:29px 0}.project-detail-hero--skill h1{margin-top:18px}.project-detail-skill-visual{width:min(590px,100%);margin:0 auto}}@media (max-width:600px){.project-detail-hero--skill{margin-top:-12px}.project-detail-hero-inner{width:calc(100% - 32px);padding:25px 0}.project-detail-hero-breadcrumb{gap:6px;font-size:11px}.project-detail-hero--skill h1{font-size:33px}.project-detail-hero--skill .project-detail-hero-copy>p{font-size:14px}.project-detail-hero-badges{gap:6px 10px;margin-top:14px}.project-detail-hero-badges span{min-height:29px;font-size:11px}.project-detail-hero-badges .category,.project-detail-hero-badges .level{padding:0 7px}.project-detail-skill-visual{height:235px}.project-detail-skill-window{inset:0 0 0 4px}.project-detail-skill-flow{grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr) 17px minmax(0,1fr);min-height:171px;padding:12px 6px;top:43px;left:12px;right:10px}.project-detail-skill-step>span{border-radius:11px;width:45px;height:45px;margin-bottom:7px}.project-detail-skill-step>span svg{width:22px}.project-detail-skill-step strong{font-size:11px}.project-detail-skill-step small{margin-top:6px;font-size:9px}.project-detail-skill-flow-arrow{width:17px;height:22px;margin-top:13px}}@media (max-width:900px){.project-detail-v2:has(.project-detail-hero--skill) .project-detail-shell{width:calc(100% - 36px)}}@media (max-width:600px){.project-detail-hero-inner{width:calc(100% - 36px)}}.project-detail-single-note .prompt-code{color:#2d3440;background:#f7f8fa;border:1px solid #5f91ff;border-radius:13px;min-width:0;max-width:100%;margin:18px 0;overflow:hidden}.project-detail-single-note .prompt-code-toolbar{color:#687281;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px 14px;min-height:52px;padding:9px 14px;display:flex}.project-detail-single-note .prompt-code-toolbar button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.project-detail-single-note .prompt-code-toolbar button:hover{color:#1c62dc}.project-detail-single-note .prompt-code-toolbar button:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #3378ff}.project-detail-single-note .prompt-code-title{padding:2px 0;font-size:15px;font-weight:700}.project-detail-single-note .prompt-code-title svg{transition:transform .18s}.project-detail-single-note .prompt-code-title svg.collapsed{transform:rotate(-90deg)}.project-detail-single-note .prompt-code-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;min-width:0;font-size:13px;display:flex}.project-detail-single-note .prompt-code-actions button{white-space:nowrap;padding-top:2px;padding-bottom:2px}.project-detail-single-note .prompt-code-lines{min-width:0;max-width:100%;padding:0 15px 21px;overflow-x:auto}.project-detail-single-note .prompt-code pre{color:#303741;min-width:0;max-width:100%;font:inherit;background:0 0;border-radius:0;margin:0;padding:0;font-size:14px;line-height:1.7;overflow:visible}.project-detail-single-note .prompt-code code{font:inherit;display:block}.project-detail-single-note .prompt-code-line{grid-template-columns:3ch minmax(0,1fr);gap:16px;min-width:0;display:grid}.project-detail-single-note .prompt-code-number{color:#818a98;text-align:right;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}.project-detail-single-note .prompt-code-text{white-space:pre;min-width:0}.project-detail-single-note .prompt-code-lines.is-wrapped .prompt-code-text{white-space:pre-wrap;overflow-wrap:anywhere}@media (max-width:600px){.project-detail-single-note .prompt-code-toolbar{flex-direction:column;align-items:flex-start;padding:10px}.project-detail-single-note .prompt-code-actions{gap:8px;font-size:11px}.project-detail-single-note .prompt-code-lines{padding:0 9px 15px}.project-detail-single-note .prompt-code pre{font-size:12px}.project-detail-single-note .prompt-code-line{gap:9px}}.project-detail-continue h2{color:#101c3a;margin:0 0 16px;font-size:23px;font-weight:900;line-height:1.3}.project-detail-continue{min-width:0;margin-top:22px}.project-detail-continue h2{margin-bottom:11px}.project-detail-continue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.project-detail-continue-card{color:#10203e;background:#fff;border:1px solid #dfeafa;border-radius:12px;align-items:center;gap:18px;min-width:0;min-height:116px;padding:14px 17px;text-decoration:none;display:flex;box-shadow:0 3px 12px #2d67a50a}.project-detail-continue-card:hover{background:#f7fbff;border-color:#91beff}.project-detail-continue-card img{object-fit:cover;background:#e5f1ff;border-radius:9px;flex:none;width:112px;height:84px}.project-detail-continue-thumb{color:#fff;background:linear-gradient(140deg,#293557,#0e152a);border-radius:9px;flex:none;place-items:center;width:112px;height:84px;display:grid}.project-detail-continue-thumb.voice{background:linear-gradient(140deg,#193059,#468de7)}.project-detail-continue-thumb.image{background:linear-gradient(140deg,#165786,#e9a264)}.project-detail-continue-card>span{flex:1;gap:5px;min-width:0;display:grid}.project-detail-continue-card small{color:#657b9b;font-size:13px}.project-detail-continue-card strong{color:#14213f;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:850;overflow:hidden}.project-detail-continue-card em{color:#788ba7;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;overflow:hidden}.project-detail-continue-card>svg{color:#52759f;flex:none}@media (max-width:1050px){.project-detail-continue-thumb{width:86px;height:70px}}@media (max-width:700px){.project-detail-continue h2{font-size:19px}.project-detail-continue-grid{grid-template-columns:1fr;gap:10px}.project-detail-continue-card{min-height:92px;padding:10px}.project-detail-continue-thumb{width:74px;height:64px}.project-detail-continue-card strong{font-size:14px}.project-detail-continue-card em{font-size:11px}}.project-detail-v2{padding-inline:0}.project-detail-shell{width:min(1600px,80vw)}.project-detail-layout{grid-template-columns:minmax(0,1fr) 316px}.project-detail-layout.is-single-column{grid-template-columns:minmax(0,1fr)}.project-detail-layout.is-single-column>.project-detail-sidebar{max-height:none;position:static;overflow:visible}.project-detail-main,.project-detail-sidebar,.project-detail-panel,.project-detail-single-note,.project-detail-single-note .markdown{min-width:0;max-width:100%}.project-detail-single-note .markdown{overflow-wrap:anywhere}@media (max-width:900px){.project-detail-shell{width:calc(100% - 36px)}}@media (max-width:830px){.project-detail-layout{grid-template-columns:minmax(0,1fr)}}main.site-main:has(>.project-detail-v2){container-type:inline-size}.project-detail-hero--skill{width:100cqw;max-width:100cqw;margin-left:calc(50% - 50cqw)}.project-detail-hero-actions>a.project-detail-requirement-hero{color:#233b5f;background:#fff;border-color:#e1eaf6;justify-content:center;box-shadow:0 5px 13px #2b66ad16}.project-detail-hero-tags{flex-wrap:wrap;align-items:center;gap:0;margin-top:22px;display:flex}.project-detail-hero-tag{color:#49749f;white-space:nowrap;font-size:15px;font-weight:750;line-height:1.4}.project-detail-hero-tag+.project-detail-hero-tag{border-left:1px solid #a9c0d9;margin-left:13px;padding-left:13px}@media (max-width:600px){.project-detail-hero-tags{margin-top:15px}.project-detail-hero-tag{font-size:12px}.project-detail-hero-tag+.project-detail-hero-tag{margin-left:9px;padding-left:9px}}.project-sidebar-video{background:#fff;border:1px solid #e4eefb;border-radius:13px;min-width:0;padding:14px;box-shadow:0 9px 25px #2d67a511}.project-sidebar-video h2{margin:0 0 11px}.project-sidebar-video-card{color:#13203c;background:#fff;border:1px solid #dbe8fa;border-radius:11px;text-decoration:none;display:block;overflow:hidden}.project-sidebar-video-card:is(a,button):hover{border-color:#8dbaff;box-shadow:0 7px 18px #3c83d419}.project-sidebar-video-cover{aspect-ratio:1.9;background:linear-gradient(135deg,#0b2148,#315b99 65%,#5b8bc8);place-items:center;display:grid;position:relative;overflow:hidden}.project-sidebar-video-cover img{object-fit:cover;transition:transform .2s}.project-sidebar-video-card:is(a,button):hover .project-sidebar-video-cover img{transform:scale(1.04)}.project-sidebar-video-play{z-index:1;color:#fff;background:#122b55a8;border:3px solid #fff;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:relative}.project-sidebar-video-play svg{margin-left:3px}.project-sidebar-video-info{align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:flex}.project-sidebar-video-brand{color:#fff;background:#f21f27;border-radius:7px;flex:none;place-items:center;width:34px;height:25px;display:grid}.project-sidebar-video-brand.has-custom-icon{background:0 0}.project-sidebar-video-brand>img{object-fit:contain;width:100%;height:100%}.project-sidebar-video-copy{flex:1;gap:3px;min-width:0;display:grid}.project-sidebar-video-copy strong{color:#13203c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;overflow:hidden}.project-sidebar-video-copy small{color:#8192ac;font-size:10px;line-height:1.3}.project-sidebar-video-info>svg{color:#7c91ad;flex:none}.project-sidebar-video-card.is-unavailable .project-sidebar-video-brand{background:#a9b7c9}.project-sidebar-video-card.is-unavailable .project-sidebar-video-copy strong{color:#526987}@media (max-width:830px){.project-sidebar-video{grid-column:1/-1}}.project-detail-hero--skill .project-detail-hero-inner{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px clamp(28px,3vw,68px);width:min(1600px,80vw);min-height:520px;padding:24px 0 48px}.project-detail-hero--skill .project-detail-hero-breadcrumb{color:#52688d;flex-wrap:nowrap;grid-column:1/-1;align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:500;display:flex}.project-detail-hero--skill .project-detail-hero-breadcrumb>a,.project-detail-hero--skill .project-detail-hero-breadcrumb>span,.project-detail-hero--skill .project-detail-hero-breadcrumb>svg{white-space:nowrap;flex:none}.project-detail-hero--skill .project-detail-hero-breadcrumb>a{align-items:center;display:inline-flex}.project-detail-hero--skill .project-detail-hero-breadcrumb>a:first-child svg{width:18px;height:18px}.project-detail-hero--skill .project-detail-hero-breadcrumb>svg{color:#7e91ae;width:14px;height:14px}.project-detail-hero--skill .project-detail-hero-breadcrumb strong{color:#075bf0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.project-detail-hero--skill .project-detail-hero-copy{align-self:center;transform:none}.project-detail-skill-eyebrow{color:#0865eb;background:linear-gradient(115deg,#e6f1ff,#d7e9ff);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.4;display:inline-flex}.project-detail-skill-eyebrow svg{flex:none;width:16px;height:16px}.project-detail-hero--skill h1{overflow-wrap:anywhere;color:#071536;letter-spacing:-.035em;margin:18px 0 16px;font-size:clamp(40px,4vw,64px);font-weight:800;line-height:1.18;display:block}.project-detail-hero--skill h1 span{white-space:normal;overflow-wrap:inherit;display:inline}.project-detail-hero--skill h1 .project-detail-skill-title-accent{z-index:0;white-space:nowrap;background:linear-gradient(92deg,#0755f3 4%,#2495f7 64%,#0759f5);color:#0000;-webkit-background-clip:text;background-clip:text;display:inline;position:relative}.project-detail-note-section+.project-detail-note-section{border-top:1px solid #e4eefb;margin-top:28px;padding-top:26px}.project-detail-note-heading{color:#101c3a;overflow-wrap:anywhere;font-size:21px;line-height:1.5}@media (max-width:1050px){.project-detail-continue-card img{width:86px;height:70px}}@media (max-width:700px){.project-detail-continue-card img{width:74px;height:64px}.project-detail-note-heading{font-size:18px}}.project-detail-skill-title-accent:after{content:"";z-index:-1;background:#79afff52;border-radius:50%;width:47%;height:6px;position:absolute;bottom:-1px;right:0;transform:rotate(-4deg)}.project-detail-hero--skill .project-detail-hero-copy>p{color:#52688c;max-width:520px;margin:0;font-size:16px;font-weight:400;line-height:1.8}.project-detail-hero--skill .project-detail-hero-badges{gap:8px;margin-top:24px}.project-detail-hero--skill .project-detail-hero-badges span{border-radius:999px;gap:6px;min-height:32px;padding:0 10px;font-size:12px;font-weight:500}.project-detail-hero--skill .project-detail-hero-badges svg{width:15px;height:15px}.project-detail-hero--skill .project-detail-hero-badges .category{color:#0867e9;background:#e1edff}.project-detail-hero--skill .project-detail-hero-badges .level{color:#0ea969;background:#e1faec}.project-detail-hero--skill .project-detail-hero-badges .duration{color:#3431b7;background:#eeebff}.project-detail-hero--skill .project-detail-hero-badges .duration svg{color:inherit}.project-detail-hero--skill .project-detail-hero-badges .type{color:#d58500;background:#fff1cf}.project-detail-hero--skill .project-detail-hero-tags{gap:8px;margin-top:14px}.project-detail-hero--skill .project-detail-hero-tag{white-space:normal;color:#5a7091;background:#ffffff61;border:1px solid #c7ddfb;border-radius:8px;align-items:center;gap:6px;max-width:100%;min-height:30px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.project-detail-hero--skill .project-detail-hero-tag svg{color:#3284ee;flex:none;width:14px;height:14px}.project-detail-hero--skill .project-detail-hero-tag>span{overflow-wrap:anywhere;min-width:0}.project-detail-hero--skill .project-detail-hero-tag+.project-detail-hero-tag{border-left:1px solid #c7ddfb;margin-left:0;padding-left:10px}.project-detail-hero--skill .project-slider{width:100%;min-width:0;max-width:none}.project-detail-hero--skill:has(.is-text-only){min-height:0}.project-detail-hero--skill .project-detail-hero-inner.is-text-only{grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:36px}@media (max-width:1050px){.project-detail-hero--skill .project-detail-hero-inner{grid-template-columns:1fr;row-gap:24px;min-height:0;padding:22px 0 35px}.project-detail-hero--skill .project-detail-hero-copy{width:100%}.project-detail-hero--skill .project-slider{width:min(760px,100%)}}@media (max-width:900px){.project-detail-hero--skill .project-detail-hero-inner{width:calc(100% - 36px)}}@media (max-width:600px){.project-detail-hero--skill .project-detail-hero-inner{row-gap:18px;width:calc(100% - 36px);padding:18px 0 28px}.project-detail-hero--skill .project-detail-hero-breadcrumb{gap:6px;font-size:11px}.project-detail-hero--skill .project-detail-hero-breadcrumb>a:first-child svg{width:17px;height:17px}.project-detail-hero--skill .project-detail-hero-breadcrumb>svg{width:12px;height:12px}.project-detail-skill-eyebrow{gap:6px;padding:6px 10px;font-size:12px}.project-detail-skill-eyebrow svg{width:15px;height:15px}.project-detail-hero--skill h1{margin:16px 0;font-size:clamp(32px,8.5vw,38px)}.project-detail-hero--skill .project-detail-hero-copy>p{font-size:14px}.project-detail-hero--skill .project-detail-hero-badges{gap:8px;margin-top:20px}.project-detail-hero--skill .project-detail-hero-badges span{min-height:30px;padding:0 8px;font-size:12px}.project-detail-hero--skill .project-detail-hero-badges svg{width:14px;height:14px}.project-detail-hero--skill .project-detail-hero-tags{gap:7px;margin-top:15px}.project-detail-hero--skill .project-detail-hero-tag{border-radius:8px;gap:5px;min-height:30px;padding:0 8px;font-size:12px}.project-detail-hero--skill .project-detail-hero-tag svg{width:14px;height:14px}.project-detail-hero--skill .project-detail-hero-tag+.project-detail-hero-tag{padding-left:8px}}.project-detail-single-note .markdown.practice-article{color:#42556f;font-size:15px;line-height:1.85}.project-detail-single-note .practice-article :is(h3,h4,h5,h6){color:#162844;letter-spacing:0;scroll-margin-top:100px;font-weight:750;line-height:1.5}.project-detail-single-note .practice-article .practice-article-title{margin:0 0 18px;font-size:27px;font-weight:800}.project-detail-single-note .practice-article .practice-article-heading{margin:32px 0 14px;font-size:22px}.project-detail-single-note .practice-article h4.practice-article-heading{font-size:19px}.project-detail-single-note .practice-article :is(h5,h6).practice-article-heading{font-size:17px}.project-detail-single-note .practice-article .practice-article-step{border-top:1px solid #e6edf7;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:36px 0 16px;padding-top:22px;font-size:21px;display:grid}.project-detail-single-note .practice-article .practice-article-step-label{color:#176bd7;white-space:nowrap;background:#eaf3ff;border-radius:6px;margin-top:1px;padding:5px 9px;font-size:13px;font-weight:700;line-height:1.6}.project-detail-single-note .practice-article .practice-article-links{flex-wrap:wrap;gap:9px;margin:12px 0 24px;display:flex}.project-detail-single-note .practice-article .practice-article-links a{color:#176bd7;background:#f7faff;border:1px solid #dbe7f7;border-radius:7px;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-size:13px;font-weight:650;line-height:1.6;text-decoration:none;display:inline-flex}.project-detail-single-note .practice-article .practice-article-links a:hover{background:#edf5ff;border-color:#9fbff0}.project-detail-single-note .practice-article .practice-article-links svg{flex:none}.project-detail-single-note .practice-article p{margin:14px 0;line-height:1.85}.project-detail-single-note .practice-article :is(ul,ol){margin:16px 0 22px;padding-left:24px}.project-detail-single-note .practice-article ul{list-style:outside}.project-detail-single-note .practice-article ol{list-style:decimal}.project-detail-single-note .practice-article li{margin:6px 0;line-height:1.85}.project-detail-single-note .practice-article a{color:#176bd7;font-weight:600;text-decoration-thickness:1px}.project-detail-single-note .practice-article blockquote{color:#526a89;background:#f4f8ff;border-left-color:#7da9eb;margin:20px 0}.project-detail-single-note .practice-article blockquote p{margin:0}.project-detail-single-note .practice-article p:has(>.markdown-image-trigger){margin:18px 0 28px}.project-detail-single-note .practice-article .markdown-image-trigger{background:#f8fafc;border:1px solid #e1e9f3;border-radius:10px;width:100%;margin:0;overflow:hidden}.project-detail-single-note .practice-article .markdown-image-trigger .markdown-image{border:0;border-radius:0;margin:0 auto}.project-detail-single-note .practice-article .prompt-code{margin:20px 0 24px}@media (max-width:600px){.project-detail-single-note .markdown.practice-article{font-size:14px}.project-detail-single-note .practice-article .practice-article-title{font-size:23px}.project-detail-single-note .practice-article .practice-article-heading{margin-top:26px;font-size:20px}.project-detail-single-note .practice-article h4.practice-article-heading{font-size:18px}.project-detail-single-note .practice-article .practice-article-step{gap:9px;margin-top:28px;padding-top:18px;font-size:18px}.project-detail-single-note .practice-article .practice-article-step-label{margin-top:0;padding:4px 7px;font-size:12px}.project-detail-single-note .practice-article .practice-article-links{gap:8px;margin-bottom:20px}.project-detail-single-note .practice-article .practice-article-links a{gap:6px;padding:7px 10px;font-size:12px}}