:root{--page-bg: #f4eee5;--page-bg-deep: #e7dac8;--surface: #fbf7f1;--surface-strong: #fffdf9;--surface-muted: #f0e7db;--brand: #8f5c3c;--brand-deep: #6e442a;--brand-soft: #d9bea5;--accent: #596f62;--accent-soft: #d9e1db;--text-primary: #2f241d;--text-secondary: #5b4a3d;--text-muted: #7f6d61;--line-soft: rgba(91, 74, 61, .14);--shadow-card: 0 14px 34px rgba(68, 49, 37, .08);--shadow-elevated: 0 24px 56px rgba(56, 41, 32, .14);--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--max-width: 1240px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;background:radial-gradient(circle at top left,rgba(143,92,60,.08),transparent 32%),linear-gradient(180deg,#f7f1e8,#f0e5d7)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(143,92,60,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(143,92,60,.03) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.88),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.88),transparent)}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-primary);font-family:Georgia,Times New Roman,serif;font-weight:700}p{margin:0}button{padding:0;border:0;background:transparent;cursor:pointer}[v-cloak]{display:none}.page{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:50px 0 84px}.section{display:grid;gap:28px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-head h1,.section-head h2{margin:10px 0 0;font-size:clamp(1.25rem,1.5vw,1.5rem);line-height:1.1;letter-spacing:-.03em}.section-description{max-width:760px;margin:12px 0 0;color:var(--text-secondary);font-size:1rem}.eyebrow{margin:0;color:var(--brand-deep);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-muted);font-size:.88rem}.meta-chip,.meta-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(91,74,61,.12);background:#f6eee4;color:var(--text-primary);font-weight:700}.inline-link{display:inline-flex;align-items:center;gap:8px;color:var(--brand-deep);font-weight:800;transition:color .25s ease,transform .25s ease}.inline-link:hover{color:var(--brand);transform:translate(3px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,#754929 100%);color:#fffaf2;box-shadow:0 12px 28px #6f442a2e}.btn-secondary{border-color:#5b4a3d24;background:var(--surface-strong);color:var(--brand-deep)}.surface-card{background:var(--surface);border:1px solid rgba(91,74,61,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.empty-state{padding:32px;border-radius:var(--radius-xl);border:1px solid rgba(91,74,61,.08);background:var(--surface);box-shadow:var(--shadow-card);text-align:center}.clamp-2,.clamp-3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}@media (max-width: 768px){.page{width:min(100% - 20px,var(--max-width));padding-top:50px;padding-bottom:64px}.section-head h2{font-size:1.7rem}}.header{position:sticky;top:0;left:0;width:100%;z-index:50;padding:12px 0 0}.header-shell{width:min(100% - 32px,var(--max-width));margin:0 auto;position:relative;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;padding:12px 18px;border:1px solid rgba(91,74,61,.08);border-radius:22px;background:#fbf7f1f0;box-shadow:0 12px 28px #44312514}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,#8f5c3c1f,#596f621f);overflow:hidden}.brand-mark img{width:36px;height:36px;object-fit:contain}.brand-copy{display:grid;min-width:0}.brand-copy strong{color:var(--text-primary);font-size:1rem;line-height:1.1}.brand-copy small{margin-top:2px;color:var(--text-muted);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.menu-toggle{display:none;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;color:var(--brand-deep);background:var(--surface-muted)}.nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.nav-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border-radius:999px;color:var(--text-secondary);font-size:.92rem;font-weight:700;transition:background .25s ease,color .25s ease,transform .25s ease}.nav-link:hover,.nav-link-active{color:var(--brand-deep);background:#8f5c3c14}.nav-link i{color:var(--brand)}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,var(--brand) 0%,#754929 100%);color:#fffaf3;font-weight:800;box-shadow:0 10px 24px #6f442a29;transition:transform .25s ease,box-shadow .25s ease}.header-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px #6f442a33}.header-search-link{width:46px;padding:0}@media (max-width: 1120px){.header-shell{width:min(100% - 20px,var(--max-width));grid-template-columns:auto 1fr auto auto}.menu-toggle{display:inline-flex}.nav{position:absolute;top:calc(100% + 10px);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:8px;padding:14px;border-radius:20px;border:1px solid rgba(91,74,61,.08);background:#fbf7f1fa;box-shadow:0 18px 42px #3c2a1f1f}.nav-open{display:flex}.nav-link{width:100%;justify-content:flex-start}}@media (max-width: 640px){.header-shell{padding:10px 12px;display:flex;justify-content:space-between}.brand-copy small{display:none}.brand-mark{width:42px;height:42px}.brand-mark img{width:30px;height:30px}.header-cta,.menu-toggle{width:42px;min-width:42px;min-height:42px}.header-search-link{display:inline-flex}}.footer{padding:0 0 36px}.footer-shell{width:min(100% - 32px,var(--max-width));margin:0 auto;padding:28px clamp(20px,3vw,34px);border:1px solid rgba(91,74,61,.08);border-radius:28px;background:linear-gradient(135deg,#4c382cfa,#362821fa),#35271efa;color:#fff7eceb;box-shadow:var(--shadow-elevated)}.footer-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.8fr) minmax(260px,.95fr);gap:28px;align-items:start}.footer-brand{display:flex;align-items:flex-start;gap:16px}.footer-brand-mark{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:16px;background:#fff8ef1f}.footer-brand-mark img{width:40px;height:40px;object-fit:contain}.footer-brand h3,.footer-links-block h4,.footer-share h4{margin:0;color:#fff8ef}.footer-brand p,.footer-copy{color:#fff4eab8}.footer-links-block,.footer-share{display:grid;gap:14px}.footer-links,.share-links{display:grid;gap:10px}.footer-links a,.share-links a{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:14px;background:#fff8ef14;color:#fff7ece0;transition:transform .25s ease,background .25s ease,color .25s ease}.footer-links a:hover,.share-links a:hover{transform:translateY(-2px);background:#dcb48d29;color:#fff8ef}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,248,239,.12);flex-wrap:wrap}.footer-badges{display:flex;gap:10px;flex-wrap:wrap}.footer-badges span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:#fff8ef14;color:#fff7ecdb;font-size:.88rem}.footer-copy{margin:0}@media (max-width: 1120px){.footer-top{grid-template-columns:1fr}}@media (max-width: 768px){.footer-shell{width:min(100% - 20px,var(--max-width));padding:22px 18px}.footer-brand{flex-direction:column}.footer-bottom{align-items:flex-start}}.classify-page{display:grid;gap:clamp(40px,5vw,60px)}.classify-hero,.recommend-section,.archive-section{scroll-margin-top:96px}.classify-hero{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(91,74,61,.08);border-radius:var(--radius-xl);background:radial-gradient(circle at top right,rgba(143,92,60,.18),transparent 34%),radial-gradient(circle at left bottom,rgba(89,111,98,.14),transparent 30%),linear-gradient(135deg,#fbf4ea,#f3e5d3);box-shadow:var(--shadow-card)}.classify-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(143,92,60,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(143,92,60,.04) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 90%)}.classify-hero .section-head,.classify-meta{position:relative;z-index:1}.classify-hero .section-head{margin-bottom:14px}.classify-hero .eyebrow{color:var(--brand)}.classify-hero h1{margin:12px 0 0;max-width:760px;font-size:clamp(1.5rem,2vw,1.75rem);line-height:1.02;letter-spacing:-.04em}.classify-hero .section-description{max-width:780px;font-size:1.02rem;color:var(--text-secondary)}.classify-meta{display:flex;flex-wrap:wrap;gap:12px}.classify-hero .meta-pill{min-height:44px;padding:0 16px;background:#fffcf7d1;border-color:#8f5c3c24;box-shadow:0 8px 20px #5b4a3d0f}.recommend-card,.archive-card{background:var(--surface);border:1px solid rgba(91,74,61,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.recommend-card-media,.archive-card-media{display:block;overflow:hidden}.recommend-card-media,.archive-card-media{border-radius:18px;aspect-ratio:16/10}.recommend-card-media img,.archive-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.recommend-card:hover img,.archive-card:hover img{transform:scale(1.04)}.recommend-card-body,.archive-card-body{display:grid;gap:10px}.recommend-card-body h3,.archive-card-body h3{margin:0;line-height:1.2}.recommend-card-body h3,.archive-card-body h3{font-size:1.08rem}.recommend-card-body p,.archive-card-body p{margin:0;color:var(--text-secondary)}.recommend-grid{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.recommend-card,.archive-card{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;padding:16px;height:100%}.archive-list{display:grid;gap:18px;grid-template-columns:repeat(4,minmax(0,1fr))}.recommend-card-body,.archive-card-body{min-width:0}.recommend-card-body h3,.archive-card-body h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.recommend-card-body p,.archive-card-body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media (max-width: 1120px){.recommend-grid,.archive-list{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width: 720px){.classify-hero{padding:20px}.classify-hero h1{font-size:1.5rem}.recommend-card,.archive-card,.recommend-card .recommend-grid,.recommend-card .archive-list,.archive-card .recommend-grid,.archive-card .archive-list{grid-template-columns:1fr}.recommend-card .recommend-card-media,.recommend-card .archive-card-media,.archive-card .recommend-card-media,.archive-card .archive-card-media{width:100%}}