.roasting-editorial{--green:#24473b;--paper:#f8f6f0;--brown:#81664b;--muted:#696e62;--line:#d8dcd0;color:var(--green);background:var(--paper);font-family:"Noto Sans TC",Arial,sans-serif;font-synthesis:none}.roasting-editorial *{box-sizing:border-box}.roasting-editorial body{margin:0}.roasting-editorial a{color:inherit;text-decoration:none}.roasting-editorial button{font:inherit;cursor:pointer}.roasting-editorial button:focus-visible,.roasting-editorial a:focus-visible,.roasting-editorial video:focus-visible{outline:3px solid #ae8456;outline-offset:4px}.roasting-editorial .review-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 5%;border-bottom:1px solid var(--line);font-size:14px;background:#ebece3}.roasting-editorial .review-nav a{padding-block:10px}.roasting-editorial{max-width:1320px;margin:auto;padding:40px clamp(22px,6vw,88px) 0}.roasting-editorial .masthead{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:2px;border-bottom:1px solid var(--line);padding-bottom:22px}.roasting-editorial .opening{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);padding:48px 0 52px;align-items:center}.roasting-editorial .lead{padding-bottom:30px}.roasting-editorial .eyebrow,.roasting-editorial .step{display:block;font-size:12px;line-height:1.6;letter-spacing:2px;color:var(--brown)}.roasting-editorial .journal-title,.roasting-editorial h2,.roasting-editorial .detail-heading p,.roasting-editorial .endnote p{font-family:"Noto Serif TC","Songti TC",serif;font-weight:500}.roasting-editorial .journal-title{font-size:clamp(38px,4.9vw,64px);line-height:1.45;letter-spacing:.02em;margin:25px 0}.roasting-editorial .lead-copy{font-size:17px;line-height:2;color:var(--muted);margin:0}.roasting-editorial .signature{margin-top:32px;border-left:1px solid #a8b6a0;padding-left:18px}.roasting-editorial .signature>span{font-family:Georgia,serif;font-size:18px;letter-spacing:3px}.roasting-editorial .signature p{font-size:13px;margin:8px 0}.roasting-editorial .explore{display:inline-flex;align-items:center;min-height:44px;margin-top:30px;font-size:14px;border-bottom:1px solid #a8b6a0}.roasting-editorial .hero-film{min-width:0;margin:0}.roasting-editorial .hero-film>.frame{width:min(100%,330px);margin:0 auto;background:#183b2d;box-shadow:18px 18px 0 #e7e9dd}.roasting-editorial .frame{position:relative;min-width:0;background:#19372c}.roasting-editorial .frame video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}.roasting-editorial .hero-caption{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-top:36px}.roasting-editorial .hero-caption h2{font-size:24px;margin:8px 0}.roasting-editorial .hero-caption p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.roasting-editorial .full-story{background:none;border:0;border-bottom:1px solid #a8b6a0;padding:12px 0;font-size:14px;text-align:left;white-space:nowrap;color:var(--green)}.roasting-editorial .full-story span{display:block;margin-top:6px;font-size:12px;letter-spacing:1px}.roasting-editorial .detail-heading{border-top:1px solid var(--line);padding:28px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;scroll-margin-top:24px}.roasting-editorial .detail-heading p{font-size:24px;margin:0}.roasting-editorial .details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.roasting-editorial .detail-film{display:grid;grid-template-columns:1fr;gap:20px;min-width:0}.roasting-editorial .detail-film .frame{width:100%;max-width:250px}.roasting-editorial .detail-caption{border-top:1px solid var(--line);padding:18px 0 10px}.roasting-editorial .detail-caption h2{font-size:29px;line-height:1.5;margin:12px 0 20px}.roasting-editorial .detail-caption h3{font-weight:500;font-size:15px;margin:0 0 8px}.roasting-editorial .detail-caption p{font-size:14px;line-height:1.9;margin:0;color:var(--muted)}.roasting-editorial .endnote{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:30px 0;margin-top:44px}.roasting-editorial .endnote p{font-size:23px;margin:0}.roasting-editorial .endnote a{min-height:44px;display:flex;align-items:center;font-size:14px}.roasting-editorial footer{border-top:1px solid var(--line);padding:24px;text-align:center;font-size:14px;color:var(--muted);line-height:1.8}.roasting-editorial footer p{margin:4px 0}.roasting-editorial .film-controls{display:flex;gap:0;align-items:center;background:#24473b;color:#fff}.roasting-editorial .film-controls button{background:transparent;border:0;color:inherit;font-size:13px;min-height:44px;padding:10px 12px}.roasting-editorial .film-controls .toggle{margin-right:auto}.roasting-editorial .film-controls button:hover{background:#ffffff12}.roasting-editorial .film-controls .error{font-size:12px}.roasting-editorial .frame.is-playing{box-shadow:0 0 0 1px #a8b6a0}.roasting-editorial .film-controls button:focus-visible{outline-offset:-4px}.roasting-editorial dialog{border:0;width:min(520px,94vw);max-height:94dvh;background:#19372c;color:#fff;padding:16px}.roasting-editorial dialog::backdrop{background:#0e291fe6}.roasting-editorial dialog video{display:block;width:100%;height:75dvh;object-fit:contain}.roasting-editorial .close{display:block;margin-left:auto;min-height:44px;background:none;color:#fff;border:0;padding:10px}@media(max-width:850px){.roasting-editorial .opening{gap:30px}.roasting-editorial .hero-caption{display:block}.roasting-editorial .full-story{margin-top:12px}.roasting-editorial .details-grid{gap:20px}.roasting-editorial .film-controls button{padding-inline:9px}.roasting-editorial .detail-caption h2{font-size:25px}}@media(max-width:600px){.roasting-editorial .review-nav{padding:8px 16px;font-size:12px;gap:10px}.roasting-editorial .review-nav>span{display:none}.roasting-editorial{padding:24px 22px 0}.roasting-editorial .masthead{font-size:10px;letter-spacing:1px;padding-bottom:18px}.roasting-editorial .opening{display:flex;flex-direction:column;gap:26px;padding:30px 0 34px;align-items:stretch}.roasting-editorial .lead{padding:0}.roasting-editorial .lead .eyebrow{font-size:13px;letter-spacing:1px}.roasting-editorial .journal-title{font-size:40px;margin:16px 0;line-height:1.4}.roasting-editorial .lead-copy{font-size:16px;line-height:1.85}.roasting-editorial .lead-copy br:nth-child(2){display:none}.roasting-editorial .signature{margin-top:20px;display:flex;align-items:center;gap:14px}.roasting-editorial .signature>span{font-size:15px}.roasting-editorial .signature p{font-size:12px}.roasting-editorial .explore{display:none}.roasting-editorial .hero-film>.frame{width:min(100%,340px);box-shadow:9px 9px 0 #e7e9dd}.roasting-editorial .hero-caption{padding-top:26px;display:flex;align-items:start;gap:10px}.roasting-editorial .hero-caption .eyebrow{font-size:10px;letter-spacing:1px}.roasting-editorial .hero-caption h2{font-size:22px}.roasting-editorial .hero-caption p{font-size:13px}.roasting-editorial .full-story{font-size:12px;margin:0;min-height:44px}.roasting-editorial .detail-heading{display:block;padding:24px 0}.roasting-editorial .detail-heading .eyebrow{font-size:10px;letter-spacing:1.3px}.roasting-editorial .detail-heading p{font-size:24px;margin-top:10px}.roasting-editorial .details-grid{display:flex;flex-direction:column;gap:26px}.roasting-editorial .detail-film{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:26px}.roasting-editorial .detail-film .frame{max-width:none}.roasting-editorial .detail-caption{border:0;padding:0}.roasting-editorial .step{font-size:10px;letter-spacing:1.2px}.roasting-editorial .detail-caption h2{font-size:25px;line-height:1.45;margin:10px 0 16px}.roasting-editorial .detail-caption h3{font-size:14px}.roasting-editorial .detail-caption p{font-size:14px;line-height:1.75}.roasting-editorial .detail-caption p br{display:none}.roasting-editorial .film-controls{flex-wrap:wrap}.roasting-editorial .film-controls button{font-size:12px;padding:10px 8px}.roasting-editorial .film-controls .toggle{flex:1 0 100%;margin:0;border-bottom:1px solid #ffffff20}.roasting-editorial .film-controls .sound,.roasting-editorial .film-controls .expand{flex:1;padding-inline:4px}.roasting-editorial .hero-film .film-controls{flex-wrap:nowrap}.roasting-editorial .hero-film .film-controls .toggle{flex:initial;border:0;margin-right:auto}.roasting-editorial .hero-film .film-controls .sound,.roasting-editorial .hero-film .film-controls .expand{flex:initial;padding-inline:10px}.roasting-editorial .endnote{border-top:0;margin-top:0;display:block;padding-top:20px}.roasting-editorial .endnote p{font-size:22px}.roasting-editorial .endnote a{margin-top:12px}.roasting-editorial footer{text-align:left;padding:20px 22px;font-size:13px}}.roasting-editorial .frame .film-controls{flex-wrap:nowrap;justify-content:space-between;gap:0;padding:0 2px}.roasting-editorial .frame .film-controls button{display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:10px;margin:0;border:0}.roasting-editorial .frame .film-controls button.toggle{margin-right:auto}.roasting-editorial .film-controls svg{display:block;width:22px;height:22px;pointer-events:none}.roasting-editorial .frame:fullscreen{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;max-width:none}.roasting-editorial .frame:fullscreen video{width:100%;height:calc(100% - 44px);min-height:0;object-fit:contain}.roasting-editorial .frame:fullscreen .film-controls{width:100%;flex-wrap:nowrap;flex-shrink:0}@media(max-width:360px){.roasting-editorial{padding-inline:16px}.roasting-editorial .journal-title{font-size:36px}.roasting-editorial .detail-film{gap:16px}.roasting-editorial .detail-caption h2{font-size:22px}.roasting-editorial .hero-caption{display:block}.roasting-editorial .full-story{margin-top:10px}}
