.dt-know{background:#f7f9fa;min-height:100vh}.dt-know__hero{background:linear-gradient(191deg,#58e3ff -2%,#e8fbff00 60%),#eef7fa;border-bottom:1px solid #1018280d}.dt-know__hero-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:30px 32px;display:flex}.dt-know__hero-left{min-width:0}.dt-know__title{color:#0c0d0d;letter-spacing:1px;margin:0;font-size:30px;font-weight:700}.dt-know__sub{color:#5b6266;margin:8px 0 0;font-size:14px}.dt-know__hero-stats{flex:none;gap:14px;display:flex}.dt-know__hero-stat{text-align:center;background:#ffffffbf;border-radius:12px;min-width:108px;padding:12px 18px}.dt-know__hero-num{color:#0c0d0d;font-size:22px;font-weight:700;display:block}.dt-know__hero-label{color:#5b6266;margin-top:2px;font-size:12px;display:block}.dt-know__cats{z-index:50;background:#fff;border-bottom:1px solid #1018280f;position:sticky;top:72px}.dt-know__cats-inner{flex-wrap:wrap;gap:8px;max-width:1440px;margin:0 auto;padding:12px 32px;display:flex}.dt-know__cat{color:#5b6266;background:#f2f4f7;border-radius:999px;padding:6px 16px;font-size:14px;text-decoration:none;transition:background .15s,color .15s}.dt-know__cat:hover{color:#0c0d0d;background:#e3f6f4}.dt-know__cat:focus-visible{outline-offset:2px;outline:2px solid #17b0a7}.dt-know__cat--on{color:var(--fb-on-grad);background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%)}.dt-know__body{max-width:1440px;margin:0 auto;padding:24px 32px 60px}.dt-know__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.dt-know__card{color:inherit;background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 1px 2px #1018280a}.dt-know__card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1018281f}.dt-know__card:focus-visible{outline-offset:2px;outline:2px solid #17b0a7}.dt-know__card-img{aspect-ratio:16/9;background:#e9edf0;overflow:hidden}.dt-know__card-img img{object-fit:cover;width:100%;height:100%}.dt-know__card-body{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.dt-know__card-cat{color:var(--fb-brand-text);background:#e8f7f6;border-radius:4px;align-self:flex-start;margin-bottom:8px;padding:2px 8px;font-size:12px}.dt-know__card-title{color:#0c0d0d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.dt-know__card-sum{color:var(--fb-t4);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 10px;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.dt-know__card-date{color:var(--fb-t3);font-size:12px}.dt-know__card-sum:last-child{margin-bottom:0}.dt-know__empty{text-align:center;padding:80px 0}.dt-know__empty-title{color:var(--fb-t4);margin:0 0 16px;font-size:15px}.dt-know__empty-btn{color:var(--fb-on-grad);background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%);border-radius:999px;padding:9px 24px;font-size:14px;text-decoration:none;display:inline-block}@media (max-width:1024px){.dt-know__hero-inner,.dt-know__cats-inner,.dt-know__body{padding-left:20px;padding-right:20px}.dt-know__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.dt-know__hero-inner{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 12px}.dt-know__title{font-size:20px}.dt-know__sub{font-size:12px}.dt-know__hero-stats{justify-content:space-between;gap:8px;width:100%}.dt-know__hero-stat{flex:1;min-width:0}.dt-know__hero-num{font-size:17px}.dt-know__cats{top:52px}.dt-know__cats-inner{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding:10px 12px;overflow-x:auto}.dt-know__cat{white-space:nowrap;flex:none;font-size:13px}.dt-know__body{padding:12px 12px calc(62px + env(safe-area-inset-bottom))}.dt-know__grid{grid-template-columns:minmax(0,1fr);gap:12px}.dt-know__card{flex-direction:row}.dt-know__card-img{aspect-ratio:1;flex:none;width:120px}.dt-know__card-body{padding:10px 12px}.dt-know__card-title{-webkit-line-clamp:3;font-size:14px}.dt-know__card-sum{display:none}.dt-know__card:hover{transform:none}}:root[data-theme=dark] .dt-know{background:var(--fb-page)}:root[data-theme=dark] .dt-know__hero{background:var(--fb-band);border-bottom-color:var(--fb-band-line)}:root[data-theme=dark] .dt-know__title{color:var(--fb-t1)}:root[data-theme=dark] .dt-know__sub{color:var(--fb-t2)}:root[data-theme=dark] .dt-know__hero-stat{background:var(--fb-chip)}:root[data-theme=dark] .dt-know__hero-num{color:var(--fb-t1)}:root[data-theme=dark] .dt-know__hero-label{color:var(--fb-t2)}:root[data-theme=dark] .dt-know__cats{background:var(--fb-card);border-bottom-color:var(--fb-band-line)}:root[data-theme=dark] .dt-know__cat{background:var(--fb-chip);color:var(--fb-t2)}:root[data-theme=dark] .dt-know__cat:hover{background:var(--fb-soft);color:var(--fb-t1)}:root[data-theme=dark] .dt-know__cat--on{color:var(--fb-on-grad);background:var(--fb-grad)}:root[data-theme=dark] .dt-know__card{background:var(--fb-card);box-shadow:var(--fb-shadow-soft)}:root[data-theme=dark] .dt-know__card-img{background:var(--fb-ph)}:root[data-theme=dark] .dt-know__card-cat{background:var(--fb-soft);color:var(--fb-brand-text)}:root[data-theme=dark] .dt-know__card-title{color:var(--fb-t1)}:root[data-theme=dark] .dt-know__card-sum{color:var(--fb-t4)}:root[data-theme=dark] .dt-know__card-date{color:var(--fb-t3)}:root[data-theme=dark] .dt-know__empty-title{color:var(--fb-t4)}:root[data-theme=dark] .dt-know__empty-btn{color:var(--fb-on-grad);background:var(--fb-grad)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dt-know{background:var(--fb-page)}:root:not([data-theme=light]) .dt-know__hero{background:var(--fb-band);border-bottom-color:var(--fb-band-line)}:root:not([data-theme=light]) .dt-know__title{color:var(--fb-t1)}:root:not([data-theme=light]) .dt-know__sub{color:var(--fb-t2)}:root:not([data-theme=light]) .dt-know__hero-stat{background:var(--fb-chip)}:root:not([data-theme=light]) .dt-know__hero-num{color:var(--fb-t1)}:root:not([data-theme=light]) .dt-know__hero-label{color:var(--fb-t2)}:root:not([data-theme=light]) .dt-know__cats{background:var(--fb-card);border-bottom-color:var(--fb-band-line)}:root:not([data-theme=light]) .dt-know__cat{background:var(--fb-chip);color:var(--fb-t2)}:root:not([data-theme=light]) .dt-know__cat:hover{background:var(--fb-soft);color:var(--fb-t1)}:root:not([data-theme=light]) .dt-know__cat--on{color:var(--fb-on-grad);background:var(--fb-grad)}:root:not([data-theme=light]) .dt-know__card{background:var(--fb-card);box-shadow:var(--fb-shadow-soft)}:root:not([data-theme=light]) .dt-know__card-img{background:var(--fb-ph)}:root:not([data-theme=light]) .dt-know__card-cat{background:var(--fb-soft);color:var(--fb-brand-text)}:root:not([data-theme=light]) .dt-know__card-title{color:var(--fb-t1)}:root:not([data-theme=light]) .dt-know__card-sum{color:var(--fb-t4)}:root:not([data-theme=light]) .dt-know__card-date{color:var(--fb-t3)}:root:not([data-theme=light]) .dt-know__empty-title{color:var(--fb-t4)}:root:not([data-theme=light]) .dt-know__empty-btn{color:var(--fb-on-grad);background:var(--fb-grad)}}
