:root{--pri:#0d9488;--pridk:#0f766e;--green:#16a34a;--red:#dc2626;--bg:#f5f8f7;--card:#fff;--text:#1a1a1a;--tx2:#5c5c55;--tx3:#8a8a80;--tx4:#b0b0a8;--border:#e2e8e0;--w:780px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}a{color:var(--pri);text-decoration:none}
.nav{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.navin{max-width:var(--w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:48px}
.navb{font-size:16px;font-weight:700;color:var(--pridk);letter-spacing:1px}
.navl{display:flex;gap:16px}.navl a{font-size:12px;color:var(--tx3)}.navl a:hover{color:var(--pri)}

.hero{text-align:center;padding:28px 16px 16px}.hero h1{font-size:26px;font-weight:700;color:var(--text)}
.hero p{font-size:13px;color:var(--tx3);margin-top:4px}

/* date card */
.dc{background:linear-gradient(135deg,var(--pri),var(--pridk));color:#fff;border-radius:16px;padding:24px;text-align:center;margin-bottom:16px}
.dc .dcs{font-size:26px;font-weight:700;letter-spacing:1px}.dc .dcl{font-size:13px;opacity:.85;margin-top:6px}
.dc .dcgz{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.dc .dcgz span{font-size:11px;background:rgba(255,255,255,.15);padding:3px 10px;border-radius:4px}

/* query */
.qrow{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:16px;padding:12px;background:var(--card);border-radius:10px;border:1px solid var(--border)}
.qrow select,.qrow input{padding:7px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;font-family:inherit}
.qrow button{padding:7px 20px;background:var(--pri);color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;font-weight:600;font-family:inherit}
.qrow .qb{font-size:12px;color:var(--tx3);margin-top:5px;text-align:center}

/* yi-ji */
.yjgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.yjc{border-radius:12px;padding:16px}.yjc h4{font-size:14px;margin-bottom:8px;font-weight:600}
.yi{background:#f0fdf4;border:1px solid #bbf7d0}.yi h4{color:var(--green)}
.ji{background:#fef2f2;border:1px solid #fecaca}.ji h4{color:var(--red)}
.yt{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;margin:2px 3px 2px 0}
.yty{background:#dcfce7;color:#15803d}.ytj{background:#fee2e2;color:#b91c1c}

/* info cards */
.icgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:16px}
.ic{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px;text-align:center}
.ic .icl{font-size:10px;color:var(--tx4);letter-spacing:1px;text-transform:uppercase}
.ic .icv{font-size:15px;font-weight:700;color:var(--text);margin-top:4px}
.ic .ics{font-size:10px;color:var(--tx3);margin-top:2px}

/* today info */
.tiwrap{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}
.tiwrap .tit{font-size:15px;font-weight:700;color:var(--pridk);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.tiwrap .tit i{color:var(--pri)}
.tili{display:flex;align-items:flex-start;gap:8px;padding:7px 0;font-size:12px;color:var(--tx2);line-height:1.7}
.tili .tidot{width:6px;height:6px;border-radius:50%;background:var(--pri);margin-top:6px;flex-shrink:0}
.tili b{color:var(--text)}

/* shichen */
.sht{text-align:center;font-size:17px;font-weight:700;color:var(--pridk);padding:16px 0 10px;letter-spacing:1px}
.shc{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:7px;display:flex;gap:10px;align-items:flex-start}
.shc .shl{text-align:center;min-width:44px}.shc .shl .shn{font-size:14px;font-weight:700}
.shc .shl .sha{font-size:9px;color:var(--tx4)}.shc .shl .sht2{font-size:9px;color:var(--tx3)}
.shc .shl .shlk{display:inline-block;padding:1px 8px;border-radius:8px;font-size:9px;font-weight:700;margin-top:3px}
.shc .shr{flex:1;min-width:0;font-size:11px;color:var(--tx2);line-height:1.8}
.shc .shr b{color:var(--text)}
.lj{background:#f0fdf4;color:var(--green)}.lx{background:#fef2f2;color:var(--red)}

/* seo */
.sb{padding:20px 0}.sbt{font-size:17px;font-weight:700;color:var(--pridk);text-align:center;margin-bottom:4px}
.sbs{font-size:12px;color:var(--tx3);text-align:center;margin-bottom:14px}
.cc{background:var(--card);border-radius:10px;border:1px solid var(--border);padding:16px;margin-bottom:10px}
.cc h3{font-size:14px;color:var(--text);margin-bottom:6px}.cc p{font-size:13px;color:var(--tx2);line-height:1.9}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ft{background:#1c1c18;color:var(--tx4);text-align:center;padding:24px 16px;margin-top:24px;font-size:11px;line-height:2}
.ft a{color:var(--tx3)}
@media(max-width:600px){.two{grid-template-columns:1fr}.dc .dcs{font-size:20px}.icgrid{grid-template-columns:repeat(2,1fr)}}


.opt_list {
    padding: 10px;
    transition: transform.15s,box-shadow.15s;
    position: relative;
    overflow: hidden;
    text-align: left;
    background:var(--card);border-radius:10px;border:1px solid var(--border);
    font-size: 13px;
    margin-bottom: 10px;
}
.opt_list:last-child{margin-bottom: 0;}
.opt_list .ddt {
    font-size: 12px;
    color: var(--textlt);
    margin-top: 6px;
    line-height: 1.7;
}
.opt_list .ddt span{margin-right: 5px;}
.opt_list .ddt span:last-child{margin-right: 0;}
.opt_list .dw{margin-left: 5px;}