.method-detail{max-width:1280px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px}.method-detail>.hero{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:24px 0 0;padding:34px 36px;border:1px solid var(--bdr);border-radius:28px;background:var(--glassB);box-shadow:var(--sh1)}.method-detail>.hero{grid-template-columns:88px minmax(0,1fr);gap:28px}.method-detail>.hero .method-icon{float:none;grid-column:1;grid-row:1/6;align-self:start;width:88px;height:88px;margin:0;padding:16px;border-radius:22px;background:var(--acBg)}.method-detail>.hero>.eyebrow{grid-column:2;grid-row:1}.method-detail>.hero>h1{grid-column:2;grid-row:2}.method-detail>.hero>.english{grid-column:2;grid-row:3}.method-detail>.hero>.lead{grid-column:2;grid-row:4}.method-detail>.hero>.boundary{grid-column:2;grid-row:5;justify-self:start}.method-detail>.hero h1{max-width:850px;margin:8px 0 10px;font-size:clamp(32px,3.6vw,46px);line-height:1.28;letter-spacing:-.035em}.method-detail>.hero .lead{max-width:740px;margin:14px 0;color:var(--fg2);font-size:17px;line-height:1.8}.method-detail>.hero .english{margin:0;color:var(--fg2);font-family:var(--font-latin);font-size:var(--fs-sm)}.method-detail>.hero .boundary{display:inline-flex;margin-top:8px;padding:5px 10px;border:1px solid var(--bdr);border-radius:var(--r-full);color:var(--fg2);font-size:var(--fs-xs)}.method-detail>.eyebrow{margin:0;color:var(--accentDeep);font-size:var(--fs-caption);font-weight:500}.method-detail>a:first-child{grid-column:1/-1;display:inline-flex;min-height:44px;align-items:center;margin-top:24px;color:var(--fg2);font-size:var(--fs-sm)}.method-detail>.contents{position:sticky;top:96px;align-self:start;display:grid;gap:6px;margin:32px 0 0;padding:18px 12px;border-left:1px solid var(--bdr)}.method-detail>.contents::before{content:'方法阅读';margin:0 12px 10px;color:var(--fg2);font-size:var(--fs-xs)}.method-detail>.contents a{display:flex;align-items:center;min-height:42px;padding:8px 12px;border:0;border-radius:10px;color:var(--fg2);font-size:var(--fs-sm)}.method-detail>.contents a:hover,.method-detail>.contents a[aria-current="location"]{background:var(--acBg);color:var(--accentDeep);text-decoration:none}.method-detail>.contents>a[href^="/inno/needs"]{margin-top:16px;background:var(--action-bg);color:var(--action-fg);justify-content:center}.method-detail>section{grid-column:2;padding:0 0 32px;border-bottom:1px solid var(--bdrSoft);scroll-margin-top:100px}.method-detail>section+section{padding-top:8px}.method-detail>section>h2{margin:0 0 20px;font-size:26px;line-height:1.4;letter-spacing:-.02em}.method-detail>section>h3{margin:24px 0 10px;font-size:18px}.method-detail>section p{max-width:72ch}.method-detail>p:has(>a[href^="/inno/needs"]){grid-column:2;margin:24px 0}.method-detail>.decision{grid-column:2;margin:24px 0;padding:18px 20px;border:1px solid var(--bdrSoft);border-radius:16px;background:var(--acBg)}.method-detail>.io-grid{gap:18px}.method-detail>.io-grid article{padding:24px;border:1px solid var(--bdr);border-radius:18px;background:var(--card)}.method-detail>.io-grid article h3{margin:0 0 14px;font-size:17px}.method-detail>.io-grid article p{margin:8px 0;font-weight:500}.method-detail>.io-grid article small{display:block;margin:-4px 0 10px;color:var(--fg2);font-size:var(--fs-caption)}.method-detail .flow{position:relative;display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}.method-detail .flow li{border:0;background:transparent;padding:0}.method-detail .flow li a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--bdr);border-radius:16px;background:var(--card);color:var(--fg)}.method-detail .flow li a:hover{border-color:var(--accent);text-decoration:none}.method-detail .flow li span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--acBg);color:var(--accentDeep);font-size:14px}.method-detail .flow li strong{font-size:16px;font-weight:600}.method-detail .flow li p{grid-column:2;margin:0;color:var(--fg2);font-size:var(--fs-caption)}.method-detail .flow li small{grid-column:2;color:var(--fg2);font-size:var(--fs-xs)}.method-detail>.dependency-map{max-height:720px;margin:24px 0;padding:20px;border:1px solid var(--bdr);border-radius:18px;background:var(--demo);overflow:auto}.method-detail>.dependency-map svg{max-width:280px!important;margin:auto}.method-detail>.step{margin:14px 0;padding:0;border:1px solid var(--bdr);border-radius:18px;background:var(--card);overflow:hidden}.method-detail>.step>summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:14px 20px;cursor:pointer;list-style:none}.method-detail>.step>summary::-webkit-details-marker{display:none}.method-detail>.step>summary .number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--acBg);color:var(--accentDeep);font-size:var(--fs-caption)}.method-detail>.step>summary h3{margin:0;font-size:16px}.method-detail>.step-output{color:var(--fg2);font-size:var(--fs-xs);font-weight:400}.method-detail>.step>summary::after{content:'展开';margin-left:8px;color:var(--fg2);font-size:var(--fs-xs);font-weight:400}.method-detail>.step[open]>summary::after{content:'收起'}.method-detail>.step[open]>summary{border-bottom:1px solid var(--bdrSoft);background:var(--demo)}.method-detail>.step>*:not(summary){margin-inline:20px}.method-detail>.step>.decision{margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--acBg)}.method-detail>.step>.stop{margin-bottom:20px;color:var(--gd-warn-text)}.method-detail .relation-grid{gap:16px}.method-detail .relation{padding:20px;border:1px solid var(--bdr);border-radius:16px;background:var(--card)}.method-detail .relation h3{margin:6px 0 10px;font-size:16px}.method-detail .source{padding:22px;border:1px solid var(--bdr);border-radius:18px;background:var(--card)}.method-detail .source h3{margin:0 0 10px;font-size:16px}.method-detail .source a{color:var(--accentDeep)}.method-detail .code{border:1px solid var(--bdr);border-radius:16px;background:var(--demo)}.method-detail .actions a{margin:4px 0}.method-blueprint{margin:24px 0;padding:24px;border:1px solid var(--bdr);border-radius:20px;background:var(--card)}.method-blueprint h3{margin:0 0 10px;font-size:20px}.method-blueprint>p{max-width:72ch;color:var(--fg2);font-size:var(--fs-sm)}.blueprint-table{width:100%;margin-top:20px;border-collapse:separate;border-spacing:0;font-size:var(--fs-sm)}.blueprint-table th,.blueprint-table td{padding:14px;border-bottom:1px solid var(--bdr);text-align:left;vertical-align:top}.blueprint-table th{color:var(--fg2);font-size:var(--fs-caption);font-weight:500;background:var(--demo)}.blueprint-table td:first-child{font-weight:600;white-space:nowrap}.blueprint-table tr:last-child td{border-bottom:0}.blueprint-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.blueprint-legend span{padding:4px 9px;border:1px solid var(--bdr);border-radius:var(--r-full);color:var(--fg2);font-size:var(--fs-xs)}@media(max-width:1023px){.method-detail{grid-template-columns:180px minmax(0,1fr);gap:28px}.method-detail>.hero{padding:28px}.method-detail>.hero .method-icon{width:72px;height:72px}}@media(max-width:767px){.method-detail{display:block}.method-detail>.hero{padding:24px;grid-template-columns:minmax(0,1fr) auto;gap:16px}.method-detail>.hero h1{font-size:32px}.method-detail>.hero .method-icon{width:58px;height:58px;margin:0;padding:10px;border-radius:16px}.method-detail>.hero .lead{font-size:15px}.method-detail>.contents{position:static;display:flex;gap:4px;margin:20px 0 28px;padding:0 0 8px;overflow-x:auto;border-left:0;border-bottom:1px solid var(--bdr)}.method-detail>.contents::before,.method-detail>.contents::after{display:none}.method-detail>.contents a{flex:none;white-space:nowrap}.method-detail>section{scroll-margin-top:24px}.method-detail>.io-grid{grid-template-columns:1fr}.method-detail>.step>summary{grid-template-columns:36px minmax(0,1fr);padding:14px 16px}.method-detail>.step-output{display:none}.method-detail>.step>summary::after{grid-column:2}.method-blueprint{padding:18px;overflow:hidden}.blueprint-table{display:block;overflow-x:auto;white-space:normal}.blueprint-table th,.blueprint-table td{min-width:120px;padding:12px}.blueprint-table td:first-child{min-width:90px}}@media print{.method-detail{display:block}.method-detail>.contents{display:none}.method-detail>.hero{box-shadow:none}.method-detail>.step{break-inside:auto}.method-detail>.step>summary::after{display:none}.method-blueprint{overflow:visible}.blueprint-table{display:table;width:100%}}
