:root{--bg:#f5f3e9;--ink:#233c31;--muted:#68776d;--line:#d9dfd0;--accent:#e2c076}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bd8c30;outline-offset:3px}button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:9px 15px;min-height:44px}button:hover{background:#e7ebdf}[hidden]{display:none!important}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 40px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;white-space:nowrap}.mark{display:grid;place-items:center;background:var(--ink);color:#f7f1d9;width:42px;height:42px;border-radius:14px 5px 14px 5px}.official{font-size:11px;border:1px solid #9aab96;padding:0 5px;border-radius:4px;letter-spacing:1px}nav{display:flex;gap:28px;font-size:14px}main{max-width:1240px;margin:auto;padding:0 40px}.hero{padding:64px 0 60px;display:grid;grid-template-columns:1.12fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}h1{font-family:"Songti SC","Noto Serif SC",serif;font-size:clamp(32px,3.5vw,50px);line-height:1.35;font-weight:600;margin:20px 0}h1 span{color:#527551}p{color:var(--muted);margin:12px 0}.hero>div>p{max-width:540px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:12px 22px;background:var(--ink);color:#fff;border-radius:6px;margin-top:18px;min-height:48px}.hero aside{background:#e9eddf;border-radius:4px 58px 4px 4px;padding:34px 35px;border-left:3px solid #9aad80}.issue{font-size:12px;color:#768366}.quote{font-size:27px;line-height:1.6;font-family:"Songti SC",serif;margin:20px 0}.hero aside p{font-size:13px}.path{display:flex;gap:18px;margin-top:28px;font-size:12px}.path i{font-style:normal;color:#7c8e6d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}h2{font-size:28px;line-height:1.4;margin:8px 0}h3{font-size:19px;line-height:1.55;margin:0 0 14px}.section-head>p{font-size:13px}.toolbar{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar label{display:flex;gap:12px;align-items:center;font-size:13px}.toolbar label>span{position:absolute;left:-9999px}input{border:1px solid #c5ceba;border-radius:7px;padding:11px 14px;background:#fffcf2;width:225px;min-height:44px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{font-size:13px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}#reset{font-size:13px;margin-left:auto}.result{font-size:12px;margin:18px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.film{min-width:0;background:#fcfbf5;border:1px solid var(--line);border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.poster{position:relative;overflow:hidden;background:#dfe5d4;aspect-ratio:2/3}.poster img{display:block;width:100%;height:100%;object-fit:cover}.poster>span{position:absolute;left:14px;top:14px;border-radius:30px;background:#f7f3e5ec;padding:4px 12px;font-size:11px}.film-body{padding:22px;display:flex;flex:1;flex-direction:column}.film-body p{font-size:14px;margin:0 0 16px}.film details{border-top:1px solid var(--line);padding:12px 0;margin-top:auto}.film summary{font-size:13px}.film details p{padding-top:12px;margin:0}.film-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.film small{font-size:10px;color:#7b8979}.save{padding:6px 10px;font-size:11px;margin-left:auto}.save[aria-pressed=true]{background:#e2e9d9}.guide{margin:80px 0;background:var(--ink);color:var(--bg);padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:65px;border-radius:8px}.guide .eyebrow,.guide p{color:#bdcbb9}.guide h2{margin:18px 0}.guide>div>p{font-size:14px}.guide ol{list-style:none;counter-reset:steps;margin:0;padding:0}.guide li{counter-increment:steps;border-bottom:1px solid #ffffff20;padding:12px 0 12px 38px;position:relative}.guide li:last-child{border:none}.guide li:before{content:"0" counter(steps);position:absolute;left:0;top:13px;font-size:12px;color:#d6bb7a}.guide li b{font-size:15px;font-weight:500}.guide li p{font-size:13px;margin:4px 0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.faq article{padding:23px 0;border-top:1px solid var(--line)}.faq h3{font-size:16px;margin-bottom:8px}.faq p{font-size:14px;margin:0}footer{max-width:1240px;margin:70px auto 0;padding:30px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}footer p{font-size:12px}footer a{font-size:13px}.skip{position:fixed;left:16px;top:-100px;padding:10px;background:#fff;z-index:10}.skip:focus{top:10px}#empty{text-align:center;border:1px dashed var(--line);padding:40px}.error{padding-top:12vh;max-width:800px}@media(max-width:900px){header{padding:20px 24px}main{padding:0 24px}.hero{gap:28px}.hero aside{padding:24px}.quote{font-size:22px}.grid{gap:16px}.film-body{padding:16px}.guide{padding:28px;gap:30px}nav{gap:16px}}@media(max-width:600px){body{font-size:15px}header{padding:16px 20px;align-items:flex-start;flex-direction:column;gap:14px}.brand{font-size:21px}.mark{width:35px;height:35px}nav{width:100%;justify-content:space-between;font-size:13px}main{padding:0 18px}.hero{display:block;padding:30px 0 34px}.hero h1{font-size:32px;margin:15px 0}.hero>div>p{font-size:14px}.hero aside{margin-top:26px;padding:23px;border-radius:4px 30px 4px 4px}.quote{font-size:21px;margin:12px 0}.path{margin-top:18px}.section-head{display:block;margin-bottom:18px}.section-head>p{margin:4px 0}h2{font-size:23px}.toolbar{gap:10px}.toolbar label{width:100%}input{width:100%}.filters{gap:7px}.filters button{padding:8px 11px;font-size:12px}#reset{margin-left:0;padding:8px 11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.film:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}.film:last-child .poster{height:auto}.film-body{padding:12px}.film h3{font-size:15px}.film-body p{font-size:12px;line-height:1.8}.poster>span{left:7px;top:7px;font-size:10px;padding:2px 7px}.film summary{font-size:12px}.film-bottom{gap:6px}.save{width:100%;margin-left:0}.film small{font-size:9px}.guide{margin:42px 0;padding:25px;display:block}.guide ol{margin-top:24px}.faq{grid-template-columns:1fr}.faq article{padding:20px 0}.faq h3{font-size:15px}.faq p{font-size:13px}footer{margin-top:40px;padding:24px 18px;gap:20px}footer strong{font-size:15px}.hero .primary{font-size:14px}}