/* DTB v2.0.146 — moved from inline <style id="dtb88-css"> (part-04.php); browser-cached. */
.dtb88-page{padding-top:14px;padding-bottom:40px}
.dtb88-page *{box-sizing:border-box}
.dtb88-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;line-height:1.6;color:#6b7a70;margin:0 0 12px}
.dtb88-crumbs a{color:#0b8d46;text-decoration:none}
.dtb88-crumbs b{color:#123b26;font-weight:600}
.dtb88-hero{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:linear-gradient(135deg,#0b8d46 0%,#14a85a 100%);color:#fff;margin:0 0 14px;box-shadow:0 10px 26px rgba(11,141,70,.18)}
.dtb88-hero.is-flash{background:linear-gradient(135deg,#ea580c 0%,#f59e0b 100%);box-shadow:0 10px 26px rgba(234,88,12,.2)}
.dtb88-hero-ico{flex:0 0 auto;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:30px}
.dtb88-hero-txt{min-width:0}
.dtb88-hero-txt small{display:block;font-size:12.5px;line-height:1.6;font-weight:600;opacity:.9}
.dtb88-hero-txt h1{margin:0;color:#fff;font-size:26px;line-height:1.35;font-weight:800}
.dtb88-hero-txt p{margin:2px 0 0;font-size:13.5px;line-height:1.6;opacity:.92}
.dtb88-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin:0 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dtb88-chips::-webkit-scrollbar{display:none}
.dtb88-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:7px 14px;border-radius:999px;border:1px solid #d9ebe0;background:#fff;color:#123b26!important;font-size:13.5px;line-height:1.5;font-weight:600;text-decoration:none!important;white-space:nowrap}
.dtb88-chip:hover{border-color:#0b8d46}
.dtb88-chip.is-on{background:#0b8d46;border-color:#0b8d46;color:#fff!important}
.dtb88-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.dtb88-count{font-size:13.5px;line-height:1.6;color:#6b7a70;font-weight:600}
.dtb88-sort{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.dtb88-sort::-webkit-scrollbar{display:none}
.dtb88-sort button{flex:0 0 auto;border:1px solid #e1ece5;background:#fff;color:#35503f;border-radius:999px;padding:6px 12px;font-size:12.5px;line-height:1.5;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}
.dtb88-sort button.is-on{background:#123b26;border-color:#123b26;color:#fff}
.dtb88-section{margin:0!important}
.dtb88-foot{margin:22px 0 0;text-align:center;font-size:14px}
.dtb88-foot a{color:#0b8d46;text-decoration:none;font-weight:600}
.dtb88-hub{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:0 0 16px}
.dtb88-tile{display:grid;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;gap:10px 12px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid #e3efe7;box-shadow:0 1px 2px rgba(16,24,40,.04);text-decoration:none!important;transition:box-shadow .15s ease,transform .15s ease}
.dtb88-tile:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(16,94,52,.12)}
.dtb88-tile-ico{width:52px;height:52px;border-radius:14px;background:#eef7f1;display:flex;align-items:center;justify-content:center;font-size:26px}
.dtb88-tile-txt{min-width:0;display:flex;flex-direction:column}
.dtb88-tile-txt small{font-size:12px;line-height:1.6;color:#d97706;font-weight:600}
.dtb88-tile-txt b{font-size:16.5px;line-height:1.4;color:#123b26;font-weight:700}
.dtb88-tile-txt em{font-style:normal;font-size:12.5px;line-height:1.5;color:#6b7a70}
.dtb88-tile-thumbs{grid-column:1/2;display:none}
.dtb88-tile-go{grid-column:2;justify-self:start;font-size:13px;line-height:1.5;font-weight:700;color:#0b8d46}
.dtb88-tile-thumbs:not(:empty){grid-column:1 / 3;display:flex;gap:8px}
.dtb88-tile-thumbs img{width:60px;aspect-ratio:6/5;object-fit:contain;border-radius:10px;background:#f6faf7;border:1px solid #eef3ef;padding:3px}
.dtb77-head .dtb88-seeall,.dtb-v2-block .dtb88-seeall{flex:0 0 auto;margin-left:auto;font-size:13px;line-height:1.5;font-weight:700;color:#e07b00!important;padding:5px 12px;border:1px solid #f4d6ae;border-radius:999px;background:#fff8ee;white-space:nowrap;text-decoration:none!important}
@media (max-width:640px){
  .dtb88-page{padding-top:10px}
  .dtb88-hero{padding:14px;border-radius:16px;gap:12px}
  .dtb88-hero-ico{width:46px;height:46px;font-size:24px;border-radius:13px}
  .dtb88-hero-txt h1{font-size:20px}
  .dtb88-hero-txt p{font-size:12.5px}
  .dtb88-chip{font-size:12.5px;padding:6px 12px}
  .dtb88-count{display:none}
  .dtb77-head .dtb88-seeall{font-size:11.5px;padding:4px 10px}
}