.dt-fish,[class*=dt-fish__]{display:block}.dt-fish{background:#f7f9fa;min-height:100vh;padding-bottom:60px}.dt-fish__hero{background:linear-gradient(191deg,#58e3ff -2%,#e8fbff00 60%),#eef7fa;border-bottom:1px solid #1018280d}.dt-fish__hero-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:0 auto;padding:30px 32px;display:flex}.dt-fish__hero-title{color:#0c0d0d;letter-spacing:1px;font-size:30px;font-weight:700;display:block}.dt-fish__hero-sub{color:#5b6266;margin:8px 0 0;font-size:14px;display:block}.dt-fish__cta{height:40px;color:var(--fb-on-grad);cursor:pointer;background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%);border-radius:12px;flex:none;padding:0 22px;font-size:14px;font-weight:600;line-height:40px;transition:transform .18s,box-shadow .18s;box-shadow:0 6px 16px #21d4c247}.dt-fish__cta:hover{transform:translateY(-2px);box-shadow:0 10px 22px #21d4c257}.dt-fish__lineage{max-width:1440px;color:var(--fb-t3);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 auto;padding:0 32px 14px;font-size:13.5px;display:flex}.dt-fish__lineage-tag{background:var(--fb-accent-soft);border:1px solid var(--fb-accent-line);color:var(--fb-brand-text);border-radius:999px;align-items:center;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.dt-fish__lineage-text b{color:var(--fb-t1);font-weight:600}.dt-fish__lineage-link{color:var(--fb-brand-text);white-space:nowrap;text-decoration:none}.dt-fish__lineage-link:hover{text-decoration:underline}.dt-fish__tabs-wrap{z-index:20;background:var(--fb-band-sticky);position:sticky;top:72px}@media (max-width:767px){.dt-fish__tabs-wrap{top:52px}}.dt-fish__tabs{align-items:center;gap:10px;max-width:1440px;margin:0 auto;padding:0 32px;display:flex}.dt-fish__tab{cursor:pointer;border-radius:12px;height:38px;padding:0 20px;line-height:38px;transition:background .15s,color .15s}.dt-fish__tab:hover{background:#fffc}.dt-fish__tab--on{background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%)}.dt-fish__tab--on:hover{opacity:.94;background:linear-gradient(135deg,#21d4c2 0%,#58c8ff 100%)}.dt-fish__tab-text{color:#3d4548;font-size:15px}.dt-fish__tab--on .dt-fish__tab-text{color:var(--fb-on-grad);font-weight:600}.dt-fish__kbd-tip{color:var(--fb-t3);margin-left:auto;font-size:12px}.dt-fish__body{max-width:1440px;margin:0 auto;padding:24px 32px 0}.dt-fish__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px;display:grid}.dt-fish__card{cursor:pointer;transition:transform .18s}.dt-fish__card:hover{transform:translateY(-3px)}.dt-fish__card .post-card__image-wrap{height:180px;transition:box-shadow .18s}.dt-fish__card:hover .post-card__image-wrap{box-shadow:0 10px 24px #10182829}.dt-fish__tip{text-align:center;color:var(--fb-t3);margin-top:24px;padding:12px 0 20px;font-size:13px}.dt-fish__tip--btn{cursor:pointer;color:var(--fb-brand-text-2)}.dt-fish__tip--btn:hover{text-decoration:underline}@media (max-width:1400px){.dt-fish__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1024px){.dt-fish__hero-inner,.dt-fish__tabs,.dt-fish__body,.dt-fish__lineage{padding-left:20px;padding-right:20px}.dt-fish__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.dt-fish__hero-inner{padding:16px 12px}.dt-fish__lineage{gap:6px 10px;padding:0 12px 12px;font-size:13px}.dt-fish__hero-title{font-size:20px}.dt-fish__hero-sub{font-size:12px}.dt-fish__cta{padding:8px 16px;font-size:13px}.dt-fish__tabs-wrap{display:flow-root}.dt-fish__tabs{white-space:nowrap;margin:-3px auto;padding:3px 12px;overflow:auto hidden}.dt-fish__tab{padding:0 12px;position:relative}.dt-fish__tab:after{content:"";background:0 0;position:absolute;inset:-3px 0}.dt-fish__tab-text{font-size:14px}.dt-fish__kbd-tip{display:none}.dt-fish__body{padding:12px}.dt-fish__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.dt-fish__card:hover{transform:none}}.dt-fish__tip-text{color:var(--fb-t4);margin:0 0 10px;font-size:14px}.dt-fish__tip-btn{color:var(--fb-brand-text);cursor:pointer;background:#fff;border:1px solid #d8e0e3;border-radius:999px;padding:8px 24px;font-family:inherit;font-size:14px;transition:background .15s,border-color .15s}.dt-fish__tip-btn:hover{background:#f2fbfa;border-color:#17b0a7}.dt-fish__tip-btn:focus-visible{outline-offset:2px;outline:2px solid #17b0a7}:root[data-theme=dark] .dt-fish{background:var(--fb-page)}:root[data-theme=dark] .dt-fish__hero{background:var(--fb-band);border-bottom-color:var(--fb-band-line)}:root[data-theme=dark] .dt-fish__hero-title{color:var(--fb-t1)}:root[data-theme=dark] .dt-fish__hero-sub{color:var(--fb-t2)}:root[data-theme=dark] .dt-fish__cta{color:var(--fb-on-grad);background:var(--fb-grad)}:root[data-theme=dark] .dt-fish__tabs-wrap{background:var(--fb-band-sticky)}:root[data-theme=dark] .dt-fish__tab:hover{background:var(--fb-chip-hover)}:root[data-theme=dark] .dt-fish__tab--on,:root[data-theme=dark] .dt-fish__tab--on:hover{background:var(--fb-grad)}:root[data-theme=dark] .dt-fish__tab-text{color:var(--fb-t5)}:root[data-theme=dark] .dt-fish__tab--on .dt-fish__tab-text{color:var(--fb-on-grad)}:root[data-theme=dark] .dt-fish__kbd-tip,:root[data-theme=dark] .dt-fish__tip{color:var(--fb-t3)}:root[data-theme=dark] .dt-fish__tip--btn{color:var(--fb-brand-text)}:root[data-theme=dark] .dt-fish__tip-text{color:var(--fb-t4)}:root[data-theme=dark] .dt-fish__tip-btn{border-color:var(--fb-border);background:var(--fb-chip);color:var(--fb-brand-text)}:root[data-theme=dark] .dt-fish__tip-btn:hover{background:var(--fb-soft);border-color:var(--fb-soft-line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .dt-fish{background:var(--fb-page)}:root:not([data-theme=light]) .dt-fish__hero{background:var(--fb-band);border-bottom-color:var(--fb-band-line)}:root:not([data-theme=light]) .dt-fish__hero-title{color:var(--fb-t1)}:root:not([data-theme=light]) .dt-fish__hero-sub{color:var(--fb-t2)}:root:not([data-theme=light]) .dt-fish__cta{color:var(--fb-on-grad);background:var(--fb-grad)}:root:not([data-theme=light]) .dt-fish__tabs-wrap{background:var(--fb-band-sticky)}:root:not([data-theme=light]) .dt-fish__tab:hover{background:var(--fb-chip-hover)}:root:not([data-theme=light]) .dt-fish__tab--on,:root:not([data-theme=light]) .dt-fish__tab--on:hover{background:var(--fb-grad)}:root:not([data-theme=light]) .dt-fish__tab-text{color:var(--fb-t5)}:root:not([data-theme=light]) .dt-fish__tab--on .dt-fish__tab-text{color:var(--fb-on-grad)}:root:not([data-theme=light]) .dt-fish__kbd-tip,:root:not([data-theme=light]) .dt-fish__tip{color:var(--fb-t3)}:root:not([data-theme=light]) .dt-fish__tip--btn{color:var(--fb-brand-text)}:root:not([data-theme=light]) .dt-fish__tip-text{color:var(--fb-t4)}:root:not([data-theme=light]) .dt-fish__tip-btn{border-color:var(--fb-border);background:var(--fb-chip);color:var(--fb-brand-text)}:root:not([data-theme=light]) .dt-fish__tip-btn:hover{background:var(--fb-soft);border-color:var(--fb-soft-line)}}
.dt-fish.dt-fish--c .dt-fish__hero-inner,.dt-fish.dt-fish--c .dt-fish__tabs,.dt-fish.dt-fish--c .dt-fish__lineage,.dt-fish.dt-fish--c .dt-fish__body{max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.dt-fish.dt-fish--c .dt-fish__hero-inner{padding-top:24px;padding-bottom:8px}.dt-fish.dt-fish--c .dt-fish__body{padding-top:18px}@media (max-width:767px){.dt-fish--c .dt-fish__tabs-wrap{top:52px}}.dt-fish.dt-fish--c .dt-fish__tabs-wrap{z-index:50;background:var(--fb-page);box-shadow:none;border:0;margin-top:0;padding:12px 0 10px;position:sticky;top:72px}@media (max-width:767px){.dt-fish.dt-fish--c .dt-fish__tabs-wrap{top:52px}}.dt-fish.dt-fish--c .dt-fish__tabs{gap:8px}.dt-fish.dt-fish--c .dt-fish__tab{background:var(--fb-chip);border-radius:999px;height:auto;padding:6px 16px;line-height:1.5}.dt-fish.dt-fish--c .dt-fish__tab:hover{background:var(--fb-soft)}.dt-fish.dt-fish--c .dt-fish__tab--on,.dt-fish.dt-fish--c .dt-fish__tab--on:hover{background:var(--fb-grad);opacity:1}.dt-fish.dt-fish--c .dt-fish__tab-text{color:var(--fb-t2);font-size:14px}.dt-fish.dt-fish--c .dt-fish__tab:hover .dt-fish__tab-text{color:var(--fb-t1)}.dt-fish.dt-fish--c .dt-fish__tab--on .dt-fish__tab-text,.dt-fish.dt-fish--c .dt-fish__tab--on:hover .dt-fish__tab-text{color:var(--fb-on-grad)}button.dt-fish__tip-btn{display:inline-block}