:root{--page:#f3f6fa;--surface:#fff;--ink:#112640;--body:#43556b;--muted:#687a8e;--line:#e4eaf1;--blue:#1769e8;--blue-hover:#1056c1;--soft-blue:#edf4ff;--teal:#157d71;--radius:20px;--shadow:0 8px 28px rgba(30,55,90,.045);font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;font-synthesis:none;color:var(--ink);background:var(--page);font-size:16px;line-height:1.65}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:320px}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid #659cec;outline-offset:4px}button:disabled{cursor:default}svg{display:block}.skip-link{position:fixed;left:20px;top:-90px;z-index:20;padding:10px 16px;border-radius:8px;background:var(--ink);color:#fff}.skip-link:focus{top:16px}.topbar{max-width:1536px;margin:auto;padding:23px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:18px;font-weight:750;font-size:15px;min-width:0}.brand-logo{padding:7px 10px;background:#1455ab;border-radius:8px;display:block;flex:none}.brand-logo img{width:124px;height:auto}.brand-divider{height:24px;width:1px;background:#d3dce8}.brand-name{white-space:nowrap}.topbar-note{font-size:12px;color:var(--muted);font-weight:600}.page-shell{width:100%;max-width:1536px;margin:auto;padding:0 36px 24px}.hero{position:relative;overflow:hidden;isolation:isolate;background:#edf3fc;border:1px solid #dce6f3;border-radius:var(--radius);min-height:194px;margin-bottom:28px;display:flex;align-items:center}.hero-art{position:absolute;inset:0 0 0 auto;width:66%;height:100%;max-width:none;object-fit:cover;object-position:right center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f0f5fc 0%,#f0f5fc 35%,rgba(240,245,252,.9) 49%,rgba(240,245,252,0) 72%)}.hero-copy{padding:27px 32px;max-width:760px}.eyebrow{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#527596;margin-bottom:6px}h1{font-size:clamp(28px,2.65vw,38px);line-height:1.3;letter-spacing:-.04em;font-weight:850}.hero-copy>p{font-size:14px;color:var(--body);margin-top:9px}.hero-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 0;margin-top:17px;color:#596e87;font-size:11px}.hero-summary>span{padding:0 15px;border-left:1px solid #cfddec}.hero-summary>span:first-child{padding-left:0;border-left:0}.hero-summary strong{color:#24557f;font-size:13px;font-weight:750;margin-right:3px}.workspace{display:grid;grid-template-columns:314px minmax(0,1fr);gap:26px;align-items:start}.sidebar{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:22px 15px 16px;box-shadow:var(--shadow);min-width:0}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 8px 17px;gap:12px}.sidebar-heading h2{font-size:18px;font-weight:750;line-height:1.4}.count-badge{font-size:12px;font-weight:750;display:grid;place-items:center;border-radius:7px;background:#eef3f8;color:#61738a;min-width:27px;height:25px;padding:0 6px}.search-label{display:block;color:#65768a;font-size:11px;margin:0 9px 7px}.search-box{display:flex;align-items:center;gap:9px;margin:0 6px 17px;border:1px solid #d9e2ed;border-radius:10px;padding:0 11px;background:#fafbfd;min-height:44px;transition:border-color .18s,box-shadow .18s}.search-box:focus-within{border-color:#80aaf0;box-shadow:0 0 0 3px #1769e818;background:#fff}.search-box svg{width:17px;height:17px;color:#8190a2;flex:none}.search-box input{width:100%;min-width:0;font-size:13px;line-height:1.5;padding:11px 0;color:var(--ink);outline:none;border:0;background:transparent}.search-box input::placeholder{color:#8995a5}.search-box input:focus-visible{outline:none}.poc-list{display:grid;gap:6px}.poc-button{position:relative;display:grid;grid-template-columns:39px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:15px 11px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left;color:var(--ink);transition:background .18s,border-color .18s}.poc-button:hover{background:#f6f8fb}.poc-button[aria-selected=true]{background:#edf4ff;border-color:#cedff8}.poc-button[aria-selected=true]:before{content:"";position:absolute;left:-1px;top:18px;bottom:18px;width:3px;background:var(--blue);border-radius:0 4px 4px 0}.project-icon{--tone:#457ead;--tint:#edf4fb;display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:11px;background:var(--tint);color:var(--tone)}.project-icon svg{width:22px;height:22px}.project-icon.large{width:50px;height:50px;border-radius:13px}.project-icon.large svg{width:28px;height:28px}.tone-meeting{--tone:#3376c4;--tint:#e8f2fe}.tone-game{--tone:#1769e8;--tint:#eaf1ff}.tone-formula{--tone:#7552c0;--tint:#f0eaff}.tone-formula-desktop{--tone:#6655b4;--tint:#efecfc}.tone-courseware{--tone:#158a92;--tint:#e5f6f6}.tone-video{--tone:#147c71;--tint:#e7f5ef}.tone-editor{--tone:#4865a7;--tint:#edf1fb}.tone-analytics{--tone:#b27625;--tint:#fff4e2}.tone-scoring{--tone:#ad5776;--tint:#fceef3}.poc-copy{min-width:0}.poc-copy strong{display:block;font-size:13px;line-height:1.55;font-weight:750;overflow-wrap:anywhere}.poc-copy .list-description{display:block;font-size:11px;line-height:1.75;color:#667991;margin-top:5px;overflow-wrap:anywhere}.poc-copy .tech-pill{margin-top:8px}.tech-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;background:#edf2f8;color:#5f728b;font-size:9px;line-height:1.6;font-weight:750;border-radius:5px;letter-spacing:.025em;white-space:nowrap}.tech-pill.download{background:#fff1e4;color:#a85b1d}.tech-pill.skill{background:#e7f5ef;color:#167365}.sidebar-footnote{margin:18px 8px 0;padding-top:16px;border-top:1px solid var(--line);font-size:10px;color:#6b7d91;line-height:1.8}.poc-empty{padding:24px 12px;color:var(--muted);text-align:center;font-size:13px;line-height:1.8}.project-detail{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);scroll-margin-top:24px}.detail-header{padding:26px 28px 0}.detail-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:10px;font-weight:700;letter-spacing:.04em;color:#6f8196;margin-bottom:14px}.detail-kicker>span:first-child{color:#7a8da5;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.12em}.kicker-line{width:20px;height:1px;background:#cbd6e3}.detail-title-row{display:flex;align-items:center;gap:13px;min-width:0}.detail-title-row h2{min-width:0;flex:1;font-size:clamp(24px,2.1vw,31px);line-height:1.4;font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere}.detail-action{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:43px;flex:none;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:10px;padding:10px 18px;font-size:12px;font-weight:750;white-space:nowrap;transition:background .18s,box-shadow .18s;box-shadow:0 4px 12px #1769e81a}.detail-action:hover{background:var(--blue-hover);box-shadow:0 6px 18px #1769e82e}.detail-action svg{width:15px;height:15px}.detail-action.download{background:#fff6eb;color:#a85415;border-color:#f1d9bf;box-shadow:none}.detail-action.download:hover{background:#ffefdc}.project-description{color:var(--body);font-size:13px;line-height:1.85;margin-top:17px;max-width:80ch;overflow-wrap:anywhere}.tag-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px}.tag-list span{padding:3px 9px;border-radius:6px;font-size:10px;font-weight:650;line-height:1.65}.tag-mint{color:#217260;background:#eaf6ef}.tag-sky{color:#315f9b;background:#edf3fc}.tag-purple{color:#695395;background:#f2edfa}.tag-orange{color:#a1602e;background:#fff3e8}.project-stats{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:21px 0;margin-top:2px}.author{display:flex;align-items:center;gap:8px}.author-avatar{display:grid;place-items:center;width:30px;height:30px;background:#eef1f6;color:#627189;border-radius:50%;font-size:11px}.author>span:last-child{display:flex;align-items:center;gap:8px}.author small,.usage-stat>span{font-size:10px;color:#7a8a9b}.author strong{font-size:11px;font-weight:700}.usage-stat{display:flex;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:20px}.usage-stat strong{font-family:Arial,sans-serif;font-size:12px;color:#344b66;font-variant-numeric:tabular-nums}.like-button{display:flex;align-items:center;gap:8px;margin-left:auto;padding:8px 10px;min-height:36px;border:1px solid #e1e9f2;background:#fff;border-radius:8px;color:#556b83;font-size:10px;line-height:1.4;transition:background .18s,border-color .18s}.like-button svg{width:15px;height:15px}.like-button strong{font-family:Arial,sans-serif;font-variant-numeric:tabular-nums;color:#29456a;font-size:11px}.like-button:hover{background:var(--soft-blue);border-color:#aac8f3}.plus-one{color:#2764b8;font-size:9px;background:#edf4ff;padding:2px 5px;border-radius:4px}.detail-content{padding:24px 28px 22px}.overview-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px;align-items:start}.project-visual{min-width:0;background:#f7f9fc;border:1px solid var(--line);border-radius:14px}.visual-image-wrap{border-radius:13px 13px 0 0;overflow:hidden;background:#f4f7fb}.visual-image-wrap img{width:100%;height:auto;max-width:none;object-fit:contain}.project-visual figcaption{display:flex;align-items:center;gap:7px;padding:11px 13px;font-size:10px;color:#6a7f95;background:#fff;border-radius:0 0 14px 14px}.caption-dot{height:5px;width:5px;flex:none;border-radius:50%;background:#789bc9}.visual-type{margin-left:auto;color:#8393a8;font-family:Arial,sans-serif;font-size:9px}.overview-copy{display:grid;gap:16px;min-width:0}.info-section{padding:19px 20px;background:#fafbfd;border:1px solid var(--line);border-radius:14px;min-width:0}.intro-section{background:#f4f8fe;border-color:#e1eafa}.scope-section{background:#f7faf9;border-color:#e3eee8}.info-heading{display:flex;align-items:center;gap:8px;margin-bottom:11px}.info-heading h3{font-size:12px;color:#274562;font-weight:750;line-height:1.5}.section-marker{color:#8193a7;font-size:8px;font-weight:700;letter-spacing:.025em;font-family:Arial,sans-serif}.info-section p{font-size:12px;color:#485b72;line-height:1.9;overflow-wrap:anywhere;word-break:normal}.context-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:20px;align-items:stretch}.reuse-section{background:#fafbfd}.contributors{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff}.contributor-icon{color:#7c90a6;flex:none}.contributor-icon svg{width:17px;height:17px}.contributors h3{font-size:11px;font-weight:650;color:#63778f;white-space:nowrap;line-height:1.75}.contributors p{font-size:11px;color:#475d75;line-height:1.75;overflow-wrap:anywhere;min-width:0}.stats-note{font-size:9px;color:#79899b;line-height:1.7;margin:13px 1px 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dde5ef;padding:20px 2px 0;margin-top:32px;font-size:10px;color:#788aa0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);z-index:30;padding:10px 18px;background:#173454;color:#fff;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;max-width:calc(100% - 40px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1650px){.page-shell,.topbar{max-width:1640px}.workspace{grid-template-columns:330px minmax(0,1fr)}.hero{min-height:210px}.detail-header{padding:32px 36px 0}.detail-content{padding:28px 36px}.poc-copy strong{font-size:14px}.poc-copy .list-description{font-size:12px}.info-section p{font-size:14px}.info-heading h3{font-size:14px}.project-description{font-size:14px}.detail-title-row h2{font-size:34px}.info-section{padding:23px 24px}.overview-grid{gap:26px}.project-stats{padding:24px 0}}
@media(max-width:1150px){.page-shell{padding:0 24px 24px}.topbar{padding:20px 24px}.workspace{grid-template-columns:280px minmax(0,1fr);gap:20px}.detail-header{padding:23px 22px 0}.detail-content{padding:22px}.overview-grid{grid-template-columns:1fr}.project-visual{max-width:520px;width:100%}.overview-copy{grid-template-columns:1fr 1fr}.context-grid{grid-template-columns:1fr}.detail-title-row{flex-wrap:wrap}.detail-title-row h2{flex-basis:calc(100% - 66px)}.detail-action{margin-left:63px}.hero-copy{padding:26px}.hero-copy>p{max-width:470px}.hero-art{width:70%}}
@media(max-width:820px){.workspace{grid-template-columns:1fr}.sidebar{padding:18px 14px}.poc-list{grid-template-columns:1fr 1fr;gap:8px}.poc-button{border-color:#eaf0f7;background:#fbfcfe}.sidebar-footnote{display:none}.sidebar-heading{padding-bottom:12px}.search-label{font-size:12px}.search-box{max-width:none}.poc-copy strong{font-size:13px}.poc-copy .list-description{font-size:12px}.hero{min-height:180px}.hero-art{width:75%;opacity:.75}.hero-copy>p{max-width:400px}.topbar-note{display:none}.project-visual{max-width:none}.overview-grid{grid-template-columns:1fr 1fr}.overview-copy{grid-template-columns:1fr}.context-grid{grid-template-columns:1fr 1fr}.info-section p{font-size:13px}.project-description{font-size:14px}.detail-title-row{flex-wrap:nowrap}.detail-title-row h2{flex-basis:auto}.detail-action{margin-left:auto}.site-footer{align-items:start}}
@media(max-width:580px){.topbar{padding:18px 16px}.brand{gap:12px;font-size:12px}.brand-logo img{width:105px}.brand-logo{padding:6px 8px}.brand-divider{height:20px}.page-shell{padding:0 16px 20px}.hero{border-radius:16px;min-height:192px;margin-bottom:20px}.hero-copy{padding:22px 20px}.hero-art{width:100%;opacity:.3}.hero:after{background:linear-gradient(90deg,#f0f5fc 0%,rgba(240,245,252,.96) 35%,rgba(240,245,252,.25) 100%)}.eyebrow{font-size:9px}h1{font-size:27px}.hero-copy>p{font-size:13px;line-height:1.8;max-width:310px}.hero-summary{font-size:10px;gap:6px 0;margin-top:14px}.hero-summary>span{padding:0 9px}.hero-summary>span:nth-child(3){padding-left:0;border-left:0}.hero-summary strong{font-size:11px}.hero-summary{max-width:290px}.hero-summary>span{flex-basis:50%}.hero-summary>span:nth-child(even){border-left:1px solid #cfddec}.sidebar{border-radius:16px}.poc-list{grid-template-columns:1fr}.poc-button{grid-template-columns:40px minmax(0,1fr);padding:15px 13px}.poc-copy strong{font-size:14px}.poc-copy .list-description{font-size:13px;line-height:1.75}.poc-copy .tech-pill{font-size:10px}.search-box{min-height:46px}.search-box input{font-size:16px}.project-detail{border-radius:16px}.detail-header{padding:23px 19px 0}.detail-kicker{font-size:10px}.detail-title-row{flex-wrap:wrap;gap:12px}.project-icon.large{width:44px;height:44px;border-radius:12px}.project-icon.large svg{width:25px;height:25px}.detail-title-row h2{font-size:24px;flex-basis:calc(100% - 58px)}.detail-action{margin:3px 0 0;width:100%;min-height:46px;font-size:14px}.project-description{font-size:15px;line-height:1.8}.tag-list span{font-size:11px}.project-stats{gap:12px;padding:18px 0;flex-wrap:wrap}.author small,.usage-stat>span{font-size:10px}.author strong{font-size:11px}.usage-stat{padding-left:12px;gap:5px}.like-button{min-height:44px;gap:6px;padding:8px;font-size:11px}.plus-one{display:none}.detail-content{padding:20px 19px}.overview-grid,.overview-copy,.context-grid{grid-template-columns:1fr;gap:16px}.info-section{padding:20px}.info-heading h3{font-size:14px}.section-marker{font-size:10px}.info-section p{font-size:16px;line-height:1.8}.project-visual figcaption{font-size:11px;padding:12px}.context-grid{margin-top:16px}.contributors{padding:16px 15px;flex-wrap:wrap;gap:8px}.contributors h3{font-size:12px}.contributors p{flex-basis:100%;font-size:14px}.stats-note{font-size:10px}.site-footer{flex-direction:column;gap:7px;font-size:10px}.toast{bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Full text stays in natural document flow at every viewport size. */
.poc-copy .list-description{font-size:13px;line-height:1.75}.poc-copy strong{font-size:14px}.info-section p{font-size:14px;line-height:1.85}.info-heading h3{font-size:13px}.project-description{font-size:14px}.hero-copy>p{font-size:15px}.hero-summary{font-size:12px}.tech-pill{font-size:10px}.tag-list span{font-size:11px}.author small,.usage-stat>span{font-size:11px}.author strong{font-size:12px}.like-button{font-size:11px;min-height:44px}.stats-note{font-size:11px}.contributors h3,.contributors p{font-size:12px}.sidebar-footnote{font-size:11px}.detail-action{font-size:13px;min-height:44px}.back-to-list{display:none;border:0;background:transparent;color:#526f90;font-size:12px;padding:0;min-height:44px;margin-bottom:10px;text-align:left}.project-visual figcaption{font-size:11px;flex-wrap:wrap}.project-visual figcaption>span:nth-child(2){min-width:0;overflow-wrap:anywhere;flex:1}.visual-type{flex:none}.section-marker{font-size:9px}.detail-kicker{font-size:11px}.search-label{font-size:12px}.site-footer{font-size:11px}
@media(max-width:820px){.back-to-list{display:block}}
@media(max-width:580px){.info-section p{font-size:16px}.info-heading h3{font-size:14px}.project-description{font-size:15px}.hero-copy>p{font-size:13px}.hero-summary{font-size:11px}.tag-list span{font-size:11px}.detail-action{font-size:14px}.contributors p{font-size:14px}.poc-copy .list-description{font-size:13px}.site-footer{font-size:10px}}
/* Keep complete artwork visible, and align the adjacent information cards through grid sizing. */
.hero-art{object-fit:contain;object-position:right center}
@media(min-width:1151px){.overview-grid{align-items:stretch}.project-visual{align-self:start}.overview-copy{height:100%;grid-template-rows:minmax(min-content,1fr) minmax(min-content,1fr)}}
@media(min-width:581px) and (max-width:820px){.overview-grid{align-items:stretch}.project-visual{align-self:start}.overview-copy{height:100%;grid-template-rows:minmax(min-content,1fr) minmax(min-content,1fr)}}