:root{--bg: #f4efe7;--tile: #fffdf9;--line: #e6dfd4;--sub: #f6f2eb;--sub-line: #e3dcd1;--hair: #efe9e0;--text: #2a2724;--muted: #8a847b;--soft: #5e5952;--dim: #a39d94;--ink: #fbf8f2;--seg: #efe9e0;--pad: 40px;--sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAN0lEQVR4nGNgGAWjYBQMLhAaGsoMwgxDDtTX1zOBaHNz03IQRhYjBIhSNHxA6JCN5FEwCoY5AAAHCwk92Wj+vQAAAABJRU5ErkJggg==) repeat;color:var(--text);font-family:var(--sans);font-size:14px;line-height:22px;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0;font-weight:inherit}img{display:block;height:auto}.cs{max-width:1920px;margin:0 auto;padding:40px 48px 120px;display:flex;flex-direction:column;gap:12px}.cs-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:48px;padding:8px 0 28px}.cs-nav{grid-column:1 / -1;display:flex;justify-content:flex-end;margin-bottom:56px}.cs-close{position:relative;width:44px;height:44px;border-radius:50%;background:var(--seg);transition:background-color .2s,transform .3s cubic-bezier(.4,0,.2,1)}.cs-close:before,.cs-close:after{content:"";position:absolute;left:13px;top:21px;width:18px;height:1.5px;background:var(--text);transform:rotate(45deg);transition:background-color .2s}.cs-close:after{transform:rotate(-45deg)}.cs-close:hover{background:var(--text);transform:rotate(90deg)}.cs-close:hover:before,.cs-close:hover:after{background:var(--ink)}.cs-close:focus-visible{outline:2px solid var(--text);outline-offset:2px}.cs-kicker{font:13px/20px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cs-head h1{margin-top:16px;font:700 88px/1.05 Songti SC,STSong,"Noto Serif SC",serif;letter-spacing:.01em}.cs-tagline{margin-top:20px;font-size:20px;line-height:32px;color:var(--soft)}.cs-date{text-align:right;padding-bottom:6px}.cs-date-row{display:flex;align-items:center;gap:20px;font-size:56px;line-height:1;font-weight:300}.cs-date-row i{width:160px;height:1px;background:var(--text)}.cs-tags{margin-top:14px;font:12px/20px var(--mono);letter-spacing:.12em;color:var(--muted)}.cs-perf{grid-column:1 / -1;height:8px;margin-top:40px;background:radial-gradient(circle,var(--dim) 2.2px,transparent 2.6px) 0 50% / 14px 8px repeat-x}[role=tab]:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--text);outline-offset:2px}.grid{display:grid;grid-template-columns:var(--cols);gap:12px}.tile{background:var(--tile);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 24px #46342212;padding:var(--pad);display:flex;flex-direction:column;gap:32px;min-width:0}.gap-40{gap:40px}.ttl{display:flex;align-items:center;gap:10px;font-size:18px;line-height:28px;font-weight:500}.ttl-tight{gap:8px;line-height:22px;letter-spacing:.06em}.ttl-ui{gap:8px;font-size:20px;line-height:22px;letter-spacing:.06em}.ico{width:20px;height:20px;flex:none}.t18m{font-size:18px;line-height:28px;font-weight:500}.t20{font-size:20px;line-height:34px;font-weight:300;letter-spacing:.02em}.t18{font-size:18px;line-height:30px;font-weight:300;letter-spacing:.02em}.lbl{color:var(--muted)}.lbl-ls{color:var(--muted);letter-spacing:.06em}.pre{white-space:pre-wrap}.green{color:#3f8f62}.head{display:flex;flex-direction:column;gap:16px}.head-8{gap:8px}.overview{gap:56px}.lead{font-size:18px;line-height:30px;font-weight:300;letter-spacing:.02em;color:var(--soft)}.lead .hl{font-weight:400;color:var(--text)}.meta-ttl{height:44px;align-items:flex-start}.meta-ttl .ico{margin-top:4px}.meta-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:10px 0;min-height:44px}.meta-row+.meta-row{border-top:1px solid var(--hair)}.meta-row span:first-child{color:var(--muted);flex:none}.meta-row span:last-child{font-size:16px;line-height:24px;text-align:right}.snapshot{gap:24px}.snapshot [role=tabpanel].enter{animation:snapshot-in .6s cubic-bezier(.2,.7,.2,1) both}@keyframes snapshot-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.snapshot [role=tabpanel].enter{animation:none}}.seg{display:flex;gap:4px;padding:4px;background:var(--seg);border:1px solid var(--line);border-radius:999px}.seg [role=tab]{appearance:none;border:0;margin:0;border-radius:999px;background:transparent;color:var(--soft);font:inherit;padding:8px 0;cursor:pointer;flex:1;white-space:nowrap}.seg [role=tab]:hover{color:var(--text)}.seg [role=tab][aria-selected=true]{background:var(--text);color:var(--ink);font-weight:500}.ui{padding:var(--pad) 0 0 var(--pad);gap:24px;overflow:hidden}.viewport{flex:none;margin-top:auto;border-radius:12px;overflow:hidden}.viewport img,.viewport video{width:531px;height:auto;display:block}.goals{justify-content:flex-start}.goal-list{display:flex;flex-direction:column;gap:48px}.goal{display:flex;flex-direction:column;gap:12px}.diag,.metric{background:var(--sub);border:1px solid var(--sub-line);border-radius:16px;min-width:0}.diag{padding:28px 18px 0;display:flex;flex-direction:column}.diag img{width:100%;margin-top:auto}.compare{padding-bottom:8px}.metric{padding:28px;display:flex;flex-direction:column;gap:12px}.metric .t20{text-wrap:balance;word-break:keep-all}.fig{width:100%;margin:0 auto}.fig-tile{align-items:center;justify-content:center;gap:0}.fig-tile img{width:100%}.process,.sec{display:flex;flex-direction:column;gap:12px}.sec-head{display:flex;align-items:center;box-sizing:border-box;min-height:136px;padding:28px 0 8px}.proc-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:136px;padding:28px 0 8px;position:sticky;top:-40px;z-index:5;pointer-events:none}.proc-head>*{pointer-events:auto}.proc-head h2{transition:opacity .2s}.proc-head.is-stuck h2{opacity:0}.proc-tabs{transition:box-shadow .2s}.proc-head.is-stuck .proc-tabs{box-shadow:0 8px 24px #2a27241f}.proc-tabs [role=tab]{flex:none;padding:8px 18px;display:flex;gap:8px;font-weight:400}.proc-tabs .k{font-family:var(--mono);color:var(--dim)}.proc-tabs [aria-selected=true] .k{color:var(--ink);font-weight:400}.proc-tabs [aria-selected=true] .k+span{font-weight:500}.panel,.dec-text{display:flex;flex-direction:column;gap:12px}.txt{gap:16px}.eyebrow{display:flex;flex-wrap:wrap;gap:0 10px;color:var(--muted)}.code{font-family:var(--mono);letter-spacing:.06em}.blue{color:#2a7fb8}.purple{color:#8152b8}.orange{color:#b0663a}.rows{display:flex;flex-direction:column;gap:20px}.rows-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.txt .rows{padding-top:8px}.txt{container-type:inline-size}@container (max-width: 719px){.rows-3{grid-template-columns:minmax(0,1fr);gap:20px}}.r{display:flex;flex-direction:column;gap:6px}@media(max-width:1099px){.grid,.rows-3{grid-template-columns:minmax(0,1fr)}.rows-3{gap:20px}.ui{padding-right:var(--pad)}.viewport{width:100%;max-width:531px}.viewport img,.viewport video{width:100%}.diag img,.viewport{margin-inline:auto}.grid>.fig-tile:first-child{order:1}.proc-head{grid-template-columns:auto minmax(0,1fr);column-gap:24px}.proc-tabs{justify-self:end}.proc-spacer{display:none}}@media(max-width:719px){:root{--pad: 20px}.cs{padding:24px 16px 64px}.cs-head{grid-template-columns:minmax(0,1fr);row-gap:28px;padding:0 0 20px}.cs-nav{margin-bottom:8px}.cs-head h1{font-size:48px}.cs-tagline{font-size:16px;line-height:26px}.cs-date{text-align:left}.cs-date-row{font-size:36px}.cs-date-row i{width:96px}.cs-perf{margin-top:4px}.tile{gap:24px;border-radius:16px}.overview,.goal-list{gap:32px}.t20{font-size:17px;line-height:29px}.t18,.lead{font-size:16px;line-height:27px}.ttl,.t18m{font-size:16px;line-height:26px}.ttl-ui{font-size:17px}.meta-row span:last-child{font-size:15px}.diag{padding:20px 12px 0}.metric{padding:20px}.proc-head{grid-template-columns:minmax(0,1fr);row-gap:16px;min-height:0;padding:16px 0 4px;top:-48px}.sec-head{min-height:0;padding:16px 0 4px}.proc-tabs{justify-self:stretch;display:grid;grid-template-columns:1fr 1fr;border-radius:24px}.proc-tabs [role=tab]{justify-content:center;padding:8px 10px}.fig-scroll{overflow-x:auto}.fig-scroll .fig{min-width:760px}}body{background-color:#f4efe7;background-image:url(data:image/png;base64,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),radial-gradient(ellipse 75% 60% at 80% 0%,#fffcf6f2,#fffcf600 70%),radial-gradient(ellipse 65% 55% at 0% 100%,#8c7a6429,#8c7a6400 70%);background-attachment:fixed}
