.dtl-wrap{–tp:var(–theme-color,#2f7d4f);–tg:color-mix(in srgb,var(–tp) 80%,#ffffff);box-sizing:border-box;width:auto;margin:-52px;padding:20px;font-family:-apple-system,BlinkMacSystemFont,’Segoe UI’,Roboto,’PingFang SC’,’Hiragino Sans GB’,’Microsoft YaHei’,sans-serif;color:var(–dtl-fg);line-height:1.75;-webkit-font-smoothing:antialiased;
–dtl-bg:#ffffff;–dtl-card:#ffffff;–dtl-fg:#1f2937;–dtl-sub:#4b5563;–dtl-muted:#6b7280;
–dtl-soft:color-mix(in srgb,var(–tp) 9%,#ffffff);–dtl-tint:color-mix(in srgb,var(–tp) 10%,#ffffff);
–dtl-border:color-mix(in srgb,var(–tp) 26%,#e5e7eb);–dtl-line:color-mix(in srgb,var(–tp) 14%,#e5e7eb);
–dtl-shadow:0 1px 2px rgba(16,24,40,.05),0 8px 24px rgba(16,24,40,.06);
–dtl-overlay:rgba(255,255,255,.16);–dtl-overlay2:rgba(255,255,255,.30);–dtl-hero-fg:#ffffff;–dtl-cta-fg:#ffffff;}
.dtl-wrap *{box-sizing:border-box;}
.dtl-hero{position:relative;overflow:hidden;border-radius:var(–main-radius,14px);padding:20px;color:var(–dtl-hero-fg);background:linear-gradient(135deg,var(–tg),var(–tp));}
.dtl-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:var(–dtl-overlay);border:1px solid var(–dtl-overlay2);font-size:13px;letter-spacing:.3px;margin-bottom:14px;}
.dtl-wrap .dtl-hero h1{margin:0 0 10px;font-size:clamp(2rem,4.5vw,3rem) !important;font-weight:800;letter-spacing:.5px;line-height:1.15;}
.dtl-sub{margin:0 0 18px;font-size:clamp(.95rem,2.2vw,1.12rem);opacity:.96;}
.dtl-tags{display:flex;flex-wrap:wrap;gap:9px;}
.dtl-tag{padding:7px 13px;border-radius:var(–main-radius,12px);background:var(–dtl-overlay);border:1px solid var(–dtl-overlay2);color:#fff;font-size:13.5px;}
.dtl-card{background:var(–dtl-card);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:20px;margin-bottom:18px;box-shadow:var(–dtl-shadow);transition:transform .18s ease,box-shadow .18s ease;}
.dtl-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,24,40,.10),0 14px 34px rgba(16,24,40,.10);}
.dtl-card h2{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-size:1.2rem;font-weight:700;color:var(–dtl-fg);}
.dtl-num{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:var(–main-radius,10px);color:#fff;font-size:15px;font-weight:800;background:linear-gradient(135deg,var(–tg),var(–tp));}
.dtl-lead{margin:0 0 14px;color:var(–dtl-sub);font-size:15px;}
.dtl-card p{margin:0 0 12px;color:var(–dtl-sub);}
.dtl-card p:last-child{margin-bottom:0;}
.dtl-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:4px;}
.dtl-mcard{background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:16px;}
.dtl-mcard .dtl-ico{font-size:22px;display:inline-block;margin-right:7px;vertical-align:middle;}
.dtl-mcard b{display:inline-block;font-size:15px;color:var(–dtl-fg);margin-bottom:0;vertical-align:middle;}
.dtl-mcard p{margin:0;font-size:13.5px;color:var(–dtl-sub);line-height:1.6;margin-top:7px;}
.dtl-pcard{display:flex;gap:12px;align-items:flex-start;background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:14px 16px;}
.dtl-check{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(–tg),var(–tp));color:#fff;font-size:13px;font-weight:800;margin-top:1px;}
.dtl-pcard b{display:block;color:var(–dtl-fg);font-size:15px;margin-bottom:2px;}
.dtl-pcard small{color:var(–dtl-muted);font-size:13px;}
.dtl-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;}
.dtl-mini div{background:var(–dtl-tint);border:1px solid var(–dtl-border);border-radius:var(–main-radius,10px);padding:14px;}
.dtl-mini b{display:block;font-size:14px;color:var(–dtl-fg);margin-bottom:3px;}
.dtl-mini small{color:var(–dtl-muted);font-size:12.5px;}
.dtl-faq{background:var(–dtl-card);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:13px 16px;margin-bottom:10px;}
.dtl-faq summary{cursor:pointer;font-weight:600;color:var(–dtl-fg);font-size:15px;list-style:none;}
.dtl-faq summary::-webkit-details-marker{display:none;}
.dtl-faq[open] summary{color:var(–tp);}
.dtl-faq div{margin-top:10px;color:var(–dtl-sub);font-size:14.5px;}
.dtl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;background:var(–dtl-soft);border:1px solid var(–dtl-border);border-radius:var(–main-radius,12px);padding:16px 18px;margin-bottom:0;}
.dtl-wrap .dtl-cta a,.dtl-wrap .dtl-cta a.external{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:var(–main-radius,12px);background:linear-gradient(135deg,var(–tg),var(–tp));color:#fff !important;font-weight:600;font-size:15px;text-decoration:none;box-shadow:0 8px 18px color-mix(in srgb,var(–tp) 35%,transparent);}
.dtl-cta small{color:var(–dtl-muted);font-size:13px;}
@media(max-width:768px){.dtl-grid2{grid-template-columns:1fr;}}
html.io-black-mode .dtl-wrap,html.dark .dtl-wrap,html.dark-mode .dtl-wrap,body.dark .dtl-wrap,[data-bs-theme=”dark”] .dtl-wrap{
–dtl-bg:#16181d;–dtl-card:#1e2128;–dtl-fg:#e6e8ec;–dtl-sub:#c4c9d1;–dtl-muted:#9aa1ab;
–dtl-soft:color-mix(in srgb,var(–tp) 24%,#16181d);–dtl-tint:color-mix(in srgb,var(–tp) 20%,#16181d);
–dtl-border:color-mix(in srgb,var(–tp) 42%,#2a2e37);–dtl-line:color-mix(in srgb,var(–tp) 30%,#2a2e37);
–dtl-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.45);
–dtl-overlay:rgba(255,255,255,.12);–dtl-overlay2:rgba(255,255,255,.22);–dtl-hero-fg:#ffffff;–dtl-cta-fg:#ffffff;}