/* 设计哲学：侦探漫画分镜 + 城市温室观察笔记。CSS 必须强化深墨绿、雾蓝、暖米色和番茄红，避免泛模板化居中布局。 */
:root{--ink:#041311;--green:#093026;--green2:#12543d;--blue:#457887;--cream:#f7efdd;--paper:#fff9eb;--red:#d14636;--muted:#c7d8cf;--shadow:0 24px 70px rgba(4,19,17,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#f7efdd 0%,#eef5ef 45%,#d8e7e1 100%);color:#18352d;font-family:"Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}.dy-interference{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.topbar{display:flex;justify-content:space-between;gap:16px;padding:8px 5vw;background:var(--ink);color:var(--cream);font-size:14px}.main-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 5vw;background:rgba(9,48,38,.94);backdrop-filter:blur(12px);box-shadow:0 10px 24px rgba(0,0,0,.14)}.brand{display:flex;align-items:center;gap:12px;color:var(--cream);font-size:24px;font-weight:800}.brand img{width:120px;border-radius:14px}.nav-links{display:flex;flex-wrap:wrap;gap:10px}.nav-links a{padding:8px 13px;border:1px solid rgba(247,239,221,.22);border-radius:999px;color:var(--cream)}.nav-links a.active,.nav-links a:hover{background:var(--cream);color:var(--green)}.search-strip{padding:16px 5vw;background:#12382f;color:var(--cream)}.fake-search{display:flex;gap:10px;max-width:980px}.fake-search input{flex:1;padding:14px 16px;border:0;border-radius:14px;background:var(--paper);font-size:16px}.fake-search button,.hero-actions a,.video-card a,.expert-showcase a,.share-links a,.column-grid a{border:0;border-radius:14px;background:var(--red);color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.search-hint{margin:.5rem 0 0;color:var(--muted)}.hero{min-height:680px;background-image:linear-gradient(90deg,rgba(4,19,17,.92) 0%,rgba(4,19,17,.72) 38%,rgba(4,19,17,.22) 78%),var(--hero);background-size:cover;background-position:center;display:flex;align-items:center;padding:80px 5vw;color:var(--cream)}.hero-alt{position:absolute;width:1px;height:1px;opacity:.01}.hero-content{max-width:760px}.eyebrow{letter-spacing:.12em;color:#ffd1ad;font-weight:700}.hero h1{font-size:clamp(42px,7vw,92px);line-height:1.05;margin:12px 0}.lead{font-size:20px;color:#e9f2ed}.hero-actions,.hero-metrics,.share-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.hero-actions a:first-child{background:var(--cream);color:var(--green)}.hero-metrics span{padding:10px 14px;border:1px solid rgba(247,239,221,.32);border-radius:999px}.intro-grid,.video-grid,.module-grid,.comment-grid,.column-grid,.expert-list,.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:60px 5vw}.intro-grid{grid-template-columns:1.1fr 1.4fr}.intro-grid article,.video-card,.module-grid article,.comment,.column-grid article,.expert-list article,.contact-panel,.json-box,.faq details,.eeat{background:rgba(255,249,235,.88);border:1px solid rgba(9,48,38,.12);border-radius:26px;box-shadow:var(--shadow);padding:24px}.section-title{padding:70px 5vw 10px}.section-title h2,.page-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.12;color:var(--green);margin:.2em 0}.video-card figure{position:relative;margin:0 -6px 16px;overflow:hidden;border-radius:22px;background:#12382f}.video-card img{display:block;aspect-ratio:4/3;object-fit:cover;transition:transform .45s ease,filter .45s ease}.video-card:hover img,.video-card.is-hover img{transform:scale(1.05);filter:saturate(1.08) contrast(1.05)}.play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.7);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(209,70,54,.9);color:#fff;opacity:0;transition:.3s}.video-card:hover .play-btn,.video-card.is-hover .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.feature-band{margin:40px 0;padding:50px 5vw;background:linear-gradient(135deg,var(--green),#0d2420);color:var(--cream)}.feature-band>div:first-child{max-width:820px}.module-grid{padding:24px 0 0;grid-template-columns:repeat(4,minmax(0,1fr))}.module-grid article{color:#17352d}.module-grid img{border-radius:20px;aspect-ratio:4/3;object-fit:cover}.eeat{margin:60px 5vw}.expert-showcase,.content-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:60px 5vw}.expert-showcase img,.content-split img{border-radius:30px;box-shadow:var(--shadow);object-fit:cover}.faq{padding:60px 5vw}.faq h2,.comments h2,.json-box h2,.share h2{color:var(--green);font-size:34px}.faq details{margin:14px 0}.faq summary{font-weight:800;cursor:pointer}.comments{padding:20px 5vw}.json-box{margin:60px 5vw;overflow:auto}.json-box pre{white-space:pre-wrap;color:#d7f3e7;background:#061a16;border-radius:18px;padding:20px}.share{padding:50px 5vw}.page-hero{padding:60px 5vw 30px;background:linear-gradient(135deg,#f8f0de,#e1eee8)}.breadcrumbs{padding:18px 5vw;background:#e6efe8;color:var(--green);font-weight:700}.breadcrumbs span{margin:0 8px}.timeline,.contact-panel{margin:20px 5vw 60px}.site-footer{background:var(--ink);color:var(--cream);padding-top:30px}.qr-row{display:flex;gap:10px}.qr-row img{width:120px;border-radius:16px}.copyright{padding:20px 5vw;border-top:1px solid rgba(247,239,221,.18);color:#bcd1c8}.update-time{font-weight:800;color:#ffd1ad}@media(max-width:960px){.main-nav,.topbar{align-items:flex-start;flex-direction:column}.intro-grid,.video-grid,.module-grid,.comment-grid,.column-grid,.expert-list,.footer-grid,.expert-showcase,.content-split{grid-template-columns:1fr}.fake-search{flex-direction:column}.hero{min-height:560px}.brand img{width:98px}}@media(max-width:560px){.hero{padding:54px 24px}.intro-grid,.video-grid,.module-grid,.comment-grid,.column-grid,.expert-list,.footer-grid,.section-title,.faq,.comments,.share,.page-hero,.content-split,.expert-showcase{padding-left:24px;padding-right:24px}.nav-links a{font-size:14px}.hero h1{font-size:40px}}

.structured-blocks,.partner-wall,.company-contact,.mcp-front-demo{margin:60px 5vw;padding:30px;background:rgba(255,249,235,.9);border:1px solid rgba(9,48,38,.12);border-radius:28px;box-shadow:var(--shadow)}.json-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.structured-blocks pre,.partner-wall pre,.company-contact pre{white-space:pre-wrap;overflow:auto;background:#061a16;color:#d7f3e7;border-radius:18px;padding:18px}.logo-wall{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.logo-wall span{padding:14px 18px;border-radius:16px;background:linear-gradient(135deg,#12382f,#457887);color:#fff;font-weight:800}.company-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.company-contact img{border-radius:24px}.expert-list a{display:inline-block;margin:10px 8px 0 0;padding:9px 13px;background:var(--green);color:#fff;border-radius:12px}@media(max-width:900px){.json-columns,.company-contact{grid-template-columns:1fr}}
