:root{--yb1-main:#5a2f6b;--yb1-main2:#7a3f8f;--yb1-dark:#2a1536;--yb1-accent:#e0a83f;--yb1-bg:#f6f2f9;--yb1-ink:#2b2433;--yb1-mute:#6b6273;--yb1-line:#e5dcf0}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Segoe UI",sans-serif;background:var(--yb1-bg);color:var(--yb1-ink);line-height:1.8;font-size:16px}
a{color:var(--yb1-main)}
.yb1-topbar{background:linear-gradient(90deg,#5a2f6b 0%,#7a3f8f 55%,#5a2f6b 100%);height:6px}
.yb1-util{background:#f3ecf9;border-bottom:1px solid var(--yb1-line);font-size:12.5px;color:var(--yb1-mute)}
.yb1-util-inner{display:flex;align-items:center;gap:10px;padding:6px 20px}
.yb1-util-tag{background:var(--yb1-main);color:#fff;border-radius:5px;padding:1px 9px;font-size:11.5px;flex:none}
.yb1-head{background:#fff;border-bottom:1px solid var(--yb1-line);position:sticky;top:0;z-index:60;box-shadow:0 2px 10px rgba(42,21,54,.06)}
.yb1-wrap{max-width:1100px;margin:0 auto;padding:0 20px}
.yb1-head-inner{display:flex;align-items:center;justify-content:space-between;height:62px;flex-wrap:wrap}
.yb1-brand{font-size:21px;font-weight:800;color:var(--yb1-main);text-decoration:none;letter-spacing:.5px}
.yb1-brand em{font-style:normal;color:var(--yb1-accent)}
.yb1-nav{display:flex;gap:2px;flex-wrap:wrap}
.yb1-nav a{color:var(--yb1-ink);text-decoration:none;padding:7px 11px;border-radius:9px;font-size:14.5px}
.yb1-nav a:hover{background:#f1e9f7;color:var(--yb1-main)}
.yb1-nav a.on{background:var(--yb1-main);color:#fff}
.yb1-crumb{font-size:13px;color:var(--yb1-mute);padding:18px 0 4px}
.yb1-crumb a{color:var(--yb1-main);text-decoration:none}
.yb1-crumb-label{color:var(--yb1-mute)}
.yb1-crumb-sep{margin:0 6px;color:#b9adc6}
.yb1-hero{background:linear-gradient(135deg,#5a2f6b 0%,#462253 55%,#2a1536 100%);color:#fff;padding:46px 0 74px;margin-bottom:10px}
.yb1-hero-inner{max-width:1100px;margin:0 auto;padding:0 20px}
.yb1-hero-slim{padding:28px 0 34px}
.yb1-hero h1{font-size:29px;line-height:1.45;margin-bottom:14px;max-width:820px}
.yb1-hero .yb1-lead{color:#e3d5ef;max-width:820px;font-size:15.5px}
.yb1-cta{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap}
.yb1-btn{display:inline-block;background:var(--yb1-accent);color:#3a2504;padding:11px 26px;border-radius:24px;font-weight:700;text-decoration:none;font-size:15px}
.yb1-btn:hover{filter:brightness(1.06)}
.yb1-btn.yb1-ghost{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff}
.yb1-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-58px 0 8px;position:relative;z-index:5}
.yb1-card{background:#fff;border:1px solid var(--yb1-line);border-radius:14px;padding:20px 18px;box-shadow:0 8px 22px rgba(42,21,54,.10);text-decoration:none;color:var(--yb1-ink);display:block}
.yb1-card:hover{border-color:var(--yb1-main2);transform:translateY(-3px);transition:all .18s}
.yb1-card h3{color:var(--yb1-main);font-size:17.5px;margin-bottom:7px}
.yb1-card p{font-size:13.5px;color:var(--yb1-mute)}
.yb1-band{background:linear-gradient(90deg,#2a1536,#5a2f6b);border-radius:16px;display:flex;justify-content:space-around;padding:22px 14px;margin:26px 0;flex-wrap:wrap;gap:10px;color:#fff}
.yb1-band-item{text-align:center;min-width:120px}
.yb1-band-num{font-size:31px;font-weight:800;color:var(--yb1-accent);line-height:1.2}
.yb1-band-txt{font-size:13px;color:#cdbfda}
.yb1-block{background:#fff;border:1px solid var(--yb1-line);border-radius:14px;padding:22px 24px;margin:18px 0}
.yb1-block h2{font-size:20px;color:var(--yb1-main);border-left:5px solid var(--yb1-accent);padding-left:11px;margin-bottom:12px;line-height:1.4}
.yb1-block h3{font-size:16.5px;color:var(--yb1-main);margin:14px 0 6px}
.yb1-block p{margin:9px 0}
.yb1-img{width:100%;max-width:100%;height:auto;display:block;border-radius:12px;margin:14px 0 6px;border:1px solid var(--yb1-line)}
.yb1-imgcap{font-size:12.5px;color:var(--yb1-mute);text-align:center;margin-bottom:8px}
.yb1-steps{list-style:none;counter-reset:yb1s}
.yb1-steps li{position:relative;padding:11px 0 11px 48px;border-bottom:1px dashed var(--yb1-line)}
.yb1-steps li:last-child{border-bottom:none}
.yb1-steps li::before{counter-increment:yb1s;content:counter(yb1s);position:absolute;left:2px;top:12px;width:31px;height:31px;border-radius:50%;background:var(--yb1-main);color:#fff;text-align:center;line-height:31px;font-weight:700;font-size:14.5px}
.yb1-list{margin:8px 0;padding-left:2px;list-style:none}
.yb1-list li{margin:7px 0;padding-left:18px;position:relative}
.yb1-list li::before{content:"▸";position:absolute;left:0;color:var(--yb1-main2)}
.yb1-list a{color:var(--yb1-main);text-decoration:none}
.yb1-list a:hover{text-decoration:underline}
.yb1-faq details{background:#f8f3fc;border:1px solid var(--yb1-line);border-radius:11px;margin:9px 0;overflow:hidden}
.yb1-faq summary{cursor:pointer;font-weight:600;color:var(--yb1-main);padding:12px 15px;list-style:none;font-size:15px}
.yb1-faq summary::after{content:"＋";float:right;color:var(--yb1-main2)}
.yb1-faq details[open] summary::after{content:"－"}
.yb1-faq p{padding:2px 15px 13px;font-size:14.5px}
.yb1-note{background:#fdf6e3;border:1px solid #ecd9a8;border-radius:11px;padding:12px 16px;font-size:14px;margin:12px 0}
.yb1-note a{color:var(--yb1-main)}
.yb1-tags{margin:12px 0 2px;font-size:13px;color:var(--yb1-mute)}
.yb1-tag{display:inline-block;background:#f1e9f7;color:var(--yb1-main);border:1px solid #e0d1ec;border-radius:15px;padding:2px 12px;font-size:12.5px;margin:3px 6px 3px 0}
.yb1-art-item{padding:13px 2px;border-bottom:1px dashed var(--yb1-line)}
.yb1-art-item:last-child{border-bottom:none}
.yb1-art-item a{font-size:16px;font-weight:600;color:var(--yb1-main);text-decoration:none}
.yb1-art-item a:hover{text-decoration:underline}
.yb1-art-item p{font-size:13.5px;color:var(--yb1-mute);margin-top:3px}
.yb1-foot{background:#2a1536;color:#c9bdd6;margin-top:40px}
.yb1-foot-cols{display:grid;grid-template-columns:3fr 2fr;gap:30px;padding:30px 0 22px}
.yb1-foot-col h4{color:#fff;margin-bottom:10px;font-size:15.5px;border-left:3px solid var(--yb1-accent);padding-left:9px}
.yb1-foot-col p{font-size:13.5px;line-height:1.9}
.yb1-foot-col a{display:block;color:#c9bdd6;text-decoration:none;padding:3px 0;font-size:14px}
.yb1-foot-col a:hover{color:var(--yb1-accent)}
.yb1-foot-bar{border-top:1px solid rgba(255,255,255,.14);padding:13px 0;font-size:12.5px;color:#9a8aad;text-align:center;line-height:1.9}
@media(max-width:760px){.yb1-cards{grid-template-columns:1fr}.yb1-hero h1{font-size:23px}.yb1-nav a{padding:6px 8px;font-size:13.5px}.yb1-foot-cols{grid-template-columns:1fr}}