.topics-root{min-height:100vh;background:#faf5ec;padding-bottom:50px}.topics-navbar{position:fixed;top:0;left:0;right:0;height:44px;z-index:50;background:#faf5ec;display:flex;align-items:center;padding:0 16px}.topics-nav-title{font-family:"Noto Serif SC",serif;font-size:16px;font-weight:600;color:#333}.topics-breadcrumb{display:flex;align-items:center;gap:6px;padding:50px 20px 8px;font-size:11px;color:#bfbfbf}.topics-breadcrumb a{color:#8b8b8b;text-decoration:none}.topics-list{padding-top:44px}.topic-card{display:block;margin:0 20px 20px;border-radius:20px;overflow:hidden;text-decoration:none}.topic-card-img-wrap{position:relative;width:100%;height:200px;background:linear-gradient(145deg,#2c1f1a,#3d2820,#1a1210)}.topic-card-img{width:100%;height:100%;object-fit:cover;opacity:.75}.topic-card-mask{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 20px;background:linear-gradient(transparent,rgba(20,10,5,.85))}.topic-card-name{font-size:18px;font-weight:600;color:#fff;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5);margin-bottom:3px}.topic-card-desc,.topic-card-name{display:block;font-family:"Noto Serif SC",serif}.topic-card-desc{font-size:12px;color:#ccc;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.4)}.topics-empty{text-align:center;padding:80px 0;color:#8b8b8b;font-size:14px}.topics-spacer{height:40px}