.topic-strip{padding-top:42px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.topic-card{min-width:0;height:76px;display:flex;align-items:center;justify-content:center;gap:15px;padding:14px 18px;border-radius:8px;color:#fff;box-shadow:0 10px 24px #344a7212;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #344a7226}.topic-card>i{font-size:25px}.topic-card>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;letter-spacing:.2px}.topic-scheme-green{background:linear-gradient(120deg,#6fdc93,#76dda1)}.topic-scheme-orange{background:linear-gradient(120deg,#ff8b75,#f2b36e)}.topic-scheme-blue{background:linear-gradient(120deg,#659fe9,#7eb6f3)}.topic-scheme-purple{background:linear-gradient(120deg,#9873dc,#b694e7)}.topic-scheme-cyan{background:linear-gradient(120deg,#37bfc2,#69d3c8)}.topic-scheme-rose{background:linear-gradient(120deg,#ec718f,#ef9baf)}.topic-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.topic-directory-card{min-height:150px;display:grid;grid-template-columns:54px minmax(0,1fr) 22px;align-items:center;gap:17px;padding:24px 26px;border-radius:15px;color:#fff;box-shadow:0 12px 26px #344a7217;transition:transform .2s,box-shadow .2s}.topic-directory-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px #344a722c}.topic-directory-card>i{font-size:34px;text-align:center}.topic-directory-card span{min-width:0;display:grid}.topic-directory-card strong{font-size:21px}.topic-directory-card small{height:43px;overflow:hidden;margin-top:5px;color:#ffffffe0;line-height:1.65}.topic-directory-card em{margin-top:9px;font-style:normal;font-size:12px}.topic-directory-card>b{font-size:15px}.topic-page-head{padding:38px 0 42px;color:#fff}.topic-page-head .container>a{display:inline-block;margin-bottom:24px;color:#ffffffd9;font-size:13px}.topic-page-head .container>div{display:flex;align-items:center;gap:22px}.topic-page-head .container>div>i{width:74px;height:74px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:20px;background:#ffffff1f;font-size:34px}.topic-page-head span{display:grid}.topic-page-head small{font-weight:800;letter-spacing:1.5px}.topic-page-head h1{margin:3px 0;font-size:34px;letter-spacing:-1px}.topic-page-head p{margin:0;color:#ffffffe0;font-size:15px}.topic-swatch{width:220px;max-width:100%;display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:8px;color:#fff;font-size:13px;font-weight:700}.topic-swatch i{width:18px;text-align:center}.topic-form-preview{display:grid;gap:8px;margin-top:18px}.topic-form-preview>small{color:#8b95a4}.topic-form-preview .topic-swatch{width:260px;padding:14px}.category-section{padding-top:47px}@media(max-width:920px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-directory-grid{grid-template-columns:1fr}}@media(max-width:640px){.topic-strip{padding-top:28px}.topic-grid{gap:10px}.topic-card{height:84px;gap:10px;padding:12px;border-radius:9px}.topic-card>i{font-size:21px}.topic-card>strong{font-size:15px}.category-section{padding-top:38px}.topic-directory-card{min-height:135px;grid-template-columns:45px minmax(0,1fr) 18px;padding:20px}.topic-directory-card>i{font-size:27px}.topic-directory-card strong{font-size:18px}.topic-page-head{padding:28px 0 32px}.topic-page-head .container>div{align-items:flex-start}.topic-page-head .container>div>i{width:58px;height:58px;border-radius:16px;font-size:26px}.topic-page-head h1{font-size:27px}}