* { margin: 0; padding: 0; box-sizing: border-box; }
:root{
  --brand:#C8102E;        /* 奥洁斯品牌红（取自LOGO红块） */
  --brand-2:#A50D26;      /* 深红（hover/渐变） */
  --ink:#1A1A1A;          /* LOGO黑字 */
  --muted:#5B6370;
  --line:#EAEAEA;
  --bg:#FFFFFF;
  --bg-soft:#F7F7F8;
  --card:#FFFFFF;
}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;}
a{color:var(--brand);text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{width:min(1080px,calc(100% - 40px));margin:0 auto;}

/* header：白底 + 红色品牌块（呼应LOGO） */
header.site{background:#fff;border-bottom:2px solid var(--brand);position:sticky;top:0;z-index:10;box-shadow:0 2px 10px rgba(0,0,0,.05);}
header.site .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px;flex-wrap:wrap;}
.logo{display:flex;align-items:center;font-weight:700;font-size:18px;color:var(--ink);white-space:nowrap;letter-spacing:.5px;}
.logo-img{height:38px;width:auto;display:block;margin-right:10px;border-radius:4px;}
.logo span{color:var(--brand);margin-left:6px;}
nav a{color:#333;margin-left:20px;font-size:14px;}
nav a:hover{color:var(--brand);text-decoration:none;}

/* hero：品牌红底白字 */
.hero{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;padding:60px 0;}
.hero h1{font-size:30px;line-height:1.3;margin-bottom:14px;letter-spacing:.3px;}
.hero p{color:#ffe3e8;font-size:16px;max-width:760px;}
.hero .tags{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap;}
.tag{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:5px 12px;border-radius:999px;font-size:13px;color:#fff;}

/* main */
main{padding:38px 0 56px;background:var(--bg-soft);}
section{margin-bottom:34px;}
h2.sec{font-size:21px;color:var(--ink);margin-bottom:16px;padding-left:12px;border-left:4px solid var(--brand);}
h3{font-size:16px;margin-bottom:8px;color:var(--ink);}
p.lead{color:var(--muted);font-size:15px;}

/* grid & cards */
.grid{display:grid;gap:16px;}
.grid.c3{grid-template-columns:repeat(3,1fr);}
.grid.c2{grid-template-columns:repeat(2,1fr);}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;border-top:3px solid var(--brand);}
.card ul{margin:8px 0 0 18px;}
.card li{font-size:14px;color:var(--muted);margin-bottom:4px;}

/* table */
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:14px;}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);}
th{background:#F5F5F5;color:var(--ink);font-weight:600;}

/* notes */
.note{background:#fff8ea;border:1px solid #f0dcae;border-radius:8px;padding:14px 16px;font-size:14px;color:#7a5a15;}
.fill{background:#FDECEE;border:1px solid #f3b9c1;border-radius:8px;padding:12px 16px;font-size:14px;color:#A50D26;}

/* contact */
.contact-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;border-left:4px solid var(--brand);}
.contact-box .phone{font-size:22px;font-weight:700;color:var(--brand);letter-spacing:.5px;}
.contact-box .row{margin-bottom:12px;font-size:15px;}
.contact-box .label{color:var(--muted);font-size:13px;margin-bottom:2px;}

/* footer：黑底（LOGO黑字呼应） */
footer.site{background:#111;color:#b8b8b8;padding:28px 0;font-size:13px;line-height:1.9;border-top:3px solid var(--brand);}
footer.site a{color:#fff;}
footer.site .title{color:#fff;font-weight:600;margin-bottom:6px;}

.btn{display:inline-block;background:var(--brand);color:#fff;font-weight:600;padding:10px 22px;border-radius:8px;margin-top:16px;}
.btn:hover{text-decoration:none;background:var(--brand-2);}

@media (max-width:820px){
  .grid.c3,.grid.c2{grid-template-columns:1fr;}
  .hero h1{font-size:23px;}
  header.site .wrap{height:auto;padding:10px 0;}
  nav a{margin:0 14px 0 0;}
}