:root{--color-bg: #f5f7f4;--color-surface: #ffffff;--color-surface-muted: #eef2ee;--color-border: #d7ded8;--color-text: #26302f;--color-muted: #6f7b78;--color-subtle: #8a9491;--color-primary: #58756f;--color-primary-dark: #344e49;--color-primary-soft: #e8eee9;--color-blue: #7d93a6;--color-blue-soft: #e8eef2;--color-clay: #b08a78;--color-clay-soft: #f1e8e3;--color-olive: #8c9b7a;--color-olive-soft: #edf1e7;--color-chapter-dark: #1f332f;--color-chapter-paper: #f4efe6;--color-chapter-gold: #c8a45d;--color-ink-soft: #dbe5dc;--shadow-soft: 0 18px 50px rgba(38, 48, 47, .08);--shadow-strong: 0 24px 70px rgba(31, 51, 47, .18);--max-width: 1180px;--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--color-chapter-paper);color:var(--color-text);font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:18px 0;background:#f4efe6e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{font-size:18px;font-weight:700;color:var(--color-primary-dark)}.desktop-nav{display:flex;gap:18px;font-size:14px;color:var(--color-muted)}.desktop-nav a:hover,.mobile-nav a:hover{color:var(--color-primary-dark)}.menu-button{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius);color:var(--color-text)}.mobile-nav{position:absolute;top:66px;right:0;display:grid;gap:12px;width:190px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft)}.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:44px;align-items:center;min-height:min(780px,calc(100vh - 86px));width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:42px 0 70px}.hero>*,.detail-hero>*,.toolkit-feature>*,.knowledge-layout>*{min-width:0}.hero h1,.detail-hero h1{margin:18px 0;font-size:56px;line-height:1.08;letter-spacing:0;font-family:"Noto Serif SC",Songti SC,SimSun,serif;overflow-wrap:anywhere}.hero-subtitle{max-width:680px;margin:0;color:var(--color-muted);font-size:17px}.hero-summary{max-width:640px;margin:22px 0 0;padding-left:16px;border-left:3px solid var(--color-chapter-gold);color:var(--color-primary-dark);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.proof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.proof-stats div{min-height:72px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffff94}.proof-stats strong,.proof-stats span{display:block}.proof-stats strong{color:var(--color-primary-dark);font-size:24px;line-height:1.1;font-family:"Noto Serif SC",Songti SC,SimSun,serif}.proof-stats span{margin-top:4px;color:var(--color-muted);font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:var(--radius);border:1px solid var(--color-border);font-weight:700}.button.primary{background:var(--color-chapter-dark);border-color:var(--color-chapter-dark);color:#fff}.button.secondary{background:var(--color-primary-soft);color:var(--color-primary-dark)}.button.ghost{background:transparent;color:var(--color-primary-dark)}.hero-visual{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft)}.hero-collage{display:grid;grid-template-columns:1.1fr .85fr;grid-template-rows:210px 168px 150px;gap:14px}.collage-card,.collage-note{overflow:hidden;border:1px solid rgba(31,51,47,.12);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-soft)}.collage-card.large{grid-row:span 2}.collage-card img{width:100%;height:100%;object-fit:cover;object-position:top}.collage-note{display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:var(--color-chapter-dark);color:var(--color-ink-soft)}.collage-note span{color:var(--color-chapter-gold);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.collage-note strong{color:#fff;font-size:20px;line-height:1.35;overflow-wrap:anywhere}.hero-collage .collage-card:last-child{grid-column:span 2}.hero-visual img{width:100%;height:auto}.tag-row,.mini-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-row span,.mini-tags span{display:inline-flex;align-items:center;max-width:100%;min-height:26px;padding:4px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:12px;font-weight:700}.section{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:72px 0}.contents-section,.toolkit-section{width:100%;padding:78px max(16px,calc((100% - var(--max-width)) / 2))}.contents-section{background:var(--color-chapter-dark);color:#fff}.contents-inner,.toolkit-inner{width:100%}.chapter-label{color:var(--color-chapter-gold);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.contents-section h2{max-width:760px;margin:12px 0 28px;font-size:36px;line-height:1.2;font-family:"Noto Serif SC",Songti SC,SimSun,serif}.contents-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(219,229,220,.22);background:#dbe5dc38}.contents-item{position:relative;min-height:190px;padding:22px;background:var(--color-chapter-dark)}.contents-item span{color:var(--color-chapter-gold);font-weight:900}.contents-item strong{display:block;margin:26px 0 10px;font-size:22px;font-family:"Noto Serif SC",Songti SC,SimSun,serif}.contents-item p{margin:0;color:var(--color-ink-soft);font-size:14px}.contents-item svg{position:absolute;right:22px;bottom:22px;color:var(--color-chapter-gold)}.section-intro{max-width:760px;margin-bottom:28px}.eyebrow{margin:0 0 10px;color:var(--color-primary);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-intro h2,.contact-copy h2,.detail-block h2,.detail-cta h2{margin:0;font-size:34px;line-height:1.2;letter-spacing:0;font-family:"Noto Serif SC",Songti SC,SimSun,serif}.section-intro p,.capability-card p,.chain-card p,.method-card p,.architecture-card p,.timeline-item p,.project-card p,.detail-block p,.detail-cta p,.qr-panel p{color:var(--color-muted)}.capability-grid,.knowledge-grid,.chain-grid,.method-grid,.architecture-grid,.project-grid{display:grid;gap:18px}.capability-grid{grid-template-columns:repeat(4,1fr)}.capability-card,.knowledge-card,.chain-card,.method-card,.architecture-card,.timeline-item,.project-card,.qr-panel,.detail-block,.detail-cta{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.capability-card,.knowledge-card,.chain-card,.method-card,.architecture-card,.timeline-item{padding:22px}.architecture-card{overflow:hidden;padding:0}.architecture-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.architecture-card h3,.architecture-card p,.architecture-card small{display:block;margin-right:18px;margin-left:18px}.architecture-card h3{margin-top:18px}.architecture-card small{margin-bottom:20px}.architecture-link{display:inline-flex;align-items:center;gap:6px;margin:0 18px 20px;color:var(--color-primary-dark);font-size:13px;font-weight:900}.architecture-card:hover h3,.architecture-card:hover .architecture-link{color:var(--color-clay)}.knowledge-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px;align-items:stretch}.knowledge-board{min-height:470px;padding:26px;border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(180deg,#e8eee9bf,#ffffffeb),var(--color-surface)}.board-title{color:var(--color-primary-dark);font-weight:900}.board-map{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px}.board-map span{display:flex;align-items:center;min-height:72px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius);background:#ffffffc2;color:var(--color-primary-dark);font-weight:800}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.knowledge-card{display:flex;min-height:224px;flex-direction:column;gap:12px}.knowledge-card svg{color:var(--color-clay)}.knowledge-card h3{margin:0}.knowledge-card p{margin:0;color:var(--color-muted)}.knowledge-card small{margin-top:auto;color:var(--color-primary-dark);font-size:13px;font-weight:700}.card-icon{color:var(--color-primary)}.capability-card h3,.chain-card h3,.method-card h3,.architecture-card h3,.timeline-item h3,.project-card h3{margin:14px 0 8px;line-height:1.25}.capability-card small,.architecture-card small,.project-meta{color:var(--color-subtle);font-size:13px}.chain-section,.method-section,.packages-section{width:100%;max-width:none;padding:82px max(16px,calc((100% - var(--max-width)) / 2));background:var(--color-surface-muted)}.method-section{background:var(--color-chapter-paper)}.packages-section{background:var(--color-chapter-dark);color:#fff}.packages-section .section-intro h2{color:#fff}.packages-section .section-intro p{color:var(--color-ink-soft)}.packages-inner{width:100%}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.package-card{display:flex;min-height:420px;flex-direction:column;padding:22px;border:1px solid rgba(219,229,220,.22);border-radius:var(--radius);background:#ffffff0f}.package-card span,.detail-label{color:var(--color-chapter-gold);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.package-card h3{margin:14px 0 10px;font-size:23px;line-height:1.25;font-family:"Noto Serif SC",Songti SC,SimSun,serif}.package-card p,.package-card dd{color:var(--color-ink-soft)}.package-card p{margin:0 0 18px}.package-card dl{display:grid;gap:14px;margin:auto 0 0}.package-card dt{color:#fff;font-weight:900}.package-card dd{margin:4px 0 0;font-size:14px}.package-cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#fff;font-weight:900}.toolkit-section{background:#efe8dc}.toolkit-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:stretch}.toolkit-copy{padding:28px;border-radius:var(--radius);background:var(--color-chapter-dark);color:#fff}.toolkit-copy h3{margin:22px 0 14px;font-size:34px;line-height:1.2;font-family:"Noto Serif SC",Songti SC,SimSun,serif}.toolkit-copy p{color:var(--color-ink-soft)}.toolkit-copy .mini-tags span{background:#ffffff1a;color:#fff}.toolkit-copy .inline-link{color:#fff}.toolkit-images{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.toolkit-images img{width:100%;height:100%;min-height:390px;object-fit:cover;object-position:top;border:1px solid rgba(31,51,47,.14);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.workflow-strip{display:grid;grid-template-columns:160px 260px 1fr 24px;gap:18px;align-items:center;margin-top:18px;padding:18px 22px;border:1px solid rgba(31,51,47,.16);border-radius:var(--radius);background:#ffffffb8}.workflow-strip span{color:var(--color-clay);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.workflow-strip p{margin:0;color:var(--color-muted)}.chain-grid{grid-template-columns:repeat(3,1fr)}.step-number{color:var(--color-clay);font-size:14px;font-weight:900}.core-grid,.supporting-grid{grid-template-columns:repeat(3,1fr)}.project-card{overflow:hidden}.project-card>img,.project-placeholder,.project-gallery-preview{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-bottom:1px solid var(--color-border)}.project-gallery-preview{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:1px;overflow:hidden;background:var(--color-border)}.project-gallery-preview img{width:100%;height:100%;object-fit:cover;object-position:top}.project-gallery-preview img:first-child{grid-row:span 2}.project-placeholder{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:22px;background:linear-gradient(135deg,var(--color-primary-soft),var(--color-blue-soft));color:var(--color-primary-dark)}.project-placeholder.large{aspect-ratio:16 / 10;border:1px solid var(--color-border);border-radius:var(--radius)}.project-placeholder span{font-size:12px;font-weight:800}.project-content{padding:20px}.project-meta{display:grid;gap:4px}.inline-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;color:var(--color-primary-dark);font-weight:800}.method-grid,.architecture-grid{grid-template-columns:repeat(4,1fr)}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:220px 1fr;gap:24px}.timeline-item span{color:var(--color-primary);font-weight:800}.timeline-item h3{margin-top:0}.contact-section{display:grid;grid-template-columns:1fr 300px;gap:34px;align-items:start}.contact-copy ul,.detail-block ul{padding-left:20px;color:var(--color-muted)}.qr-panel{padding:24px;text-align:center}.qr-panel svg{color:var(--color-primary)}.qr-panel img{width:210px;margin:16px auto;border-radius:var(--radius)}.footer{display:flex;justify-content:space-between;gap:16px;width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:32px 0 40px;border-top:1px solid var(--color-border);color:var(--color-muted);font-size:14px}.detail-page{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:42px 0 80px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary-dark);font-weight:800}.detail-hero{display:grid;grid-template-columns:1fr .9fr;gap:38px;align-items:center;padding:42px 0}.detail-hero>img{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.detail-block{margin:22px 0;padding:28px}.highlight-block{background:var(--color-primary-soft)}.story-overview{display:grid;grid-template-columns:1.08fr .92fr;gap:26px}.detail-label{display:block;margin:0 0 8px}.detail-lead{color:var(--color-muted);font-size:17px}.detail-block h3{margin:24px 0 8px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery img{border:1px solid var(--color-border);border-radius:var(--radius)}.detail-cta{padding:30px;margin-top:34px;background:var(--color-surface-muted)}.cooperation-cut{background:var(--color-chapter-dark);color:#fff}.cooperation-cut h2{color:#fff}.cooperation-cut p{color:var(--color-ink-soft)}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cooperation-cut .button.primary{background:#fff;border-color:#fff;color:var(--color-chapter-dark)}.cooperation-cut .button.ghost{border-color:#ffffff52;color:#fff}@media(max-width:1024px){.hero,.detail-hero,.contact-section,.knowledge-layout,.toolkit-feature{grid-template-columns:1fr}.capability-grid,.contents-grid,.core-grid,.supporting-grid,.method-grid,.architecture-grid,.chain-grid,.package-grid{grid-template-columns:repeat(2,1fr)}.timeline-item{grid-template-columns:1fr;gap:6px}.toolkit-images{grid-template-columns:1fr 1fr}}@media(max-width:680px){.desktop-nav{display:none}.menu-button{display:inline-flex}.hero{min-height:auto;gap:28px;padding-top:24px}.hero-copy,.hero-collage{width:100%;max-width:100%;overflow:hidden}.hero h1,.detail-hero h1{font-size:34px;word-break:break-all}.hero-subtitle,.hero-summary,.detail-lead{overflow-wrap:anywhere}.tag-row,.mini-tags{max-width:100%}.tag-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.tag-row span{justify-content:center;text-align:center;word-break:keep-all}.section-intro h2,.contact-copy h2,.detail-block h2,.detail-cta h2,.contents-section h2,.toolkit-copy h3{font-size:26px}.hero-actions{display:grid}.proof-stats{grid-template-columns:repeat(2,1fr)}.button{width:100%}.capability-grid,.contents-grid,.knowledge-grid,.core-grid,.supporting-grid,.method-grid,.architecture-grid,.chain-grid,.package-grid,.story-overview,.gallery,.hero-collage,.toolkit-images,.workflow-strip,.board-map{grid-template-columns:1fr}.hero-collage{grid-template-rows:none}.collage-card,.collage-card.large{min-height:210px;grid-row:auto}.hero-collage .collage-card:last-child{grid-column:auto}.contents-item{min-height:150px}.knowledge-board{min-height:auto}.toolkit-images img{min-height:240px}.section{padding:52px 0}.chain-section,.method-section,.packages-section{padding-top:58px;padding-bottom:58px}.package-card{min-height:auto}.contact-section{padding-top:52px}.footer{flex-direction:column}}@media(max-width:430px){.site-header,.hero,.section,.detail-page,.footer{width:min(358px,calc(100% - 32px))}.hero h1{max-width:9.4em}}