*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;font-family:"Trebuchet MS","Lucida Grande","Segoe UI",sans-serif;color:#2f3a2c;background:#f4f1e8;line-height:1.65}
.yc-shell{display:flex;min-height:100vh}
.yc-side{width:250px;flex-shrink:0;background:#3d5a3a;color:#f4f1e8;padding:28px 22px}
.yc-brand{display:block;color:#fff;text-decoration:none;font-size:1.3rem;font-weight:bold;line-height:1.25;margin-bottom:6px}
.yc-tag{font-size:.85rem;color:#cfdcc5;margin:0 0 26px}
.yc-side ul{list-style:none;margin:0;padding:0}
.yc-side li a{display:block;color:#f4f1e8;text-decoration:none;padding:8px 10px;border-left:3px solid transparent;font-size:.95rem}
.yc-side li a:hover,.yc-side li a.yc-on{border-left-color:#e3a857;background:rgba(255,255,255,.08)}
.yc-main{flex:1;min-width:0;padding:40px 48px;max-width:860px}
.yc-main h1{font-size:2rem;color:#3d5a3a;margin:0 0 20px;line-height:1.2}
.yc-main p{margin:0 0 1.1em}
.yc-fig{margin:28px 0;border:6px solid #fff;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.yc-fig img{display:block;width:100%;height:auto}
.yc-foot{border-top:1px solid #d8d2c0;margin-top:40px;padding-top:16px;font-size:.78rem;color:#6d7466}
.yc-foot p{margin:0 0 6px}
@media(max-width:760px){.yc-shell{display:block}.yc-side{width:auto;padding:18px 16px}.yc-side ul{display:flex;flex-wrap:wrap;gap:4px}.yc-side li a{padding:6px 8px;border-left:0;border-bottom:2px solid transparent}.yc-tag{margin-bottom:12px}.yc-main{padding:24px 16px}.yc-main h1{font-size:1.55rem}}