:root{--container-padding: clamp(1.25rem, -0.0704rem + 5.6338vw, 5rem);--search-result-gap: 2rem;--search-result-text: #303133;--search-result-muted: #909399;--search-result-line: #e4e7ed;--search-result-tag-bg: #f3f4f6;--search-result-tag-hover-bg: #303133;--search-result-tag-hover-color: #fff}.search-result{width:100%;max-width:1440px;margin:0 auto;color:var(--search-result-text)}#search-result .page-container{width:var(--ContainerDefaultWidth);max-width:calc(95% - 30px);margin:auto;padding:calc(var(--NaviHeight, 80px)*2) 0 var(--SectionPadding, 80px)}.search-result__header{border-bottom:1px solid var(--search-result-line);margin-bottom:2.5rem}.search-result__title{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.5rem);font-weight:700;line-height:1.4;margin:0 0 .75rem;color:var(--search-result-text);letter-spacing:-0.01em}.search-result__title-suffix{font-size:.75em;font-weight:300;color:#b0b3b8;margin-left:.25rem}.search-result__count{font-size:.95rem;color:var(--search-result-muted);margin:0 0 1.75rem;letter-spacing:.05em}.search-result__tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2rem}.search-result__tab{position:relative;display:inline-block;padding:0 0 1rem;border:none;font-size:.8rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;background:rgba(0,0,0,0);color:#9ca3af;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease}.search-result__tab:hover{color:var(--search-result-text)}.search-result__tab.is-active{color:var(--search-result-text)}.search-result__tab.is-active::after{content:"";position:absolute;left:0;bottom:-1px;display:block;width:100%;height:2px;background:var(--search-result-text)}.search-result__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:3rem var(--search-result-gap)}@media(max-width: 1200px){.search-result__list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.search-result__list{grid-template-columns:1fr;gap:2rem}}.search-result__list[hidden]{display:none}.search-result__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.search-result__card.is-hiding{opacity:0;pointer-events:none}.search-result__card[hidden]{display:none}.search-result__card-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;color:inherit;text-decoration:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.search-result__card-img{display:block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f9fafb;border:1px solid var(--search-result-line)}.search-result__card-img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out, -webkit-transform .6s ease-out}.search-result__card-link:hover .search-result__card-img img{-webkit-transform:scale(1.05);transform:scale(1.05)}.search-result__card-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1.5rem 0 0}.search-result__card-cate{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--search-result-muted);margin:0 0 .5rem}.search-result__card-title{font-size:1rem;font-weight:700;line-height:1.5;color:var(--search-result-text);margin:0 0 .75rem}.search-result__card-desc{font-size:.875rem;line-height:1.7;color:#606266;margin:0 0 1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search-result__card-foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:auto;padding-top:1rem}.search-result__card-price{font-size:1.125rem;font-weight:700;letter-spacing:.05em;color:var(--search-result-text)}.search-result__card-more{display:inline-block;padding-bottom:2px;font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--search-result-text);border-bottom:2px solid var(--search-result-text);-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.search-result__card-link:hover .search-result__card-more{opacity:.5}.search-result__card--article{border:1px solid var(--search-result-line);-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease, -webkit-box-shadow .3s ease}.search-result__card--article .search-result__card-body{padding:2rem}.search-result__card--article .search-result__card-title{font-size:1.125rem;line-height:1.6}.search-result__card--article:hover{-webkit-box-shadow:0 8px 24px rgba(0,0,0,.06);box-shadow:0 8px 24px rgba(0,0,0,.06)}.search-result__empty{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5rem 1rem;text-align:center}.search-result__empty[hidden]{display:none}.search-result__empty-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:96px;height:96px;margin-bottom:1.5rem;background:#f9fafb;color:#d1d5db}.search-result__empty-title{font-size:1.375rem;font-weight:700;letter-spacing:.1em;color:var(--search-result-text);margin:0 0 1rem}.search-result__empty-desc{font-size:.9rem;line-height:1.8;color:var(--search-result-muted);max-width:28rem;margin:0 0 2.5rem}.search-result__empty-desc .js-keyword{font-weight:700;color:var(--search-result-text)}.search-result__empty-suggest{margin-bottom:2.5rem}.search-result__empty-suggest-label{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#9ca3af;margin:0 0 1rem}.search-result__empty-tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;list-style:none;padding:0;margin:0}.search-result__empty-tag{display:inline-block;padding:.6rem 1.1rem;font-size:.8rem;color:#606266;background:var(--search-result-tag-bg);text-decoration:none;-webkit-transition:background .3s ease,color .3s ease;transition:background .3s ease,color .3s ease}.search-result__empty-tag:hover{background:var(--search-result-tag-hover-bg);color:var(--search-result-tag-hover-color)}.search-result__empty-back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:var(--BtnWidth, 160px);height:var(--BtnHeight, 50px);padding:10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:var(--BtnFontSize, 18px);font-weight:600;line-height:1;letter-spacing:.03em;text-align:center;text-decoration:none;color:var(--BtnSecondaryTextColor, white);border:none;border-radius:var(--BtnBorderRadius, 0.3em);background:var(--BtnSecondaryBg, #4d4d4d);-webkit-transition:var(--TransitionDefault, 0.3s ease);transition:var(--TransitionDefault, 0.3s ease)}.search-result__empty-back:hover{color:var(--BtnSecondaryHoverTextColor, white);background:var(--BtnSecondaryHoverBg, #777777);-webkit-transition:var(--TransitionDefault, 0.3s ease);transition:var(--TransitionDefault, 0.3s ease)}.page-pagination-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:var(--SectionPadding, 2rem);padding-bottom:var(--SectionPadding, 2rem)}.page-pagination-block .page-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0}.page-pagination-block .page-pagination .pagination-item .pagination-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:35px;height:35px;padding:0 .5rem;font-size:1rem;font-weight:500;line-height:1;color:#555;text-decoration:none;border:1px solid #e0e0e0;border-radius:.25rem;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}@media(max-width: 650px){.page-pagination-block .page-pagination .pagination-item .pagination-btn{min-width:25px;padding:0 .25rem}}@media(hover: hover){.page-pagination-block .page-pagination .pagination-item .pagination-btn:hover{color:#fff;border-color:#555;background-color:#555}}.page-pagination-block .page-pagination .pagination-item .pagination-btn.prev-page,.page-pagination-block .page-pagination .pagination-item .pagination-btn.next-page{min-width:auto;padding:.5rem;width:35px;height:35px;font-weight:500;text-align:center}@media(max-width: 650px){.page-pagination-block .page-pagination .pagination-item .pagination-btn.prev-page,.page-pagination-block .page-pagination .pagination-item .pagination-btn.next-page{width:25px}}.page-pagination-block .page-pagination .pagination-item .pagination-btn.active{pointer-events:none;color:#fff;border-color:#555;background-color:#555}.page-pagination-block .page-pagination .pagination-item .pagination-btn:disabled,.page-pagination-block .page-pagination .pagination-item .pagination-btn.disabled{color:#ccc;background-color:#f5f5f5;border-color:#e0e0e0;cursor:not-allowed}.page-pagination-block .page-pagination .pagination-item .pagination-btn:disabled:hover,.page-pagination-block .page-pagination .pagination-item .pagination-btn.disabled:hover{color:#ccc;background-color:#f5f5f5;border-color:#e0e0e0}
/* 會員限定產品的「會員專屬」標記（evomni/issues#108） */
.search-result__card-badge{display:inline-block;margin-right:.5rem;padding:.1em .5em;border:1px solid currentColor;font-size:.7rem;font-weight:700;line-height:1.4;letter-spacing:.1em;vertical-align:middle;white-space:nowrap}

/* 產品卡片的劃線價與無圖佔位框（evomni/issues#135） */
.search-result__card-prices{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}
.search-result__card-compare{font-size:.875rem;color:var(--search-result-muted);text-decoration:line-through}
.search-result__card-img--empty{display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#d1d5db}

/* 設計師調整：搜尋結果頁 header 底色、標題副字與分隔線、卡片內距／標題／描述、「查看更多」改外框按鈕（2026-10-14）
   以後寫覆蓋第 1 行同名規則 */
.page-search-result .header{background:var(--NaviUpBgColor, #fff)}
.search-result__title-suffix{color:var(--TextColorSecondary, #888)}
.search-result__header{border-bottom:var(--BorderSecondary, 1px solid #ccc)}
.search-result__card-body{padding:2rem}
/* 價格與「查看詳情」上下排列、相隔 1rem；原本同一行並排且間距 0，手機寬度價格被擠成兩行（evomni/issues#326） */
.search-result__card-foot{flex-direction:column;justify-content:center;gap:1rem}
.search-result__card--article .search-result__card-title,.search-result__card-title{font-size:var(--FontSizeItemTitle, clamp(1.125rem, 1.0181rem + 0.2231vw, 1.375rem));line-height:1.3;font-weight:500}
.search-result__card-desc{font-size:var(--FontSizeBody, clamp(0.9375rem, 0.9108rem + 0.0558vw, 1rem));line-height:1.5;color:var(--TextColorSecondary, #888)}
.search-result__card-more{display:flex;align-items:center;justify-content:center;width:var(--BtnWidth, 160px);height:var(--BtnHeight, 50px);padding-bottom:0;font-size:var(--BtnFontSize, 18px);font-weight:500;letter-spacing:.2em;text-transform:none;text-align:center;color:var(--search-result-text);border:1px solid var(--BtnOutlineTextColor, #676767);border-radius:var(--BtnBorderRadius, 0.3em);transition:background-color .3s,border-color .3s,color .3s}
.search-result__card-link:hover .search-result__card-more{opacity:1;background:var(--BtnOutlineHoverBg, #777777);border-color:var(--BtnOutlineHoverBg, #777777);color:var(--BtnOutlineHoverTextColor, white);transition:background-color .3s,border-color .3s,color .3s}

/* 結果頁頁籤筆數與檔案卡（前台搜尋結果頁頁籤與檔案卡）。新樣式用 --Btn*／--TextColorSecondary（含 fallback），不改上面既有規則 */
.search-result__tabs{margin-bottom:2rem}
/* 頁籤筆數不另加左距、不歸零字距：括號在 span 外會吃頁籤字距，數字跟著同字距左右才對稱（evomni/issues#473） */
.search-result__tab-count{font-weight:400;color:var(--TextColorSecondary, #888)}
.search-result__tab.is-disabled{color:#c0c4cc;cursor:not-allowed;pointer-events:none}
.search-result__card--download{border:1px solid var(--search-result-line)}
.search-result__card--download .search-result__card-img{border:0;border-bottom:1px solid var(--search-result-line)}
.search-result__card--download .search-result__card-body{padding:2rem}
.search-result__card-title-link{color:inherit;text-decoration:none}
.search-result__card-title-link:hover{text-decoration:underline}
.search-result__card-source{margin:0 0 .5rem;font-size:.875rem;color:var(--TextColorSecondary, #888)}
.search-result__card-year{margin:0 0 .75rem;font-size:.875rem;color:var(--TextColorSecondary, #888)}
.search-result__card-file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100%;height:100%;color:var(--TextColorSecondary, #888)}
.search-result__card-file-ext{font-size:.75rem;font-weight:700;letter-spacing:.1em}
.search-result__card-files{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}
.search-result__card-file{display:inline-flex;align-items:center;justify-content:center;min-height:calc(var(--BtnHeight, 50px) * .7);padding:.25rem 1rem;font-size:calc(var(--BtnFontSize, 18px) * .8);font-weight:500;line-height:1.2;text-decoration:none;color:var(--BtnOutlineTextColor, #676767);border:1px solid var(--BtnOutlineTextColor, #676767);border-radius:var(--BtnBorderRadius, 0.3em);transition:background-color .3s,border-color .3s,color .3s}
.search-result__card-file:hover{background:var(--BtnOutlineHoverBg, #777777);border-color:var(--BtnOutlineHoverBg, #777777);color:var(--BtnOutlineHoverTextColor, white)}
.search-result__card-files-more{margin-top:.75rem;font-size:.875rem}
.search-result__card-files-more summary{cursor:pointer;color:var(--TextColorSecondary, #888);margin-bottom:.5rem}
@media(max-width: 768px){.search-result__tabs{flex-wrap:nowrap;overflow-x:auto;gap:1.5rem;-webkit-overflow-scrolling:touch}.search-result__tab{flex:0 0 auto;white-space:nowrap}}
