.knowledge-hero { padding: 166px 0 68px; background: #1d1916; color:#f5eee2; position:relative; overflow:hidden; }
.knowledge-hero::after { content:"知"; position:absolute; right:4vw; bottom:-18vw; font-family:var(--font-brush); font-size:43vw; color:rgba(205,166,107,.07); line-height:1; }
.knowledge-hero .container { position:relative; z-index:1; max-width:920px; }
.knowledge-hero .crumb { color:#cba970; letter-spacing:.14em; font-size:12px; }
.knowledge-hero h1 { margin:14px 0; font-size:clamp(34px,5vw,58px); font-weight:500; letter-spacing:.08em; line-height:1.32; }
.knowledge-hero p { max-width:690px; color:rgba(245,238,226,.76); }
.knowledge-main { padding:76px 0 110px; background:#f0eadf; }
.knowledge-layout { max-width:920px; margin:auto; }
.knowledge-article { background:#faf6ee; border:1px solid var(--border); padding:clamp(26px,5vw,66px); }
.knowledge-article h2 { margin:45px 0 16px; font-size:clamp(23px,3.2vw,31px); font-weight:500; letter-spacing:.08em; color:var(--primary-dark); }
.knowledge-article h3 { margin:28px 0 9px; font-size:18px; color:#443326; }
.knowledge-article p,.knowledge-article li { color:var(--text-secondary); font-size:16px; line-height:2; }
.knowledge-article ul,.knowledge-article ol { margin:12px 0 18px; padding-left:1.4em; }
.knowledge-article li { margin:6px 0; }
.knowledge-article a { color:var(--primary); text-decoration:underline; text-underline-offset:3px; }
.knowledge-meta { display:flex; flex-wrap:wrap; gap:16px; border-block:1px solid var(--border); padding:13px 0; color:var(--text-light); font-size:13px; }
.knowledge-note { margin:25px 0; padding:20px 22px; border-left:3px solid var(--primary); background:#eee4d5; color:#5d5042; font-size:15px; line-height:1.9; }
.knowledge-links { margin-top:50px; padding-top:25px; border-top:1px solid var(--border); }.knowledge-links h2 { margin-top:0; }
.knowledge-links ul { display:grid; grid-template-columns:repeat(2,1fr); gap:8px 28px; list-style:none; padding:0; }.knowledge-links li { margin:0; }.knowledge-links a { display:block; padding:12px 0; border-bottom:1px solid var(--border); text-decoration:none; }
.article-index { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.article-index .related-card { display:block; min-height:210px; padding:28px; border:1px solid var(--border); background:#faf6ee; color:var(--text-primary); }.article-index .related-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }.article-index h2 { font-weight:500; letter-spacing:.08em; }.article-index p { color:var(--text-secondary); font-size:14px; }
.knowledge-section { padding:110px 0; background:#f4eee2; }.knowledge-section .knowledge-teasers { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.knowledge-section .knowledge-teaser { display:block; min-height:190px; padding:27px; background:#fbf7ef; border:1px solid var(--border); color:var(--text-primary); }.knowledge-section .knowledge-teaser:hover { transform:translateY(-4px); box-shadow:var(--shadow); }.knowledge-section .knowledge-teaser small { color:var(--primary); letter-spacing:.13em; }.knowledge-section .knowledge-teaser h3 { margin:12px 0 8px; font-family:var(--font-serif); font-size:22px; font-weight:500; letter-spacing:.06em; }.knowledge-section .knowledge-teaser p { margin:0; font-size:14px; color:var(--text-secondary); line-height:1.9; }.knowledge-section .knowledge-more { display:block; margin-top:32px; text-align:center; color:var(--primary); letter-spacing:.13em; }
@media(max-width:768px){ .knowledge-hero { padding:122px 0 52px; }.knowledge-main{padding:42px 0 72px;}.knowledge-article{padding:27px 21px;}.knowledge-article p,.knowledge-article li{font-size:15px;}.article-index,.knowledge-links ul,.knowledge-section .knowledge-teasers{grid-template-columns:1fr;}.article-index .related-card{min-height:0;}.knowledge-meta{gap:8px 14px;}.knowledge-section{padding:74px 0;} }