.fy-start-guide{
    --fy-start-accent:#c52a6e;
    --fy-start-line:rgba(128,112,120,.16);
    --fy-start-soft:rgba(197,42,110,.07);
    --fy-start-hover:rgba(197,42,110,.12);
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
    column-gap:40px;
    margin:0 0 20px;
    padding:26px 30px 18px;
    border-radius:var(--main-radius,8px);
    color:var(--main-color,#29262b);
    background:var(--main-bg-color,#fff);
    background-image:radial-gradient(ellipse at 0 0,rgba(197,42,110,.045),transparent 65%);
}
.fy-start-guide *{box-sizing:border-box}
.dark-theme .fy-start-guide{--fy-start-accent:#f187b5;--fy-start-line:rgba(180,164,174,.18);--fy-start-soft:rgba(241,135,181,.1);--fy-start-hover:rgba(241,135,181,.16)}
.fy-start-guide p{margin:0}
.fy-start-guide a{color:inherit;text-decoration:none}
.fy-start-guide svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.fy-start-guide .fy-start-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--muted-color,#736972);font-size:11px;line-height:1.5;letter-spacing:.06em}
.fy-start-eyebrow>span{width:7px;height:7px;border-radius:2px;background:var(--fy-start-accent);transform:rotate(-10deg)}
.fy-start-guide h1{margin:0 0 9px;font-size:28px;font-weight:650;line-height:1.4;letter-spacing:-.04em;text-wrap:balance}
.fy-start-guide h1>span{white-space:nowrap}
.fy-start-guide .fy-start-description{max-width:32em;color:var(--muted-color,#736972);font-size:14px;line-height:1.75}
.fy-start-primary-row{display:flex;align-items:center;gap:16px;margin-top:20px}
.fy-start-guide .fy-start-primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:10px 16px;border-radius:6px;color:#fff;background:#c52a6e;font-size:14px;font-weight:600;line-height:1.5;flex-shrink:0;transition:background .18s ease,transform .18s ease}
.fy-start-primary-caption{color:var(--muted-color,#736972);font-size:11px;line-height:1.65}
.fy-start-guide .fy-start-primary:hover{color:#fff;background:#aa205c;transform:translateY(-1px)}
.fy-start-guide .fy-start-primary:active{transform:translateY(1px)}
.fy-start-routes{align-self:center;min-width:0}
.fy-start-route{display:grid;grid-template-columns:44px minmax(0,1fr) 18px;align-items:center;column-gap:13px;min-height:74px;padding:12px 0;transition:color .18s ease}
.fy-start-route+.fy-start-route{border-top:1px solid var(--fy-start-line)}
.fy-start-route-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--fy-start-accent);background:var(--fy-start-soft);transition:background .18s ease}
.fy-start-route-icon svg{width:25px;height:25px}
.fy-start-route-copy{display:block;min-width:0}
.fy-start-route-copy strong{display:block;font-size:16px;font-weight:600;line-height:1.5}
.fy-start-route-copy>span{display:block;margin-top:3px;color:var(--muted-color,#736972);font-size:12px;line-height:1.6}
.fy-start-guide .fy-start-route-arrow{width:18px;height:18px;color:var(--muted-color,#736972);transition:transform .18s ease,color .18s ease}
.fy-start-guide .fy-start-route:hover{color:var(--fy-start-accent)}
.fy-start-route:hover .fy-start-route-icon{background:var(--fy-start-hover)}
.fy-start-route:hover .fy-start-route-arrow{color:var(--fy-start-accent);transform:translateX(3px)}
.fy-start-route:active .fy-start-route-arrow{transform:translateX(1px)}
.fy-start-bottom{display:flex;grid-column:1/-1;align-items:center;justify-content:space-between;gap:16px;margin-top:23px;padding-top:14px;border-top:1px solid var(--fy-start-line)}
.fy-start-bottom p{display:flex;flex-wrap:wrap;gap:3px 7px;color:var(--muted-color,#736972);font-size:12px;line-height:1.7}
.fy-start-bottom p strong{color:var(--main-color,#29262b);font-weight:500}
.fy-start-guide .fy-start-membership{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;color:var(--fy-start-accent);font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;flex-shrink:0}
.fy-start-membership svg{width:15px;height:15px;transition:transform .18s ease}
.fy-start-membership:hover svg{transform:translateX(3px)}
.fy-start-guide a:focus{outline:2px solid var(--fy-start-accent);outline-offset:4px}
.fy-start-guide a:focus:not(:focus-visible){outline:none}
.fy-start-guide a:focus-visible{outline:2px solid var(--fy-start-accent);outline-offset:4px}
@media(max-width:900px){
    .fy-start-guide{column-gap:26px;padding-right:24px;padding-left:24px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
    .fy-start-guide h1{font-size:25px}
    .fy-start-primary-row{gap:12px;flex-wrap:wrap}
    .fy-start-route-copy strong{font-size:15px}
}
@media(max-width:640px){
    .fy-start-guide{grid-template-columns:minmax(0,1fr);row-gap:14px;padding:18px 18px 12px}
    .fy-start-guide .fy-start-eyebrow{display:none}
    .fy-start-guide h1{margin-bottom:7px;font-size:23px;line-height:1.4}
    .fy-start-guide .fy-start-description{font-size:13px;line-height:1.7}
    .fy-start-primary-row{margin-top:14px}
    .fy-start-primary-caption{display:none}
    .fy-start-route{grid-template-columns:38px minmax(0,1fr) 18px;column-gap:11px;min-height:62px;padding:9px 0}
    .fy-start-route-icon{width:38px;height:38px;border-radius:8px}
    .fy-start-route-icon svg{width:23px;height:23px}
    .fy-start-route-copy>span{margin-top:2px;font-size:11px;line-height:1.6}
    .fy-start-bottom{justify-content:flex-start;gap:12px;margin-top:0;padding-top:11px}
    .fy-start-bottom p{display:block;font-size:11px}
    .fy-start-bottom p span{display:none}
    .fy-start-guide .fy-start-membership{min-height:44px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
    .fy-start-guide a,.fy-start-guide svg,.fy-start-route-icon{transition:none}
    .fy-start-guide a:hover,.fy-start-guide a:active,.fy-start-guide a:hover svg,.fy-start-guide a:active svg{transform:none}
}

/* 留白放置真实文字；图片中不烘焙标题。手机将图与正文上下分开。 */
.fy-category-cover main .page-cover{padding:0;height:300px;background:#f7f5f1;overflow:hidden;border:1px solid rgba(32,35,43,.05)}
.fy-category-cover main .page-cover>img{object-fit:contain;object-position:center center}
.fy-category-cover main .page-cover>.linear-mask{display:none}
.fy-category-cover main .page-cover-con{left:0;right:auto;bottom:0;width:53%;padding:30px 32px;color:#252831}
.fy-category-cover main .page-cover-con .title-h-left{font-size:26px;line-height:1.35;margin-bottom:12px;color:#252831}
.fy-category-cover main .page-cover-con .title-h-left:before{background:#c52a6e}
.fy-category-cover main .page-cover-con .title-h-left .fa{display:none}
.fy-category-cover main .page-cover-con .icon-spot{font-size:11px;font-weight:400;color:#625e66}
.fy-category-cover main .page-cover-con .page-desc{font-size:13px;line-height:1.8;color:#625e66}
@media(max-width:900px){
 .fy-category-cover main .page-cover{height:300px}
 .fy-category-cover main .page-cover-con{width:62%;padding:22px}
 .fy-category-cover main .page-cover-con .title-h-left{font-size:24px}
}
@media(max-width:640px){
 .fy-category-cover main .page-cover{height:auto;padding:0;display:flex;flex-direction:column}
 .fy-category-cover main .page-cover>img{position:relative;width:100%;height:150px;object-fit:cover;object-position:75% center;flex-shrink:0}
 .fy-category-cover main .page-cover-con{position:relative;width:100%;padding:16px 18px 20px}
 .fy-category-cover main .page-cover-con .title-h-left{font-size:23px;margin-bottom:9px}
 .fy-category-cover main .page-cover-con .page-desc{font-size:12px;line-height:1.75}
}
