/* 欧博咖啡茶饮资讯 咖啡茶饮资讯 */
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:#f6efe2;color:#3a2c20;line-height:1.9}
a{color:#8c5a2b;text-decoration:none}a:hover{text-decoration:underline}
.kf88-wrap{max-width:1060px;margin:0 auto;padding:0 20px}
.kf88-header{background:#4a2b1a}
.kf88-topbar{background:#5d3a24;color:#e8d9c4;font-size:13px;padding:6px 0;letter-spacing:1px}
.kf88-brandbar{padding:16px 0 12px}
.kf88-brandbar .kf88-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.kf88-logo{display:inline-flex;align-items:center;background:#c98a4e;color:#3a2415;font-size:15px;font-weight:700;padding:6px 14px;border-radius:18px;letter-spacing:2px}
.kf88-logo small{font-size:12px;color:#e8d9c4;margin-left:12px;font-weight:400;letter-spacing:1px}
.kf88-domain{margin-left:auto;font-size:13px;color:#cbb59a}
.kf88-nav{background:#f6efe2;border-bottom:2px solid #c98a4e}
.kf88-nav a{display:inline-block;padding:10px 12px;font-size:15px;color:#4a2b1a}
.kf88-nav a:hover{color:#8c5a2b}.kf88-nav a.kf88-on{color:#8c5a2b;font-weight:700;background:#f0e2c8}
.kf88-breadcrumb{background:#efe5d2;font-size:13px;color:#9a8463;padding:8px 0}
.kf88-breadcrumb a{color:#9a8463}
.kf88-hero{background:linear-gradient(115deg,#4a2b1a,#6b4328);padding:36px 0 28px;color:#f9f2e6}
.kf88-hero .kf88-wrap{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.kf88-hero-rev .kf88-wrap{flex-direction:row-reverse}
.kf88-hero-txt{flex:1 1 430px}
.kf88-hero-txt h1{font-size:26px;color:#fff8ee;margin-bottom:12px;letter-spacing:1px}
.kf88-hero-txt p{font-size:16px;color:#ecdcc4;margin-bottom:12px}
.kf88-meta{font-size:13px;color:#c9b294}
.kf88-hero-card{flex:0 1 280px;background:#fdfaf3;border-radius:12px;padding:14px 18px;box-shadow:0 4px 16px rgba(60,35,15,.35);border-top:4px solid #c98a4e}
.kf88-hero-card li{list-style:none;padding:7px 0;border-bottom:1px dashed #e4d5ba;font-size:14px;color:#4a3826}
.kf88-hero-card li:last-child{border-bottom:none}
.kf88-hero-card b{color:#8c5a2b;margin-right:10px}
.kf88-heroimg{max-width:1060px;margin:18px auto 6px;padding:0 20px}
.kf88-heroimg img{width:100%;height:auto;border-radius:6px;border:1px solid #e0cdae}
.kf88-main{display:block}.kf88-article{background:#fdfaf3;border:1px solid #e8dcc3;border-radius:6px;padding:26px 30px;margin:22px 0}
.kf88-keypoints{background:#f3e9d5;border-left:4px solid #c98a4e;padding:12px 16px;margin-bottom:20px;font-size:14px}
.kf88-keypoints b{color:#8c5a2b}.kf88-keypoints ul{margin:6px 0 0 20px}
.kf88-sec{margin-bottom:26px}.kf88-sec h2{font-size:20px;color:#4a2b1a;padding:6px 0 6px 14px;border-left:6px solid #c98a4e;margin-bottom:10px}
.kf88-sec p{margin-bottom:10px;font-size:15px}
.kf88-ticker{margin-bottom:8px}.kf88-ticker span{display:inline-block;background:#f3e9d5;color:#7a5a33;border-radius:14px;padding:4px 12px;margin:0 8px 8px 0;font-size:13px}
.kf88-cardgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kf88-card{display:block;border:1px solid #e8dcc3;border-top:4px solid #c98a4e;border-radius:8px;padding:14px;background:#fdfaf3}
.kf88-card h3{font-size:16px;color:#8c5a2b;margin-bottom:6px}.kf88-card p{font-size:13px;color:#9a8463}
.kf88-card:hover{box-shadow:0 2px 10px rgba(74,43,26,.12)}
.kf88-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kf88-badge{background:#f3e9d5;border-radius:8px;padding:14px;text-align:center}
.kf88-badge b{display:block;color:#8c5a2b;font-size:15px}.kf88-badge span{font-size:13px;color:#9a8463}
.kf88-steps{margin-left:22px}.kf88-steps li{margin-bottom:8px;font-size:15px;padding-left:8px}
.kf88-steps li::marker{color:#c98a4e;font-weight:700}
.kf88-geo{background:#f7eeda;border:1px dashed #c98a4e;border-radius:8px;padding:14px 18px;margin-bottom:22px;font-size:14px;color:#6b5229}
.kf88-geo h2{font-size:16px;color:#8c5a2b;margin-bottom:6px}
.kf88-geo a{color:#8c5a2b;text-decoration:underline}
.kf88-relqa{margin-bottom:22px}.kf88-relqa h2{font-size:20px;color:#4a2b1a;padding:6px 0 6px 14px;border-left:6px solid #c98a4e;margin-bottom:10px}
.kf88-relqa h3{font-size:15px;color:#8c5a2b;margin:12px 0 4px}.kf88-relqa p{font-size:14px;color:#7c6a4e}
.kf88-related{margin-bottom:18px}.kf88-related h2{font-size:18px;color:#8c5a2b;margin-bottom:10px}
.kf88-related li{list-style:none;display:inline-block;margin:0 12px 8px 0;background:#f3e9d5;border-radius:14px;padding:4px 14px;font-size:14px}
.kf88-hint{max-width:1060px;margin:0 auto 22px;padding:0 20px;font-size:13px;color:#a08a64;text-align:center}
.kf88-tags{margin-bottom:8px}.kf88-tags a{display:inline-block;background:#f3e9d5;color:#7a5a33;border-radius:14px;padding:5px 14px;margin:0 8px 8px 0;font-size:14px}
.kf88-tags a:hover{background:#c98a4e;color:#fff}
.kf88-latest li{list-style:none;padding:9px 0;border-bottom:1px dashed #e8dcc3;font-size:15px}
.kf88-latest time{color:#a08a64;font-size:13px;margin-right:14px}
.kf88-hublist li{list-style:none;padding:9px 0;border-bottom:1px dashed #e8dcc3;font-size:15px}
.kf88-hublist time{color:#a08a64;font-size:13px;margin-right:14px}
.kf88-sec details{border:1px solid #e8dcc3;border-radius:8px;padding:10px 16px;margin-bottom:10px;background:#fdfaf3}
.kf88-sec summary{font-size:15px;color:#8c5a2b;cursor:pointer;font-weight:700}
.kf88-sec details p{margin-top:8px;font-size:14px}
.kf88-footer{background:#4a2b1a;color:#d8c5a8;margin-top:30px}
.kf88-footer .kf88-wrap{display:grid;grid-template-columns:2.2fr 1.6fr 1.4fr;gap:24px;padding:34px 20px}
.kf88-footer h4{font-size:15px;color:#fdfaf3;margin-bottom:12px}
.kf88-footer h4.kf88-fsub{margin-top:16px}
.kf88-footer a{display:block;color:#d8c5a8;font-size:14px;padding:2px 0}
.kf88-footer p{font-size:13px}
.kf88-copy{background:#38200f;text-align:center;font-size:13px;color:#a58a64;padding:10px 0}
@media(max-width:800px){.kf88-cardgrid,.kf88-badges{grid-template-columns:1fr 1fr}.kf88-footer .kf88-wrap{grid-template-columns:1fr 1fr}.kf88-hero .kf88-wrap{flex-direction:column}.kf88-hero-card{flex:1 1 auto;width:100%}}
@media(max-width:560px){.kf88-cardgrid,.kf88-badges{grid-template-columns:1fr}.kf88-nav a{padding:8px 9px;font-size:13px}.kf88-hero-txt h1{font-size:22px}}