*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2eb;color:#354332;font-family:'Microsoft YaHei',sans-serif;line-height:1.85}header{max-width:1100px;margin:auto;padding:24px;display:flex;justify-content:space-between;border-bottom:1px solid #d8d9cc;font-size:13px}a{color:inherit}main{max-width:1050px;margin:auto;padding:35px 24px}h1{font-size:38px;margin:12px 0}h2{font-size:24px;margin-top:0}h3{font-size:19px}.lead{color:#7b846f}.notice{padding:15px 20px;background:#eee5cf;border-radius:6px;font-size:13px}.summary{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.summary span{background:#e6eadb;padding:8px 16px;border-radius:30px;font-size:13px}.layout{display:grid;grid-template-columns:190px 1fr;gap:35px;margin-top:35px}aside{position:sticky;top:20px;align-self:start;background:#e8ecdf;padding:20px;border-radius:8px}aside a{display:block;text-decoration:none;padding:7px 0;font-size:13px}section{background:#fffdf7;border:1px solid #e1e1d4;padding:28px;border-radius:9px;margin-bottom:24px;scroll-margin-top:20px}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:12px 8px;border-bottom:1px solid #e3e5db}.warn{padding:12px 16px;background:#fff1dc;border-left:3px solid #c99550;font-size:13px}.step{margin:24px 0 35px;border-bottom:1px solid #ddd;padding-bottom:20px}.step p{font-size:14px}.photo{aspect-ratio:2/1;background-image:url('assets/tea-guide.png');background-size:300% 400%;background-position:var(--x) var(--y);border-radius:8px}.caption{font-size:11px;color:#8a907e}.actions{display:flex;gap:12px;margin:20px 0;flex-wrap:wrap}button{background:#43593c;color:white;border:0;padding:12px 18px;border-radius:5px;cursor:pointer}button.secondary{background:#e4e9db;color:#405139}#status{font-size:13px}li{margin:8px 0}footer{font-size:12px;color:#839078;padding:25px}.step input{accent-color:#537247}details{padding:12px 0;border-bottom:1px solid #ddd}summary{cursor:pointer;font-weight:bold}textarea{width:100%;min-height:160px}@media(max-width:700px){.layout{grid-template-columns:1fr;gap:18px}aside{position:static;display:flex;gap:15px;flex-wrap:wrap;padding:12px}aside a{font-size:12px}header b{display:none}h1{font-size:30px}section{padding:20px}td,th{padding:9px 5px}main{padding:22px 15px}}@media print{aside,.actions,header{display:none}.layout{display:block}section{break-inside:avoid}body{background:white}.photo{print-color-adjust:exact}}

nav a{text-decoration:none}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:30px 0}.recipe-card{display:block;background:#fffdf7;border:1px solid #dce0d2;border-radius:10px;text-decoration:none;overflow:hidden}.recipe-card>div:last-child{padding:22px}.recipe-card h2{font-size:22px;margin:10px 0}.recipe-card p{font-size:13px;color:#7a856e}.cover{aspect-ratio:2/1;background-image:url(assets/tea-guide.png);background-size:300% 400%}.recipe-card:hover{outline:2px solid #789265}a:focus-visible,button:focus-visible{outline:3px solid #8ca768;outline-offset:4px}@media(max-width:700px){.recipe-grid{grid-template-columns:1fr}nav{font-size:12px}}
.step-image,.cover-image{display:block;width:100%;height:auto;border-radius:8px}.cover-image{border-radius:0}.breadcrumbs{font-size:12px;color:#738368}.step{content-visibility:auto;contain-intrinsic-size:auto 520px}.skip-link{position:absolute;left:15px;top:-100px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:10px}table{overflow-wrap:anywhere}a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #718d54;outline-offset:4px}
.real-hero{width:100%;max-height:460px;object-fit:contain;background:#e8e6dc;border-radius:12px}figcaption{font-size:11px;color:#75816a}.recipe-label{padding:20px 22px!important;background:linear-gradient(120deg,#e1e9d2,#eee2d2);font-size:12px}.recipe-card{display:flex;flex-direction:column}.recipe-card>div:last-child{flex:1}
.catalog-photo{display:block;width:100%;height:210px;object-fit:cover;object-position:center 65%}.photo-label{display:block;padding:8px 18px;background:#f0eee4;color:#5c6c50;font-size:11px}.photo-label span{color:#8d7c67}.detail-photo{width:100%;max-height:380px;object-fit:contain;background:#eae8df;border-radius:10px}.recipe-cover{margin:25px 0}.real-hero{object-fit:cover;max-height:400px}.recipe-card:focus-visible{outline:3px solid #647f4d}@media(max-width:700px){.catalog-photo{height:220px}.real-hero{max-height:260px}}
.illustrated-steps{list-style:none;padding:0}.illustrated-steps>li{border-bottom:1px solid #dce0d3;margin:22px 0;padding-bottom:22px}.illustrated-steps img{max-width:720px}
.catalog-photo{height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center}.detail-photo{max-height:480px;object-fit:contain}.real-hero{max-height:430px;object-fit:contain}
.recipe-card[hidden]{display:none!important}.recipe-search{margin:28px 0}.recipe-search label{display:block;font-weight:bold;margin-bottom:10px}.recipe-search input{font:inherit;padding:12px;border:1px solid #a6b598;border-radius:6px;max-width:100%;width:400px}.recipe-search button{margin-left:10px}#search-count,#recipe-copy-status{font-size:13px;color:#647653}
