*{box-sizing:border-box}html{font:16px/1.55 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;color:#15342f;background:#f5f7f4}body{margin:0}a{color:#146555;text-underline-offset:4px}main,header nav{width:min(1170px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid #cdd9d3}header nav{display:flex;min-height:52px;align-items:center;gap:20px}header nav a:last-child{margin-left:auto}h1,h2,p,figure{margin:0}h1{font-size:clamp(32px,4vw,52px);line-height:1.17;letter-spacing:-.045em}h2{font-size:25px}p{color:#47635b}button,input,select{font:inherit}button,select,input[type=number],.btn{background:white;border:1px solid #bccdc4;border-radius:6px;padding:7px 12px;color:#1b4037}button,.btn{cursor:pointer}.btn{display:inline-block;text-decoration:none}button:disabled{opacity:.45;cursor:default}.primary{background:#155e50;color:white;border-color:#155e50}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c57923;outline-offset:3px}a:hover{text-decoration:underline}button:hover:enabled,.btn:hover{border-color:#237762}main{padding-block:32px 60px}.intro{margin-bottom:22px}.intro p{margin-top:9px}.home{max-width:900px;padding-top:clamp(40px,9vh,95px)}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.choice{display:block;color:inherit;background:white;border-radius:12px;overflow:hidden;border:1px solid #c8d5cd;text-decoration:none}.choice img{width:100%;display:block;height:clamp(160px,34vh,310px);object-fit:contain;background:#222}.choice div{padding:15px 20px;display:flex;align-items:center;gap:10px}.choice strong{font-size:24px}.choice span{margin-left:auto;color:#49685e}.viewer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(255px,.65fr);gap:clamp(24px,4vw,65px);align-items:start}.film{background:#202321;border-radius:9px;overflow:hidden;text-align:center}.film a{display:block;cursor:zoom-in}.film img{display:block;width:100%;height:min(68vh,690px);object-fit:contain}.age{font-size:clamp(43px,5.5vw,71px);font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}.age small{font-size:19px;margin-left:7px}.count{margin:5px 0 16px;font-variant-numeric:tabular-nums}.slider{width:100%;accent-color:#155e50;margin:6px 0 14px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px 10px;margin:0 0 13px}.controls input[type=number]{width:6.1em}.jumpErr{font-size:14px;color:#934009}.grid-head{margin:31px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.tile{display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border:1px solid #c6d4cc;border-radius:7px;text-decoration:none;color:#1b4037;background:white}.tile[aria-current="true"]{outline:3px solid #18725b;outline-offset:1px}.tile img{width:100%;aspect-ratio:1;object-fit:contain;display:block;background:#222}.tile span{padding:5px 9px;font-variant-numeric:tabular-nums}button:disabled{pointer-events:none}@media(max-width:730px){main,header nav{width:calc(100% - 28px)}.viewer{grid-template-columns:1fr;gap:13px}.film img{height:min(51vh,540px)}main{padding-top:20px}.choices{gap:10px}.choice div{padding:9px;display:block}.choice span{display:block;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}header nav{gap:10px}}
[hidden]{display:none!important}.opinion{margin-top:18px;padding-top:14px;border-top:1px solid #cdd9d3}.opinion label{display:block;font-weight:650;margin-bottom:6px}.opinion textarea{display:block;width:100%;box-sizing:border-box;min-height:90px;padding:10px;border:1px solid #9dafaa;border-radius:6px;font:inherit;line-height:1.5;resize:vertical;background:#fff;color:#17362e}.opinion textarea:focus-visible{outline:2px solid #18725b}.opinion .controls{margin-top:8px}.hint,#noteStatus,.total{font-size:14px;color:#47635b}#noteStatus{flex:1;min-width:90px}.export{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 4px}.home .export{margin-top:24px}.tile[data-noted="true"] span::after{content:"有意见";font-size:12px;float:right;margin-top:2px;color:#115741}.tile[data-noted="true"]{border-color:#569680}#feedback{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:min(90vw,650px);background:#163f35;color:white;padding:10px 16px;border-radius:7px;z-index:8;box-shadow:0 2px 9px #0002}