/* 不二何知识库风格：沿用全站纸白、黄绿、宋体与直角网格。 */
.ideas-page{background:var(--paper);color:var(--ink)}
.ideas-page [hidden]{display:none!important}
.ideas-page .page-width{padding-inline:var(--gutter)}
.ideas-heading{padding-top:148px;padding-bottom:35px;background:var(--lime)}
.ideas-heading .page-kicker{margin-bottom:40px}
.ideas-heading-row{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);align-items:end;gap:48px;margin-top:10px}
.ideas-heading h1{font:400 clamp(56px,5.7vw,96px)/1.3 var(--serif);letter-spacing:-.04em;white-space:nowrap}
.ideas-heading-row>p{font-size:15px;line-height:1.9;color:#5A6240;max-width:430px;padding-bottom:7px}
.ideas-heading-row>p>span:first-child{color:var(--ink);font-size:19px;display:inline-block;margin-bottom:7px}
.ideas-heading-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #A2B22D;padding-top:23px;margin-top:32px;font-size:12px;color:#5A6240}
.ideas-heading-foot nav{display:flex;gap:30px;color:var(--ink);font-size:14px}
.ideas-heading-foot a{padding-block:6px;border-bottom:1px solid transparent}
.ideas-heading-foot a:hover{border-color:currentColor}
.ideas-page .insight-strip{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.15fr;gap:30px;align-items:center;padding-block:38px;border-bottom:1px solid var(--line)}
.ideas-page .insight-lead>strong{display:block;font:400 25px/1.5 var(--serif);margin-top:10px}
.ideas-page .collection-stat{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--line);padding-left:30px}
.ideas-page .collection-stat b{font:400 46px/1.2 Georgia,serif}
.ideas-page .collection-stat>span,.ideas-page .insight-period>span{font-size:12px;color:var(--muted);line-height:1.7}
.ideas-page .insight-period{display:flex;flex-direction:column;gap:14px;font-size:12px;white-space:nowrap}
.ideas-page .insight-period strong{font-weight:400}
.ideas-page .ideas-load{padding-block:25px;font-size:14px}
.ideas-page .ideas-load button{border-bottom:1px solid}
.ideas-page .explore{padding-top:62px;padding-bottom:100px;scroll-margin-top:0}
.ideas-page .section-heading{margin-bottom:36px;align-items:end}
.ideas-page .section-heading h2{font:400 42px/1.4 var(--serif);margin-top:13px}
.ideas-page .section-heading>p{font-size:14px;line-height:1.85;color:var(--muted)}
.ideas-page .search-and-sort{display:flex;align-items:center;gap:40px;margin-bottom:28px}
.ideas-page .search-field{display:flex;align-items:center;flex:1;gap:16px;height:56px;border-bottom:1px solid var(--ink);min-width:0}
.ideas-page .search-field svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.4}
.ideas-page .search-field input{min-width:0;width:100%;border:0;background:transparent;font:16px var(--sans);color:var(--ink);padding:15px 0;outline-offset:4px}
.ideas-page .search-field kbd{font:13px Arial;border:1px solid var(--line);padding:2px 7px;color:var(--muted)}
.ideas-page .sort-field{display:flex;align-items:center;gap:13px;font-size:13px;white-space:nowrap}
.ideas-page select{min-height:44px;padding:8px 27px 8px 12px;border:1px solid #969C88;border-radius:0;color:var(--ink);background:var(--paper);font:inherit}
.ideas-page .category-filters{display:flex;gap:28px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:0}
.ideas-page .category-filter{position:relative;padding:12px 0 15px;min-height:44px;color:var(--muted);font-size:14px;white-space:nowrap}
.ideas-page .category-filter.active{color:var(--ink)}
.ideas-page .category-filter.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--ink)}
.ideas-page .filter-number{font:10px Arial;margin-left:6px;vertical-align:super}
.ideas-page .filter-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0 32px;font-size:12px;color:var(--muted)}
.ideas-page .view-filters{display:flex;gap:25px;align-items:center}
.ideas-page .view-filter{display:flex;gap:9px;align-items:center;min-height:44px;padding:0;font-size:13px}
.ideas-page .view-filter[aria-pressed=true]{color:var(--ink)}
.ideas-page .check-box{width:15px;height:15px;border:1px solid #969C88;display:inline-grid;place-items:center}
.ideas-page .view-filter[aria-pressed=true] .check-box::before{content:'✓';font-size:12px;line-height:1}
.ideas-page .bookmark-icon,.ideas-page .save-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}
.ideas-page .view-filter[aria-pressed=true] .bookmark-icon,.ideas-page .save-button[aria-pressed=true] svg{fill:var(--lime)}
.ideas-page #favorite-count{font:12px Arial}
.ideas-page .results-count strong{font-weight:500;color:var(--ink)}
.ideas-page .case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:64px;align-items:stretch}
.ideas-page .case-card{min-width:0;display:flex;flex-direction:column;scroll-margin-top:0;border-radius:0;background:transparent;box-shadow:none;transition:background .3s}
.ideas-page .case-media{position:relative;aspect-ratio:1.4;background:#E9EADF;overflow:hidden;flex-shrink:0}
.ideas-page .media-open{display:block;width:100%;height:100%;padding:0;overflow:hidden}
.ideas-page .case-media img{object-fit:contain;transition:transform .7s cubic-bezier(.2,.75,.3,1)}
.ideas-page .media-open:hover img{transform:scale(1.035)}
.ideas-page .media-open:focus-visible{outline-offset:-6px}
.ideas-page .image-count,.ideas-page .media-kind{position:absolute;bottom:12px;padding:5px 8px;background:rgba(250,250,246,.94);font-size:11px;pointer-events:none}
.ideas-page .image-count{right:12px}.ideas-page .media-kind{left:12px}
.ideas-page .case-body{padding-top:21px;display:flex;flex-direction:column;flex:1}
.ideas-page .card-kicker,.ideas-page .designer-card-kicker{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}
.ideas-page .case-number{font-family:Georgia,serif}
.ideas-page .case-title,.ideas-page .designer-card h3{font:400 25px/1.55 var(--serif);margin-top:12px}
.ideas-page .case-summary{font-size:14px;line-height:1.85;color:var(--muted);margin-top:8px}
.ideas-page .why-box{margin-top:22px;padding-left:14px;border-left:2px solid #A2B22D}
.ideas-page .why-label,.ideas-page .designer-starter>span{font-size:11px;color:var(--muted);display:block;margin-bottom:6px}
.ideas-page .why-content{font-size:14px;line-height:1.85}
.ideas-page .evidence-row{display:flex;flex-wrap:wrap;align-items:start;gap:8px;margin-top:22px;margin-bottom:22px}
.ideas-page .evidence-badge{display:inline-block;padding:4px 7px;background:#EEF0E4;font-size:11px;line-height:1.6;color:#52584A;white-space:nowrap}
.ideas-page .evidence-ai{background:var(--lime);color:var(--ink)}
.ideas-page .evidence-note{font-size:11px;line-height:1.8;color:var(--muted);width:100%}
.ideas-page .card-source{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line)}
.ideas-page .author-block{min-width:0;display:flex;flex-direction:column;gap:6px}
.ideas-page .author-name{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.ideas-page .author-name>span{display:block;color:var(--muted);font-size:11px}
.ideas-page .post-date{font:11px/1.8 Arial;color:var(--muted)}
.ideas-page .source-link{font-size:12px;white-space:nowrap;padding-block:5px;border-bottom:1px solid var(--ink)}
.ideas-page .card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;font-size:11px;color:var(--muted)}
.ideas-page .post-metrics{line-height:1.8}
.ideas-page .save-button{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;min-height:44px;padding:0;color:var(--ink)}
.ideas-page .save-button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px}
.ideas-page .text-card-decoration,.ideas-page .designer-text-visual{height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px}
.ideas-page .text-card-decoration>span,.ideas-page .designer-text-visual>span{font:60px/.8 Georgia;align-self:start}
.ideas-page .text-card-decoration>p,.ideas-page .designer-text-visual>p{font:400 25px/1.55 var(--serif);max-width:90%;margin-top:5px}
.ideas-page .text-card-decoration>small,.ideas-page .designer-text-visual>small{font-size:11px;color:var(--muted);margin-top:20px}
.ideas-page .media-failure{height:100%;display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center;font-size:13px;padding:20px}
.ideas-page .empty-state{padding:75px 20px;text-align:center;border-block:1px solid var(--line)}
.ideas-page .empty-icon{font:38px Georgia}
.ideas-page .empty-state h3{font:400 30px/1.5 var(--serif);margin:14px 0}
.ideas-page .empty-state p{font-size:14px;color:var(--muted);line-height:1.9}
.ideas-page .empty-state button{margin-top:24px;padding:13px 20px;background:var(--lime);font-size:14px}
.ideas-page .designer-section{background:#EEF0E4;padding-block:80px 100px;scroll-margin-top:0}
.ideas-page .designer-picks-count{font:12px var(--sans);margin-left:18px;color:var(--muted);white-space:nowrap}
.ideas-page .designer-section-intro{display:flex;align-items:baseline;gap:24px;border-top:1px solid #BFC4B2;padding-top:24px;margin-bottom:40px;font-size:14px;line-height:1.9;color:#52584A}
.ideas-page .designer-label{font-size:12px;white-space:nowrap;color:var(--ink)}
.ideas-page .designer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 26px}
.ideas-page .designer-card{min-width:0}
.ideas-page .designer-card-visual{position:relative;aspect-ratio:1.65;background:#E3E6D8;overflow:hidden}
.ideas-page .designer-card-visual button{width:100%;height:100%;padding:0}
.ideas-page .designer-card-visual img{object-fit:contain;transition:transform .7s}
.ideas-page .designer-card-visual button:hover img{transform:scale(1.035)}
.ideas-page .designer-card-visual>span{position:absolute;left:10px;bottom:10px;background:var(--paper);font-size:11px;padding:5px 8px;pointer-events:none}
.ideas-page .designer-card-body{padding-top:21px}
.ideas-page .designer-reason{font-size:14px;line-height:1.85;color:#52584A;margin-top:10px}
.ideas-page .designer-starter{padding:16px 18px;background:var(--paper);margin-top:20px}
.ideas-page .designer-starter p{font-size:13px;line-height:1.9}
.ideas-page .designer-card-source{display:flex;flex-wrap:wrap;gap:10px 20px;border-top:1px solid #BFC4B2;margin-top:22px;padding-top:17px;font-size:11px;line-height:1.8}
.ideas-page .designer-card-source>span{width:100%;color:var(--muted)}
.ideas-page .designer-card-source a{border-bottom:1px solid #969C88;padding-block:3px}
.ideas-page .extensions-section{padding-block:90px 100px;scroll-margin-top:0}
.ideas-page .extension-disclaimer{max-width:310px;font-size:13px;line-height:1.8;color:var(--muted)}
.ideas-page .extension-disclaimer>span{display:inline-block;background:var(--lime);color:var(--ink);padding:4px 7px;font-size:11px;margin-bottom:10px}
.ideas-page .extension-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px}
.ideas-page .extension-card{border-top:1px solid var(--ink);padding-top:20px;min-width:0;display:flex;flex-direction:column}
.ideas-page .extension-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}
.ideas-page .extension-card h3{font:400 25px/1.55 var(--serif);margin-top:16px}
.ideas-page .extension-card>p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:10px}
.ideas-page .extension-why{font-size:13px;line-height:1.9;margin-block:20px}
.ideas-page .extension-why>span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}
.ideas-page .extension-sources{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:15px;border-top:1px solid var(--line);font-size:11px;line-height:1.8}
.ideas-page .extension-sources>span{color:var(--muted)}
.ideas-page .extension-sources>a{border-bottom:1px solid #969C88}
.ideas-page .research-note{display:grid;grid-template-columns:1fr 1.8fr;gap:100px;padding-block:80px 100px;border-top:1px solid var(--line)}
.ideas-page .research-note h2{font:400 42px/1.5 var(--serif);margin-top:20px}
.ideas-page .research-star{display:block;font:64px Georgia;margin-top:28px}
.ideas-page .research-note-body{max-width:740px;font-size:14px;line-height:1.95;color:#52584A}
.ideas-page .evidence-key{display:grid;grid-template-columns:max-content 1fr;gap:15px 18px;align-items:baseline;border-block:1px solid var(--line);padding-block:24px;margin-block:26px;font-size:13px}
.ideas-page .research-notes{padding-left:20px;margin:0}
.ideas-page .research-notes li+li{margin-top:16px}
.ideas-page .card-highlight{background:#EEF0CE;outline:2px solid #A2B22D;outline-offset:10px}
.ideas-page .lightbox{position:fixed;inset:0;width:calc(100vw - 64px);max-width:none;height:calc(100vh - 64px);max-height:none;margin:auto;padding:0;border:0;border-radius:0;background:var(--paper);color:var(--ink)}
.ideas-page .lightbox::backdrop{background:rgba(38,40,33,.84)}
.ideas-page .lightbox-bar{height:100px;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}
.ideas-page .lightbox-kicker{font-size:11px;color:var(--muted)}
.ideas-page .lightbox h2{font:400 23px/1.5 var(--serif);margin-top:6px}
.ideas-page .lightbox-tools{display:flex;align-items:center;gap:24px;font-size:12px;white-space:nowrap}
.ideas-page #lightbox-close{font-size:30px;border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;line-height:1}
.ideas-page .lightbox-stage{height:calc(100% - 164px);position:relative;display:flex;align-items:center;justify-content:center;padding:20px 84px;background:#E9EADF}
.ideas-page .lightbox-stage img{width:100%;height:100%;object-fit:contain}
.ideas-page .lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);font-size:22px}
.ideas-page .lightbox-arrow:disabled{opacity:.25}.ideas-page .lightbox-arrow.prev{left:22px}.ideas-page .lightbox-arrow.next{right:22px}
.ideas-page .lightbox-bottom{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 30px;font-size:12px}
.ideas-page .lightbox-bottom>span{color:var(--muted)}
.ideas-page .toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);background:var(--ink);color:var(--paper);padding:14px 24px;font-size:13px;opacity:0;transition:opacity .3s,transform .3s;z-index:60;pointer-events:none}
.ideas-page .toast.visible{opacity:1;transform:translate(-50%,0)}
.ideas-teaser{padding-block:0 100px}
.ideas-teaser-compact{padding-bottom:70px}
.ideas-teaser .section-heading{padding-top:35px;border-top:1px solid var(--line)}
.ideas-teaser-row{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;align-items:center}
.ideas-teaser-title{font:400 42px/1.5 var(--serif);margin-bottom:22px}
.ideas-teaser-title+p{font-size:14px;line-height:1.9;color:var(--muted)}
.ideas-teaser-row>div>span{display:block;font-size:11px;color:var(--muted);margin-top:24px}
.ideas-teaser-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ideas-teaser-images figure{min-width:0}
.ideas-teaser-images img{height:auto;aspect-ratio:1;object-fit:contain;background:#E9EADF;transition:filter .3s}
.ideas-teaser-images:hover img{filter:brightness(.95)}
.ideas-teaser-images figcaption{font-size:12px;line-height:1.8;margin-top:12px}
@media(min-width:810px) and (max-width:1199px){
 .ideas-heading-row{grid-template-columns:1fr;gap:22px}.ideas-heading h1{font-size:64px}.ideas-heading-row>p{max-width:700px}.ideas-heading .page-kicker{margin-bottom:30px}
 .ideas-page .insight-strip{gap:20px;grid-template-columns:1.15fr 1fr 1fr 1fr}.ideas-page .collection-stat{padding-left:20px}.ideas-page .insight-period{grid-column:1/-1;flex-direction:row;gap:20px}
 .ideas-page .section-heading h2{font-size:35px}.ideas-page .category-filters{gap:22px}.ideas-page .case-title,.ideas-page .designer-card h3,.ideas-page .extension-card h3{font-size:22px}
 .ideas-page .research-note{grid-template-columns:1fr 1.7fr;gap:55px}.ideas-page .research-note h2{font-size:34px}.ideas-teaser-row{gap:30px;grid-template-columns:1fr 1.6fr}.ideas-teaser-title{font-size:35px}
}
@media(min-width:1600px){
 .ideas-page .case-grid,.ideas-page .designer-grid,.ideas-page .extension-grid{column-gap:38px}.ideas-page .section-heading h2{font-size:48px}.ideas-page .case-media{aspect-ratio:1.55}.ideas-heading{padding-top:160px}.ideas-heading-row{gap:70px}
}
@media(prefers-reduced-motion:reduce){.ideas-page *,.ideas-teaser *{transition:none!important;scroll-behavior:auto!important}}