* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth;overflow-x: hidden;width: 100%;}
body { font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif; line-height:1.7; color:#333; background:#f8f9fa;overflow-x: hidden;width: 100%;position: relative;}
img { max-width:100%; height:auto; display:block; }
a { text-decoration:none; color:inherit; }
h1{color:#fff;font-size:clamp(16px, 1.562cqi, 30px)}
h2 { color:#fff; font-size:25px; line-height:1.3; margin-bottom:20px; }
ul { list-style:none; }
section{max-width:1200px;margin:0 auto;padding:20px 0 !important;width:100%;container-type:inline-size;}
video { width: 100%; height: 100%; object-fit: cover; opacity: 0.8;}
iframe{width:100%;height:500px;border:none}
section li {list-style-type: disc;}
.container{max-width:1200px;padding:0 !important;width:100%;margin:0 auto; padding:0 20px;}
.section-title { color:#333; font-size:32px; margin-bottom:40px; text-align:center; }
.row { display:flex; flex-wrap:wrap; margin:0 -12px; }
.col { flex:1; padding:0 12px; margin-bottom:24px; }
.col-2{flex:0.5}
.col-4 { flex:0 0 33.333%; max-width:33.333%; padding:0 12px; margin-bottom:24px; }
.col-6 { flex:0 0 50%; max-width:70%; padding:0 12px; margin-bottom:24px; }
.bg-black{width:90%;background-color:#00000080; border-radius:15px; padding:40px 30px;color:#fff;}
.slogan{color:#e6f1ff;font-size:clamp(12px,2vw,20px);font-weight:500;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden;white-space:nowrap;width:0;margin:10px 0;}
.line1{animation:typing1 3s steps(32) 0.5s forwards,blink 0.75s step-end infinite;}
.line2{animation:typing2 3.5s steps(38) 3.5s forwards,blink 0.75s step-end infinite;}
.line3{animation:typing3 2.5s steps(29) 7s forwards,blink 0.75s step-end infinite;}
@keyframes typing1{from{width:0}to{width:33ch}}
@keyframes typing2{from{width:0}to{width:64ch}}
@keyframes typing3{from{width:0}to{width:49ch}}
@keyframes blink{from,to{border-color:transparent}50%{border-color:#64ffda}}
.bg-white{max-width:100%; height:300px;background-color:#ffffff80; border-radius: 30px 0 30px 0; text-align: center; overflow: hidden; box-shadow: 0 0 15px rgba(255,255,255,0.8), 0 0 25px rgba(180,200,255,0.5);}
.fade-up,.fade-down,.fade-left,.fade-right { opacity:0; transition:all 0.7s ease; }
.fade-up { transform:translateY(30px); }
.fade-down { transform:translateY(0px); }
.fade-left { transform:translateX(-50px); }
.fade-right { transform:translateX(50px); }
.fade-up.show,.fade-down.show,.fade-left.show,.fade-right.show { opacity:1; transform:translate(0); }
.hover-float { transition:0.3s; }
.hover-float:hover { transform:translateY(-6px) scale(1.03); box-shadow:0 10px 20px #00000015; }
.btn-click:active { transform:scale(0.96); }
.breath { animation:breath 2.4s infinite alternate ease-in-out; }
@keyframes breath { from{opacity:0.7;} to{opacity:1;} }
.card { background:#fff; border-radius:12px; padding:28px; box-shadow:0 2px 12px #00000008; height:100%; }
.btn { display:inline-block; padding:12px 28px; background:#0d6efd; color:#fff; border-radius:8px; font-size:20px; border:none; cursor:pointer; }
.btn:hover { background:#0b5ed7; }
.form-control { width:100%; padding:14px; border:1px solid #ddd; border-radius:8px; margin-bottom:16px; }
.form-control:focus { outline:none; border-color:#0d6efd; box-shadow:0 0 0 3px #0d6efd1a; }
header{position:sticky;top:0;background-color:rgba(0,0,0,0.7);box-shadow:0 2px 8px #00000007;z-index:99;}
header .container{max-width:1200px;margin:0 auto;padding:0 100px;width:100%;}
@media(max-width:1200px){header .container{padding:0 50px;}}
@media(max-width:992px){header .container{padding:0 30px;}}
@media(max-width:768px){header .container{padding:0 20px;}}
@media(max-width:480px){header .container{padding:0 16px;}}
.navbar { display:flex; justify-content:space-between; align-items:center; padding:20px; }
.nav-menu { display:flex; gap:30px; }
.nav-menu a { color:#fff; font-weight:500; }
.nav-menu a:hover { color:#ff0000; }
#menu-toggle { display:none; }
.hamburger { display:none; flex-direction:column; gap:4px; cursor:pointer; }
.hamburger span { width:24px; height:3px; background:#333; border-radius:2px; }
.form-control { font-family:system-ui,-apple-system,Arial, Segoe UI,Roboto,sans-serif; font-size:16px; line-height:1; }
.QR { float:right; clear:both; position:absolute; top:20px; right:20px; padding:5px; z-index:10; }
footer { background:#222; color:#fff; padding:50px 0 20px; }
.footer-content { display:flex; flex-wrap:wrap; gap:40px; margin-bottom:30px;padding:20px; }
.footer-col {list-style: none;flex:1; min-width:220px;}
.footer-col li {display: inline-block;margin: 0 10px;}
.footer-col li a {color: #ccc;text-decoration: none;}
.footer-col li a:hover {color: #fff;}
.footer-col h4 { margin-bottom:16px; }
.copyright { text-align:center; padding-top:20px; border-top:1px solid #444; color:#ccc; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: red; border-radius: 4px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: darkred; border: 2px solid transparent; background-clip: content-box; }

svg { width: 300px; height: 300px; }
.bg-text { fill: #ff0000; stroke: none; }
.stroke-animation { fill: none; stroke: #ffffff; stroke-width: 2.5; stroke-dasharray: 1800; stroke-dashoffset: 1800; animation: draw 5s linear infinite; }
#particles-js{width:100%;height:100vh;background: rgba(10, 20, 40, 0.4);}
@keyframes draw { 0% { stroke-dashoffset: 1800; } 80% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 0; } }

/* ========== 核心区块：全屏无空隙 + 背景满铺 ========== */
#home {min-height:650px; background-size:cover; background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center;border-radius:0 0 8px 8px;animation: bgZoom 10s infinite alternate linear;overflow:hidden;}
#home .container { max-width:1200px; padding:0 100px !important; }
#home .row { align-items:center; margin:0; }
.banner-text { position: absolute; left: 80px; top: 50%; transform: translateY(-50%); padding: 20px 30px; background: rgba(0,0,0,0.6); color: white; border-radius: 8px; animation: glow 3s ease-in-out infinite alternate; }
@keyframes bg-pan { 0% { background-position: 0% 50%; transform: scale(1); } 50% { background-position: 100% 50%; transform: scale(1.02); } 100% { background-position: 0% 50%; transform: scale(1); } }
@keyframes glow { from { box-shadow: 0 0 5px rgba(255,255,255,0.5); } to { box-shadow: 0 0 15px rgba(100,180,255,0.8); } }

/* 企业核心信息&发展历程 区块样式 */
.summary .container{max-width:1200px;width:100%;display:flex;flex-wrap:wrap;gap:30px;margin:0;padding:0;box-sizing:border-box;}
.core-info-col,.history-col{flex:1;min-width:320px;padding:40px 35px;background:#fff;box-shadow:0 3px 15px rgba(0,0,0,0.08);border-radius:8px;box-sizing:border-box;}
.core-info-col h3,.history-col h3{font-size:22px;color:var(--main-blue);margin-bottom:25px;display:flex;align-items:center;gap:8px;}
.history-timeline{position:relative;padding-left:28px;margin-top:10px;}
.history-timeline::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:#e0e0e0;}
.history-item{position:relative;margin-bottom:22px;}
.history-item time{display:inline-block;font-weight:600;color:var(--main-red);margin-bottom:6px;font-size:16px;}
.history-item::before{content:"";position:absolute;left:-22px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--main-red);}

#facility .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;}
#facility .row{display:flex;flex-wrap:wrap;margin:0 -15px;box-sizing:border-box;}
.col-3{flex:0 0 25%;max-width:25%;padding:0 15px;box-sizing:border-box;}
.facility-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 3px 15px rgba(0,0,0,0.08);text-align:center;box-sizing:border-box;}
.facility-card h3{font-size:18px;margin-bottom:15px;color:var(--main-blue);}
.facility-card img{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:12px;}
.facility-card p{font-size:14px;color:#666;line-height:1.6;margin:0;}
@media(max-width:1024px){.col-3{flex:0 0 50%;max-width:50%;margin-bottom:30px;}}
@media(max-width:768px){.col-3{flex:0 0 100%;max-width:100%;}}

#RD .container { max-width:1200px; padding:0 !important; }
.carousel{position:relative;width:100%;height:500px;overflow:hidden;border-radius:8px;margin:0;padding:0;}
.carousel-item{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 0.6s ease;margin:0;padding:0;}
.carousel-item.active{opacity:1;}
.carousel-item img{width:100%;height:100%;object-fit:cover;display:block;margin:0;padding:0;border:none;}
.prev{position:absolute;top:50%;left:20px;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:white;border:none;width:48px;height:48px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:all 0.3s;}
.next{position:absolute;top:50%;right:20px;transform:translateY(-50%);background:rgba(0,0,0,0.4);color:white;border:none;width:48px;height:48px;border-radius:50%;font-size:20px;cursor:pointer;z-index:10;transition:all 0.3s;}
.prev:hover{background:rgba(0,0,0,0.6);transform:translateY(-50%) scale(1.05);}
.next:hover{background:rgba(0,0,0,0.6);transform:translateY(-50%) scale(1.05);}
.dots{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;}
.dot{width:14px;height:14px;background:rgba(255,255,255,0.6);border-radius:50%;cursor:pointer;transition:all 0.3s;}
.dot.active{background:#0d6efd;transform:scale(1.2);}
.dot:hover{background:rgba(255,255,255,0.9);}
@keyframes car { 0% { opacity:0; } 12% { opacity:1; } 36% { opacity:1; } 48% { opacity:0; } 100% { opacity:0; } }

#about {height:auto; min-height:551px; background-image:url(../images/Shengtai_Chemical.webp); background-size:cover; background-position:center; background-repeat:no-repeat; display:flex; align-items:center; justify-content:center; border-radius:8px;overflow:hidden;}
#about .container { max-width:700px; font-weight:bold; padding:40px 30px; margin:50px auto; }
#about p { max-width:800px; margin:0 auto; line-height:1.8; }

#products .container { max-width:1200px; padding:0 !important; width:100%; }
#products .card { display:flex; flex-direction:column; justify-content:space-between; }
#products .card img { width:100%; border-radius:8px; margin-bottom:20px; }
#products h1 { color:#000; font-size:30px; margin-bottom:10px; }
#products .card h3 { font-size:20px; margin-bottom:10px; }
#products .card p { color:#666; line-height:1.6; }
#production_flow i { font-size:30px; flex-direction:column; }
.table-container {width:100% !important; margin:0;padding:0;border:1px solid #000; box-sizing:border-box; overflow:hidden; }
.table-header,.table-row { display:flex; font-size:16px; color:#333; }
.table-header { background:#f5f5f5; font-weight:bold; font-size:18px; }
.table-row { border-top:1px solid #000; }
.table-col { flex:1; padding:20px; text-align:center; display:flex; align-items:center; justify-content:center; border-right:1px solid #000; box-sizing:border-box; }
.table-col:last-child { border-right:none; }
.row-highlight { background:#f5f5f5; font-weight:bold; }
.text-red { color:#ed2633; font-size:20px; }
.text-blue { color:#002060; font-size:20px; }
.clients-reference { max-width: 1200px; margin: 0 auto; padding: 20px; }
.clients-title { margin-bottom: 15px; }
.clients-list { display: flex; flex-direction: column; gap: 0; border: 1px solid #ddd; }
.clients-row { display: flex; flex-wrap: wrap; }
.clients-label { min-width: 180px; flex: 0 0 180px; font-weight: bold; padding: 10px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f8f8f8; }
.clients-content { flex: 1; padding: 10px; border-bottom: 1px solid #ddd; }
.clients-row:last-child .clients-label, .clients-row:last-child .clients-content { border-bottom: none; }
 @media (max-width:768px){.table-header,.table-row{flex-direction:column;}.table-col{border-right:none;border-bottom:1px solid #000;padding:12px;}.table-col:last-child{border-bottom:none;}.table-col::before{content:attr(data-label);font-weight:bold;margin-right:8px;color:#666;}}

#contact .container{max-width:1200px;padding:0 !important;width:100%;}
#contact .card { position:relative; line-height:40px; }
#contact .card h3 { margin-bottom:20px; font-size:22px; }

@media(max-width:768px){#products .container,#contact .container{padding:0 16px !important;}}
@media(max-width:480px){#products .container,#contact .container{padding:0 12px !important;}}

/* ========== 响应式断点1：1200px（大屏平板/小屏电脑） ========== */
@media(max-width:1200px) {
  .container { padding:0 50px; }
  #home .container { padding:0 50px !important; }
  #home h1 { font-size:36px; }
  #home h2 { font-size:22px; }
  #video { height:350px; }
  .carousel { height:450px; }
  #products .card h3 { font-size:19px; }
  #contact .card h3 { font-size:21px; }
}

/* ========== 响应式断点2：992px（平板） ========== */
@media(max-width:992px) {
  .container { padding:0 30px; }
  #home .container { padding:0 30px !important; }
  .col-4 { flex:0 0 50%; max-width:50%; }
  #home h1 { font-size:32px; }
  #home h2 { font-size:20px; }
  #home .btn { font-size:18px; padding:10px 24px; }
  .carousel { height:400px; }
  .section-title { font-size:28px; margin-bottom:30px; }
  .section-title::after { width:200px; }
  #about .container { max-width:90%; padding:30px 25px; }
  #products.section, #contact.section { padding:30px 0 !important; }
  #products .card h3 { font-size:18px; }
  #contact .card h3 { font-size:20px; }
  #contact .card { line-height:36px; }
}

/* ========== 响应式断点3：768px（手机横屏/小平板） ========== */
@media(max-width:768px) {
  .container { padding:0 20px; }
  #home .container { padding:0 20px !important; }
  .col-4, .col-6 { flex:0 0 100%; max-width:100%; }
  .nav-menu { position:absolute; top:100%; left:0; width:100%; background:#fff; flex-direction:column; gap:0; padding:0; max-height:0; overflow:hidden; transition:max-height 0.4s; }
  .nav-menu a { padding:14px 20px; border-bottom:1px solid #f1f1f1; color:#333; }
  .hamburger { display:flex; }
  #menu-toggle:checked~.nav-menu { max-height:400px; }
  #home.section { min-height:auto; padding:50px 0 !important; }
  #home h1, #home h2 { text-align:center; }
  #home h1 { font-size:28px; margin-bottom:15px; }
  #home h2 { font-size:18px; margin-bottom:30px; }
  #home .btn { display:block; width:fit-content; margin:0 auto; font-size:16px; padding:10px 20px;}
  #video {height:250px; margin:30px auto 0;}
  .carousel { height:300px; }
  #about.section { min-height:auto; padding:50px 0 !important;}
  #about .container { max-width:92%; padding:25px 20px; margin:0 auto;}
  .section-title {font-size:24px; }
  .section-title::after { width:150px; }
  #products.section, #contact.section { padding:50px 0 !important;}
  #products .card { padding:24px; }
  #products .card img { margin-bottom:16px;}
  #contact .card { line-height:32px; padding:24px;}
  #contact .card h3 { font-size:19px;}
  .QR { position:relative; float:none; top:0; right:0; margin:20px auto 0; display:flex; flex-direction:column; align-items:center;}

footer{background:#222;color:#ccc;padding:40px 0 0;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0;box-sizing:border-box;}
.footer-content{display:flex;align-items:flex-start;justify-content:center;gap:40px;margin-bottom:30px;}
.footer-col{text-align:center;}
.footer-col li{display:inline-block;margin:0 5px;}
.footer-col a{color:#ccc;text-decoration:none;}
.footer-col a:hover{color:#fff;}
.SocialMedia{display:flex;align-items:flex-start;justify-content:top;gap:20px;margin-top:15px;}
.SocialMedia b{font-size:18px;color:#ccc;margin-right:10px;line-height:50px;}
.SocialMedia a{color:#ccc;transition:all 0.3s ease;display:inline-block;}}
.SocialMedia a i{font-size:30px !important;display:inline-block !important;}
.SocialMedia a:hover{color:#ffffff;}
.SocialMedia a:hover i{transform:scale(1.15);}
.copyright{width:100%;text-align:center;padding:20px 0;border-top:1px solid #444;color:#999;margin:0;box-sizing:border-box;}


/* ========== 响应式断点4：480px（手机竖屏，核心适配） ========== */
@media(max-width:480px) {
  h1 { font-size:24px; }
  h2 { font-size:16px; }
  .btn { font-size:16px; padding:10px 20px; }
  #video { height:200px; }
  .carousel { height:250px; }
  .section-title { font-size:22px; margin-bottom:25px; }
  .section-title::after { width:120px; height:2px; }
  #about .container { max-width:95%; padding:20px 15px; }
  #products .card { padding:20px; }
  #products .card h3 { font-size:17px; }
  #contact .card { padding:20px; line-height:30px; }
  #contact .card h3 { font-size:18px; }
  .form-control { padding:12px; margin-bottom:12px; }
  footer { padding:40px 0 20px; }
  .footer-content { gap:15px; }
}

.table-container {width:98%;max-width:1200px; margin: 0 auto;}
.flex-row {display:flex;width:100%;}
.cell-2 {flex:2;padding:10px}
.right {text-align:right}
.cell-1 {flex:6;}
#bg{width:100%;height:auto;}

/* 静态HTML专用 悬浮客服面板：WhatsApp + 表单 + 在线聊天 ========== */
.cs_float{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:12px;z-index:9999;}
.cs_btn{width:50px;height:50px;border-radius:50%;border:none;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.15);cursor:pointer;display:flex;align-items:center;justify-content:center;animation:bounce 2s infinite ease-in-out;transition:0.3s ease;}
.cs_btn img{width:35px;height:35px;object-fit:contain;display:block;}
.cs_btn:hover img{animation:imgRock 1.2s infinite linear;}
.cs_btn:hover{transform:scale(1.12) translateY(-15px);box-shadow:0 6px 18px rgba(0,0,0,0.25);}
.cs_form{background:#0078ff;}
.cs_wa{background:#25d366;}
.cs_chat{background:#ff5e5e;}
@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes imgRock{0%{transform:rotate(-20deg);}50%{transform:rotate(20deg);}100%{transform:rotate(-20deg);}}
.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;background:#fff;padding:25px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.2);z-index:10000;}
.popup .close{position:absolute;top:12px;right:15px;font-size:20px;cursor:pointer;color:#666;border:none;background:none;}
.popup .close:hover{color:#000;}
.popup h3{margin-top:0;margin-bottom:15px;font-size:18px;}
.popup input,.popup textarea{width:100%;margin-bottom:10px;padding:10px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;}
.popup button[type="submit"]{background:#0078ff;color:white;border:none;padding:10px;width:100%;border-radius:6px;cursor:pointer;}
.overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:9999;}

/* Products ========== */
.tabs { display: flex; gap: 10px; max-width: 1200px; margin: 0 auto 20px; flex-wrap: wrap; justify-content: center}
.tab { padding: 10px 20px; background: #f5f5f5; border: 1px solid #333; cursor: pointer; border-radius: 4px; }
.tab.active { background: #333; color: #fff; }
.content { opacity: 0; visibility: hidden; height: 0; overflow: hidden; transition: all 1.5s ease; }
.content.active { opacity: 1; visibility: visible; height: auto; overflow: visible; }
.info-table { width: 100%; border-collapse: collapse; border: 1px solid #333; margin-bottom: 30px; }
.info-table td { border: 1px solid #333; padding: 8px 12px; font-size: 16px; }
.spec-table { width: 100%; border-collapse: collapse; border: 1px solid #333; }
.spec-table th, .spec-table td { border: 1px solid #333; padding: 8px 12px; font-size: 16px; text-align: left; }
.spec-table th { background-color: #f5f5f5; font-weight: bold; }
.remark { width: 100%; margin: 20px auto 0; font-size: 14px; color: #333; border: 1px solid #333; padding: 10px; background: #f9f9f9; }
@media (max-width: 768px) {
body { padding: 10px; }
h1 { font-size: 24px; }
h2 { font-size: 28px; }
.info-table td, .spec-table th, .spec-table td { font-size: 14px; padding: 6px 8px; }
.spec-table, .spec-table thead, .spec-table tbody, .spec-table th, .spec-table td, .spec-table tr { display: block; }
.spec-table thead tr { position: absolute; top: -9999px; left: -9999px; }
.spec-table tr { border: 1px solid #333; margin-bottom: 10px; }
.spec-table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
.spec-table td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; font-weight: bold; content: attr(data-label); }
.remark { font-size: 12px; padding: 8px; }
}
#banner {display: flex; max-width: 1200px; height: auto; min-height: 600px; margin: 0 auto;padding: 20px; position: relative;border-radius: 0 0 12px 12px;}
.app-card-wrap { flex: 0 0 420px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(255,255,255,0.1); backdrop-filter: blur(5px); max-height: 450px; height: 100%; overflow: hidden; margin:auto 20px;}
.app-card { background: rgba(51,51,51,0.8); padding: 10px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; overflow: hidden; }
.app-icon { margin-bottom: 10px;}
.app-card-text { font-size: 11px; letter-spacing: 1px; }
.app-text { flex: 1; padding-left: 80px; color: #fff !important; margin:auto 0; } 
.app-text h2 {color: #fff !important;font-size: 36px; font-weight: bold; letter-spacing: 3px; margin-bottom: 25px; }
.app-text p {color: #fff !important; font-size: 18px; line-height: 1.8; font-weight: 500; max-width: 500px; }
@media (max-width: 992px) {
    section { flex-direction: column; min-height: auto; }
    .app-card-wrap { flex: none; max-width: 420px;  }
    .app-text { padding-left: 0; text-align: center; }
    .app-text p { max-width: 100%; }
}
.chip-bg { max-width: 1200px; width: 100%; min-height: 300px; position: relative; display: flex; box-sizing: border-box; margin:auto 0;}
#particles-js { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 0 0 12px 12px;}