*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft YaHei',PingFang SC,sans-serif;color:#33261a;background:#faf7f2;line-height:1.8}
a{color:#8a4a2b}
.ydl-head{position:sticky;top:0;z-index:10}
.ydl-top{background:linear-gradient(135deg,#5c2f1a,#8a4a2b);border-bottom:3px solid #e7c873}
.ydl-top-in{max-width:1060px;margin:0 auto;padding:14px 20px}
.ydl-brand{color:#fff;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:1px}
.ydl-brand-sub{color:#e7c873;font-size:12px;font-weight:400;margin-left:10px;letter-spacing:2px}
.ydl-navrow{background:#fff;border-bottom:1px solid #ead9bf}
.ydl-nav-in{max-width:1060px;margin:0 auto;padding:0 20px}
.ydl-nav{display:flex;flex-wrap:wrap;gap:2px}
.ydl-nav a{color:#6b5846;text-decoration:none;font-size:14px;padding:10px 12px;border-bottom:2px solid transparent}
.ydl-nav a:hover,.ydl-nav a.ydl-nav-on{color:#8a4a2b;font-weight:700;border-bottom-color:#e7c873}
.ydl-main{max-width:1060px;margin:0 auto;padding:20px 20px 40px;min-height:60vh}
.ydl-crumb{margin-bottom:14px;color:#a08c76;font-size:13px}
.ydl-crumb a{color:#a08c76;text-decoration:none}
.ydl-sep{padding:0 6px;color:#cbb89f}
.ydl-hero{background:linear-gradient(135deg,#5c2f1a,#8a4a2b);border-radius:14px;padding:18px 26px 30px;margin-bottom:22px}
.ydl-quick{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.18)}
.ydl-quick-t{color:#e7c873;font-weight:800;font-size:14px;letter-spacing:2px}
.ydl-chip{background:rgba(255,255,255,.14);color:#f3ead9!important;text-decoration:none;padding:6px 14px;border-radius:20px;font-size:13px;border:1px solid rgba(255,255,255,.25)}
.ydl-chip:hover{background:rgba(255,255,255,.28)}
.ydl-hero-body{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center}
.ydl-hero h1{font-size:30px;color:#fff;margin-bottom:12px}
.ydl-lead{font-size:15px;color:#f0e6d6;line-height:1.9}
.ydl-cta{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap}
.ydl-btn{display:inline-block;background:#e7c873;color:#5c2f1a!important;font-weight:800;padding:10px 22px;border-radius:8px;text-decoration:none}
.ydl-btn:hover{filter:brightness(1.08)}
.ydl-btn-ghost{background:transparent;border:1px solid #e7c873;color:#e7c873!important}
.ydl-hero-fig{text-align:center}
.ydl-hero-fig img{max-width:100%;border-radius:10px}
.ydl-hero-fig figcaption{color:#d8c8ac;font-size:12px;margin-top:6px}
.ydl-hero-slim{padding:26px 28px;display:block}
.ydl-hero-slim .ydl-hero-fig{margin-top:16px}
.ydl-block{background:#fff;border:1px solid #ecdfd0;border-radius:12px;padding:22px 26px;margin-bottom:18px}
.ydl-block h2{font-size:21px;color:#8a4a2b;margin-bottom:12px;padding-left:10px;border-left:4px solid #e7c873}
.ydl-block p{margin-bottom:10px;color:#4a3c2e;font-size:15px}
.ydl-list{padding-left:22px;color:#4a3c2e;font-size:15px}
.ydl-list li{margin-bottom:6px}
.ydl-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.ydl-step{background:#fbf6ec;border:1px solid #ead9bf;border-radius:10px;padding:16px}
.ydl-step-n{display:inline-block;background:#8a4a2b;color:#e7c873;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-weight:800;margin-bottom:8px}
.ydl-step h3{font-size:15px;color:#5c2f1a;margin-bottom:6px}
.ydl-step p{font-size:13px;color:#6b5846;margin:0}
.ydl-faq-i{border-bottom:1px dashed #ead9bf;padding:10px 0}
.ydl-faq-i:last-child{border-bottom:none}
.ydl-faq-i summary{cursor:pointer;font-weight:700;color:#5c2f1a;font-size:15px}
.ydl-faq-i summary:hover{color:#8a4a2b}
.ydl-faq-i p{margin:8px 0 0;color:#6b5846;font-size:14px}
.ydl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.ydl-card{background:#fbf6ec;border:1px solid #ead9bf;border-radius:10px;padding:16px 18px;text-decoration:none;color:#4a3c2e;transition:border-color .2s,transform .2s}
.ydl-card:hover{border-color:#8a4a2b;transform:translateY(-2px)}
.ydl-card h3{font-size:16px;color:#8a4a2b;margin-bottom:6px}
.ydl-card p{font-size:13px;color:#8a7760;line-height:1.7;margin:0}
.ydl-fig{text-align:center;margin:6px 0}
.ydl-fig img{max-width:100%;border-radius:8px}
.ydl-fig figcaption{color:#a08c76;font-size:12px;margin-top:4px}
.ydl-note{color:#8a7760;font-size:14px}
.ydl-foot{background:#33261a;color:#cbb89f;margin-top:20px}
.ydl-foot-sum{background:#2b1f14;border-bottom:1px solid #4a3a28}
.ydl-foot-in{max-width:1060px;margin:0 auto;padding:0 20px}
.ydl-foot-sum .ydl-foot-in{padding:22px 20px}
.ydl-foot-title{color:#e7c873;font-weight:700;font-size:15px;margin-bottom:6px}
.ydl-foot-c{font-size:13px;line-height:1.9;color:#a89077}
.ydl-foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px;padding-top:24px;padding-bottom:24px}
.ydl-foot-col h4{color:#e7c873;font-size:14px;margin-bottom:10px}
.ydl-foot-col a{display:block;color:#cbb89f;text-decoration:none;font-size:13px;margin-bottom:6px}
.ydl-foot-col a:hover{color:#fff}
.ydl-foot-copy{border-top:1px solid #4a3a28;color:#8a7760;font-size:12px}
.ydl-foot-copy .ydl-foot-in{padding:12px 20px}
@media (max-width:760px){
  .ydl-hero-body{grid-template-columns:1fr}
  .ydl-foot-grid{grid-template-columns:1fr 1fr}
}