:root{--p:#FFB300;--p2:#FF6E40;--bg:#FFFBF2;--fg:#1F1B16;--ac:#FFE082}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--fg);font-family:'PingFang SC','Microsoft YaHei',sans-serif;line-height:1.7}
a{color:var(--p);text-decoration:none} a:hover{color:var(--p2)}
.xy-wrap{max-width:1240px;margin:0 auto;padding:0 18px}
.xy-nav{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#FFF,#FFF8E1);box-shadow:0 2px 12px rgba(255,179,0,.15)}
.xy-nav-in{display:flex;align-items:center;gap:24px;padding:14px 0}
.xy-logo{font-weight:900;font-size:22px;color:var(--p);display:flex;align-items:center;gap:8px}
.xy-logo i{display:inline-block;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));}
.xy-menu{display:flex;gap:18px;flex-wrap:wrap;flex:1}
.xy-menu a{padding:8px 14px;border-radius:24px;font-weight:600;color:#5D4037}
.xy-menu a:hover,.xy-menu a.on{background:var(--p);color:#fff}
.xy-hero{margin:24px 0;padding:48px 36px;border-radius:24px;background:linear-gradient(135deg,#FFE082,#FFAB91);box-shadow:0 12px 40px rgba(255,110,64,.18)}
.xy-hero h1{font-size:34px;margin-bottom:12px} .xy-hero p{font-size:17px;max-width:760px}
.xy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin:28px 0}
.xy-card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06);transition:.25s;display:block}
.xy-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(255,179,0,.25)}
.xy-card .ph{aspect-ratio:16/10;overflow:hidden;background:#FFF8E1}
.xy-card img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}
.xy-card:hover img{transform:scale(1.06)}
.xy-card h3{font-size:15px;padding:12px 14px 6px;color:var(--fg)}
.xy-card .meta{padding:0 14px 14px;color:#9E9E9E;font-size:12px;display:flex;justify-content:space-between}
.xy-section-title{margin:32px 0 12px;font-size:22px;display:flex;align-items:center;gap:10px}
.xy-section-title::before{content:"";width:6px;height:22px;background:linear-gradient(180deg,var(--p),var(--p2));border-radius:4px}
.xy-detail{display:grid;grid-template-columns:1.3fr .8fr;gap:30px;margin:30px 0}
.xy-detail .main img{width:100%;border-radius:18px}
.xy-detail .main h1{margin:18px 0 10px;font-size:26px}
.xy-detail .main p{margin:10px 0}
.xy-side{background:#fff;border-radius:18px;padding:18px;height:fit-content;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.xy-comment{background:#fff;border-radius:18px;padding:20px;margin:20px 0;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.xy-comment li{list-style:none;padding:14px 0;border-bottom:1px dashed #FFE082}
.xy-comment li:last-child{border:0}
.xy-comment .u{font-weight:700;color:var(--p2)}
.xy-foot{margin-top:60px;padding:30px 0;text-align:center;color:#8D6E63;background:#FFF8E1}
@media(max-width:760px){.xy-detail{grid-template-columns:1fr}.xy-hero{padding:30px 22px}.xy-hero h1{font-size:24px}}