:root{
  --brand:#7C5CFC;--pink:#E98FB3;--ink:#211D2B;--bg:#F8F6FB;--soft:#EEEAF5;
  --text:#302C38;--muted:#746E7D;--accent:#F2A33A;--white:#fff;--line:rgba(48,44,56,.12);
  --shadow:0 18px 48px rgba(33,29,43,.08);--radius:22px;--radius-sm:14px;--shell:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.72;text-rendering:optimizeLegibility}body.modal-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}button,input{font:inherit}.shell{width:min(calc(100% - 40px),var(--shell));margin-inline:auto}.skip-link{position:fixed;left:12px;top:12px;z-index:1000;background:var(--ink);color:#fff;padding:8px 12px;border-radius:8px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:80;background:rgba(248,246,251,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(33,29,43,.07)}.header-inner{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:44px;height:44px;object-fit:cover;border-radius:13px;background:var(--soft)}.brand span{display:grid;line-height:1.2}.brand strong{font-size:1.05rem;color:var(--ink)}.brand small{font-size:.76rem;color:var(--muted);margin-top:4px}.main-nav{display:flex;justify-content:center;gap:6px}.main-nav a,.search-open{border:0;background:transparent;text-decoration:none;color:var(--text);padding:9px 12px;border-radius:10px;cursor:pointer}.main-nav a:hover,.main-nav a:focus-visible,.search-open:hover,.search-open:focus-visible{background:var(--soft);outline:none}.search-open{border:1px solid var(--line);background:#fff}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:start center;padding-top:12vh}.search-modal__backdrop{position:absolute;inset:0;background:rgba(33,29,43,.62);backdrop-filter:blur(5px)}.search-panel{position:relative;width:min(620px,calc(100% - 32px));background:#fff;border-radius:24px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.search-panel h2{margin:0 0 8px;color:var(--ink)}.search-panel p{margin:0 0 22px;color:var(--muted)}.search-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:2rem;line-height:1;cursor:pointer}.search-form label,.page-search label{display:block;font-weight:700;margin-bottom:7px}.search-line,.page-search div{display:flex;gap:8px}.search-line input,.page-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg)}.search-line button,.page-search button{border:0;background:var(--brand);color:#fff;border-radius:12px;padding:11px 18px;font-weight:700;cursor:pointer}
main{min-height:64vh}.eyebrow{margin:0 0 10px;color:var(--brand);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.home-lead{padding:34px 0 24px}.home-lead__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:stretch}.home-lead__copy{padding:48px 0 24px;align-self:center}.home-lead h1{font-size:clamp(2.25rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.04em;margin:.1em 0 .32em;color:var(--ink);max-width:10ch}.lede{font-size:1.08rem;color:#4f4959;max-width:64ch}.lead-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border-radius:13px;text-decoration:none;font-weight:750}.button--primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(124,92,252,.2)}.button--quiet{background:var(--soft);color:var(--ink)}.home-lead__visual{position:relative;border-radius:32px;overflow:hidden;background:var(--ink);min-height:520px}.home-lead__visual>img{width:100%;height:100%;object-fit:cover;opacity:.9}.lead-index{position:absolute;left:20px;right:20px;bottom:20px;background:rgba(33,29,43,.84);color:#fff;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px);border-radius:16px;padding:15px 17px}.lead-index span{display:block;font-size:.75rem;color:#d8cffb;margin-bottom:3px}.lead-index strong{font-size:.95rem}.section{padding:72px 0}.section--dense{padding-top:46px}.section--soft{background:var(--soft)}.section--dark{background:var(--ink);color:#f7f4ff}.section-heading{margin-bottom:28px}.section-heading h2,.split-heading h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.16;margin:0 0 10px;color:var(--ink);letter-spacing:-.025em}.section-heading p{max-width:66ch;color:var(--muted);margin:0}.split-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end;margin-bottom:30px}.split-heading>p{margin:0;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}.work-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.work-card__image{aspect-ratio:16/10;background:var(--soft);overflow:hidden}.work-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.work-card:hover .work-card__image img{transform:scale(1.025)}.work-card__body{padding:17px}.work-card__body h3{font-size:1.08rem;line-height:1.35;margin:0 0 8px;color:var(--ink)}.work-card__body h3 a{text-decoration:none}.work-card__body>p:not(.eyebrow){font-size:.9rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.work-card--wide{grid-column:span 2;grid-row:span 2}.work-card--wide .work-card__image{aspect-ratio:16/9}.work-card--wide .work-card__body{padding:22px}.work-card--wide .work-card__body h3{font-size:1.45rem}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tag-row span{font-size:.72rem;background:var(--soft);color:#625b6e;padding:4px 8px;border-radius:999px}.category-ribbon{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px}.category-ribbon__intro h2{font-size:2.1rem;margin:0 0 12px;color:var(--ink)}.category-ribbon__intro p{color:var(--muted)}.category-ribbon__list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.category-ribbon__list a{background:rgba(255,255,255,.55);border:1px solid rgba(124,92,252,.12);border-radius:15px;padding:15px;text-decoration:none;display:grid;gap:3px}.category-ribbon__list strong{color:var(--ink)}.category-ribbon__list span{font-size:.84rem;color:var(--muted)}.category-ribbon__list a:hover{background:#fff}.two-track{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}.number-list{counter-reset:item;list-style:none;padding:0;margin:0 0 22px}.compact-work{counter-increment:item;border-top:1px solid var(--line)}.compact-work:last-child{border-bottom:1px solid var(--line)}.compact-work a{display:grid;grid-template-columns:2fr 3fr;gap:20px;padding:15px 0;text-decoration:none;position:relative}.compact-work strong{color:var(--ink);padding-left:42px;position:relative}.compact-work strong:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;color:var(--brand);font-size:.72rem;font-weight:800;top:.28em}.compact-work span{font-size:.87rem;color:var(--muted)}.text-link{font-weight:750;color:var(--brand)}.editor-note{background:var(--ink);color:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.editor-note img{aspect-ratio:16/9;width:100%;object-fit:cover;opacity:.9}.editor-note div{padding:24px}.editor-note h2{font-size:1.55rem;line-height:1.2;margin:0 0 10px}.editor-note p{color:#d7d0df}.editor-note a{color:#fff;font-weight:700}.index-map{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.index-map h2{font-size:2.2rem;line-height:1.15;margin:0 0 14px}.index-map>div>p:last-child{color:#c8c1d1}.index-map__links{display:grid;gap:10px}.index-map__links a{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;border-bottom:1px solid rgba(255,255,255,.14);padding:16px 0;text-decoration:none}.index-map__links span{color:#c9c2d3;font-size:.9rem}.topic-pair{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.topic-panel{background:#fff;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.topic-panel img{width:100%;height:100%;object-fit:cover;min-height:320px}.topic-panel div{padding:28px}.topic-panel h2{font-size:1.7rem;line-height:1.2;margin:0 0 10px}.topic-panel p:not(.eyebrow){color:var(--muted)}.topic-panel a{color:var(--brand);font-weight:700}.topic-panel--compact{grid-template-columns:1fr}.topic-panel--compact img{min-height:180px;max-height:230px}.closing-links{display:grid;grid-template-columns:1fr 1fr;gap:50px}.closing-links h2{font-size:2rem;margin:0 0 10px}.closing-links__nav{display:grid}.closing-links__nav a{padding:15px 0;border-bottom:1px solid rgba(48,44,56,.12);font-weight:700;text-decoration:none}.site-footer{background:#17141e;color:#d7d0df;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:56px}.site-footer h2{color:#fff;font-size:1rem;margin:0 0 12px}.site-footer p{color:#a9a1b4;max-width:48ch}.site-footer nav{display:grid;align-content:start;gap:7px}.site-footer a{color:#d7d0df}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:18px;display:flex;justify-content:space-between;font-size:.8rem;color:#948b9e}.back-top{position:fixed;right:20px;bottom:20px;z-index:60;border:0;background:var(--brand);color:#fff;border-radius:999px;padding:10px 14px;box-shadow:var(--shadow);cursor:pointer}
.page-shell{padding-top:22px;padding-bottom:70px}.breadcrumbs{font-size:.8rem;color:var(--muted);margin:8px 0 24px}.breadcrumbs ol{display:flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.breadcrumbs li:not(:last-child):after{content:'›';margin-left:8px;color:#aaa1b5}.page-intro{max-width:860px;padding:30px 0 42px}.page-intro h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;letter-spacing:-.035em;color:var(--ink);margin:.1em 0 .3em}.page-intro>p:last-child{font-size:1.08rem;color:var(--muted)}.page-intro--wide{max-width:980px}.page-intro--visual{max-width:none;display:grid;grid-template-columns:1fr .72fr;gap:36px;align-items:center;padding:20px 0 46px}.page-intro--visual img{border-radius:24px;aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--soft)}.page-intro--dark{background:var(--ink);color:#fff;padding:36px;border-radius:28px;margin-bottom:34px}.page-intro--dark h1{color:#fff}.page-intro--dark>div>p:last-child{color:#d3ccda}.filter-strip{display:flex;gap:8px;overflow:auto;padding:0 0 22px;scrollbar-width:thin}.filter-strip a{white-space:nowrap;text-decoration:none;background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px}.stream-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:16px}.stream-heading h2{margin:0 0 6px;color:var(--ink)}.stream-heading p{margin:0;color:var(--muted)}.stream-heading>span{white-space:nowrap;font-size:.8rem;color:var(--muted)}.stream-list{display:grid}.stream-item{display:grid;grid-template-columns:230px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.stream-item__image{border-radius:14px;overflow:hidden;background:var(--soft);aspect-ratio:16/10}.stream-item__image img{width:100%;height:100%;object-fit:cover}.stream-item h2{font-size:1.35rem;margin:0 0 8px;line-height:1.25}.stream-item h2 a{text-decoration:none}.stream-item div>p:not(.eyebrow){margin:.5em 0;color:var(--muted)}.reading-note{font-size:.86rem;padding-left:12px;border-left:3px solid var(--pink)}.sticky-note{position:sticky;top:100px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.sticky-note strong,.sticky-note h2{color:var(--ink);margin-top:0}.sticky-note ol{padding-left:1.2em;color:var(--muted)}.sticky-note a{color:var(--brand);font-weight:700}.route-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:60px}.route{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.route--primary{grid-column:span 2;background:var(--ink);color:#fff}.route span{font-size:.75rem;color:var(--brand);font-weight:800}.route--primary span{color:#c7baff}.route h2{margin:8px 0 10px;font-size:1.6rem}.route p{color:var(--muted)}.route--primary p{color:#cfc8d7}.route a{font-weight:700;color:var(--brand)}.route--primary a{color:#fff}.section-inline{padding:36px 0}.index-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.index-list a{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none}.index-list img{width:110px;height:100%;min-height:100px;object-fit:cover}.index-list span{padding:12px 14px 12px 0;color:var(--muted);font-size:.87rem}.index-list strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:3px}.prose-narrow{max-width:780px;margin-inline:auto}.prose-narrow h2{font-size:1.8rem;color:var(--ink)}.prose-narrow p{color:#56505f}.prose-narrow a{color:var(--brand);font-weight:650}.recommend-set{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;padding:42px 0;border-top:1px solid var(--line)}.recommend-set--reverse{grid-template-columns:1.2fr .8fr}.recommend-set--reverse .recommend-set__intro{order:2}.set-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--soft);color:var(--brand);font-weight:800}.recommend-set h2{font-size:1.85rem;line-height:1.2;color:var(--ink);margin:15px 0 10px}.recommend-set__intro p{color:var(--muted)}.reason{border-left:3px solid var(--accent);padding-left:13px}.recommend-set__list{list-style:none;padding:0;margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.recommend-set__list li+li{border-top:1px solid var(--line)}.recommend-set__list a{display:grid;grid-template-columns:90px 1fr 1.4fr;gap:14px;padding:15px 18px;text-decoration:none;align-items:center}.recommend-set__list span{font-size:.74rem;color:var(--brand)}.recommend-set__list small{color:var(--muted)}.recommendation-method{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:center;background:var(--soft);padding:26px;border-radius:24px}.recommendation-method img{border-radius:18px}.recommendation-method h2{font-size:1.8rem}.recommendation-method li{margin:.55em 0}.creation-principles{padding:20px 0 42px}.creation-principles>h2{font-size:2rem}.principle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.principle-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.principle-grid h3{margin:0 0 7px;font-size:1.05rem;color:var(--ink)}.principle-grid p{margin:0;color:var(--muted);font-size:.9rem}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.creation-notebook{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;padding:54px 0}.creation-notebook h2{font-size:2rem;margin-top:0}.accordion-list{display:grid;gap:8px}.accordion-list details,.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 16px}.accordion-list summary,.faq-list summary{cursor:pointer;font-weight:700;padding:15px 0;color:var(--ink)}.accordion-list p,.faq-list p{color:var(--muted);padding-bottom:15px}.three-d-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:36px}.three-d-notes article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.three-d-notes h2{font-size:1.25rem;margin-top:0}.three-d-notes p{color:var(--muted)}.work-grid--3d{grid-template-columns:repeat(2,1fr)}.category-hero{display:grid;grid-template-columns:1fr .8fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;margin-bottom:30px}.category-hero h1{font-size:3rem;margin:.1em 0}.category-hero p{color:var(--muted)}.category-hero img{border-radius:18px;aspect-ratio:16/10;width:100%;object-fit:cover}.category-switch{margin-top:50px;border-top:1px solid var(--line);padding-top:32px}.category-switch h2{font-size:1.6rem}.category-switch>div{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.category-switch a{background:var(--soft);border-radius:13px;padding:13px;text-decoration:none;font-weight:700}.category-switch span{display:block;font-weight:400;color:var(--muted);font-size:.82rem;margin-top:3px}.detail-layout{padding-bottom:20px}.detail-header{display:grid;grid-template-columns:1fr .86fr;gap:40px;align-items:center;padding:18px 0 42px}.detail-header h1{font-size:clamp(2.15rem,4.5vw,3.8rem);line-height:1.08;margin:.1em 0 .28em;color:var(--ink)}.detail-header img{border-radius:24px;width:100%;aspect-ratio:4/3;object-fit:cover}.detail-body{display:grid;grid-template-columns:270px minmax(0,760px);gap:50px;justify-content:center}.prose h2{font-size:1.75rem;color:var(--ink);margin-top:1.8em}.prose p{font-size:1.03rem;line-height:1.95;color:#47414f}.related-section{padding:58px 0 20px}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.back-link{text-align:right;margin-top:18px}.back-link a{color:var(--brand);font-weight:700}.page-search{max-width:700px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.empty-state{margin-top:28px;padding:30px;background:var(--soft);border-radius:18px}.empty-state h2{margin-top:0}.empty-state a{color:var(--brand)}.search-results{padding:34px 0}.guide-intro{padding:10px 0 50px}.guide-intro>h2{font-size:2rem}.guide-intro>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-intro article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.guide-intro strong{font-size:1.05rem;color:var(--ink)}.guide-intro p{color:var(--muted)}.guide-intro a{color:var(--brand);font-weight:700}.reading-library{padding-top:30px}.note-list{display:grid;gap:12px}.note-list article{display:grid;grid-template-columns:58px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.note-list>article>span{font-size:.78rem;font-weight:800;color:var(--brand);padding-top:3px}.note-list h3{margin:0 0 10px;font-size:1.22rem;color:var(--ink)}.note-list p{margin:.6em 0;color:#5f5868}.note-lead{font-size:1rem;color:var(--text)!important}.faq-list{max-width:840px;display:grid;gap:10px}.faq-list details{padding-inline:20px}.faq-list summary{font-size:1.05rem}.info-stack{max-width:820px;display:grid;gap:14px}.info-block{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.info-block h2{margin:0 0 8px;color:var(--ink)}.info-block p{margin:0;color:var(--muted)}.not-found{padding-top:90px;padding-bottom:120px;max-width:760px}.not-found h1{font-size:clamp(2.6rem,7vw,5.5rem);margin:.1em 0 .2em;color:var(--ink)}.not-found>p{font-size:1.1rem;color:var(--muted)}.not-found__links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.not-found__links a{background:var(--soft);padding:10px 14px;border-radius:12px;font-weight:700;text-decoration:none}
.case-list{display:grid;gap:16px}.case-study{display:grid;grid-template-columns:120px 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.case-study__meta{display:grid;align-content:start;gap:8px}.case-study__meta span{font-size:.78rem;color:var(--brand);font-weight:800;letter-spacing:.08em}.case-study__meta strong{font-size:.9rem;color:var(--ink)}.case-study__meta small{color:var(--muted)}.case-study__body h2{margin:0 0 12px;font-size:1.45rem;color:var(--ink)}.case-study__body p{color:#56505f}.case-study__body a{color:var(--brand);font-weight:700}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:34px 0;flex-wrap:wrap}.pagination a,.pagination span{padding:9px 13px;border-radius:12px;background:var(--soft);text-decoration:none}.pagination a{font-weight:700;color:var(--brand)}
@media (max-width:1024px){.header-inner{grid-template-columns:auto auto 1fr auto;gap:12px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:20px;right:20px;top:70px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column}.main-nav.is-open{display:flex}.main-nav a{padding:11px 12px}.home-lead__grid{grid-template-columns:1fr}.home-lead__copy{padding:25px 0 0}.home-lead h1{max-width:15ch}.home-lead__visual{min-height:440px}.featured-grid{grid-template-columns:repeat(3,1fr)}.work-card--wide{grid-column:span 2}.category-ribbon,.two-track,.index-map,.closing-links{grid-template-columns:1fr}.topic-pair{grid-template-columns:1fr}.topic-panel--compact{grid-template-columns:1fr 1fr}.watch-layout{grid-template-columns:1fr}.watch-layout__aside{order:-1}.sticky-note{position:static}.related-grid{grid-template-columns:repeat(3,1fr)}.detail-body{grid-template-columns:1fr}.detail-aside{order:2}.footer-grid{grid-template-columns:1.2fr 1fr}.footer-grid section{grid-column:span 2}}
@media (max-width:768px){.shell{width:min(calc(100% - 28px),var(--shell))}.site-header{position:relative}.header-inner{min-height:68px;grid-template-columns:1fr auto auto}.brand small{display:none}.brand img{width:38px;height:38px}.menu-toggle{grid-column:2}.search-open{grid-column:3;font-size:0}.search-open:after{content:'搜索';font-size:.9rem}.main-nav{top:62px;left:14px;right:14px}.home-lead{padding-top:18px}.home-lead__visual{min-height:340px}.lead-index{left:12px;right:12px;bottom:12px}.section{padding:52px 0}.split-heading{grid-template-columns:1fr;gap:8px}.featured-grid{grid-template-columns:repeat(2,1fr)}.work-card--wide{grid-column:span 2;grid-row:auto}.category-ribbon__list{grid-template-columns:1fr}.compact-work a{grid-template-columns:1fr;gap:5px}.topic-panel,.topic-panel--compact{grid-template-columns:1fr}.topic-panel img,.topic-panel--compact img{min-height:220px;max-height:300px}.route-board{grid-template-columns:1fr}.route--primary{grid-column:auto}.index-list{grid-template-columns:1fr}.page-intro--visual,.category-hero,.detail-header{grid-template-columns:1fr}.page-intro--dark{padding:22px}.recommend-set,.recommend-set--reverse{grid-template-columns:1fr}.recommend-set--reverse .recommend-set__intro{order:0}.recommend-set__list a{grid-template-columns:70px 1fr}.recommend-set__list small{grid-column:2}.recommendation-method{grid-template-columns:1fr}.principle-grid,.work-grid,.three-d-notes,.category-switch>div{grid-template-columns:1fr}.work-grid--3d{grid-template-columns:1fr}.creation-notebook{grid-template-columns:1fr}.stream-item{grid-template-columns:160px 1fr}.related-grid{grid-template-columns:repeat(2,1fr)}.guide-intro>div{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid section{grid-column:auto}.detail-header h1{font-size:2.5rem}.category-hero h1{font-size:2.5rem}}
@media (max-width:600px){.case-study{grid-template-columns:1fr;gap:10px;padding:18px}.case-study__meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.home-lead h1{font-size:2.7rem}.home-lead__visual{min-height:290px;border-radius:22px}.featured-grid{grid-template-columns:1fr}.work-card--wide{grid-column:auto}.stream-item{grid-template-columns:1fr}.stream-item__image{max-height:240px}.index-map__links a{grid-template-columns:1fr;gap:2px}.related-grid{grid-template-columns:1fr}.page-intro{padding-top:18px}.page-intro h1{font-size:2.45rem}.page-intro--visual{gap:18px}.detail-header{gap:20px}.note-list article{grid-template-columns:1fr}.note-list>article>span{padding:0}.search-line,.page-search div{flex-direction:column}.recommend-set__list a{grid-template-columns:1fr;gap:4px}.recommend-set__list small{grid-column:1}.footer-bottom{flex-direction:column;gap:6px}}
@media (max-width:375px){.shell{width:calc(100% - 22px)}.brand strong{font-size:.95rem}.menu-toggle,.search-open{padding:7px 9px}.home-lead h1{font-size:2.35rem}.lead-actions{display:grid}.button{width:100%}.home-lead__visual{min-height:250px}.lead-index strong{font-size:.82rem}.section{padding:42px 0}.category-ribbon__list a{padding:13px}.topic-panel div{padding:20px}.page-intro h1{font-size:2.15rem}.page-intro--dark{border-radius:20px}.category-hero{padding:18px}.category-hero h1{font-size:2.2rem}.not-found__links{display:grid}.not-found__links a{text-align:center}}