*{box-sizing:border-box}body{margin:0;background:#f2f5f3;color:#243a33;font-family:Arial,"Microsoft YaHei"}main{max-width:680px;margin:auto;background:#fff;min-height:100vh}header{padding:25px;background:#0b3b32;color:#fff;font-size:22px;font-weight:bold}header small{display:block;font-size:12px;opacity:.7;margin-top:8px}.hero{padding:55px 28px 35px;background:#edf5ef}.hero h1,h1{color:#123d33}.hero form{display:flex;gap:10px;margin-top:30px}.hero input{flex:1;padding:13px;border:1px solid #ccd9d1;border-radius:6px}.hero button,.empty a{background:#b58b45;color:#fff;border:0;padding:13px 22px;border-radius:6px;text-decoration:none}.cover{margin:20px 28px;height:210px;background:#dce9df;border-radius:10px;text-align:center;padding-top:70px;font-size:32px;color:#35604d}.cover small{font-size:14px}.result,.empty{padding:25px 28px}.slider{height:270px;background:#eef3ef;border-radius:10px;overflow:hidden}.slider img{width:100%;height:100%;object-fit:cover}.result i{color:#a9792f}.info{display:grid;grid-template-columns:1fr 1fr;margin-top:20px}.info div{padding:14px 0;border-bottom:1px solid #e4e9e5}.info small{display:block;color:#89958e;margin-bottom:6px}.empty{text-align:center;padding-top:110px}.empty b{font-size:60px;color:#b58b45}article{line-height:1.8;margin-top:20px}footer{text-align:center;padding:28px;color:#9aa5a0;font-size:12px}
.password-form{display:grid;gap:18px;margin-top:24px}.password-form label{display:grid;gap:8px}.password-form input{padding:12px;border:1px solid #ccd9d1;border-radius:6px}.password-form button{padding:14px;background:#0b3b32;color:white;border:0;border-radius:6px}
.hero .date-form{display:grid}.date-form label{display:grid;gap:8px;font-size:14px}.date-form select{padding:13px;border:1px solid #ccd9d1;border-radius:6px;background:white;width:100%;color:#243a33}.date-selects{display:flex;gap:10px}.home-picture{padding:20px 28px}.home-picture img{width:100%;border-radius:10px}article img{max-width:100%;height:auto}.back-link{display:block;padding:20px 28px 0;color:#416953;text-decoration:none}.slider{position:relative}.slider-controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;color:white;text-shadow:0 1px 4px #000}.slider-controls button{background:#123e3477;color:white;border:0;border-radius:50%;width:32px;height:32px;font-size:22px}.expiry-warning{padding:10px;background:#fbede8;color:#af5f45}.hero .date-form button{margin-top:8px}
/* 日期查询控件 */
.hero .date-form{background:#ffffffd9;border:1px solid #e3e9e2;border-radius:16px;padding:22px;box-shadow:0 8px 28px #123e3408;gap:18px;margin-top:26px}.date-selects{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:12px}.date-selects select{appearance:none;-webkit-appearance:none;min-width:0;height:58px;padding:0 30px 0 14px;border:1px solid #dbe5dc;border-radius:10px;background:#f8faf7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23758c7b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;color:#244e3c;font-size:17px;font-weight:600;cursor:pointer;transition:border-color .2s,box-shadow .2s}.date-selects select:focus{outline:0;border-color:#b59b64;box-shadow:0 0 0 3px #b59b6422;background-color:white}.hero .date-form button{margin:0;border-radius:10px;padding:16px;font-size:16px;font-weight:600;letter-spacing:2px;background:linear-gradient(135deg,#275e47,#153f31);box-shadow:0 5px 12px #173f3120;cursor:pointer}.hero .date-form button:hover{filter:brightness(1.08)}@media(max-width:400px){.hero .date-form{padding:16px}.date-selects{gap:8px}.date-selects select{font-size:15px;padding-left:10px;padding-right:24px;background-position:right 8px center}}

/* 移动端触摸控件与详情自适应 */
html,body{width:100%;margin:0}main{width:100%;min-width:0}header,h1,footer,.info div,.result i{overflow-wrap:anywhere}.hero .date-form{padding:20px;gap:20px}.date-selects{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:10px}.date-selects select{height:66px;font-size:18px;border-radius:12px;border-color:#d4e0d5;background-color:#fff;box-shadow:0 3px 9px #183f3005;padding-left:14px;padding-right:28px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.date-selects select:active{background-color:#f0f5ef}.date-selects select:focus-visible{outline:2px solid #ad9259;outline-offset:3px}.hero .date-form button{min-height:56px;touch-action:manipulation}.back-link,.empty a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border:1px solid #d5e1d8;border-radius:12px;background:#edf4ee;color:#24523e;text-decoration:none;font-size:15px;font-weight:600;box-shadow:0 3px 10px #183f3006;touch-action:manipulation}.back-link{margin:22px 28px 0}.back-link:hover,.empty a:hover{background:#e0ece2;border-color:#adbfaf}.back-link:focus-visible,.empty a:focus-visible{outline:2px solid #ad9259;outline-offset:3px}.empty a{background:#24543f;color:#fff;border-color:#24543f}.result{min-width:0;max-width:100%;overflow-wrap:anywhere}.result article{width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;word-break:normal}.result article *{max-width:100%!important;min-width:0!important;box-sizing:border-box}.result article img,.result article video,.result article iframe,.result article canvas,.result article svg{display:block;max-width:100%!important;height:auto!important}.result article img{object-fit:contain}.result article p,.result article div,.result article span{white-space:normal!important;overflow-wrap:anywhere}.result article pre{white-space:pre-wrap!important;overflow-wrap:anywhere}.result article table{width:100%!important;table-layout:fixed;border-collapse:collapse}.result article td,.result article th{overflow-wrap:anywhere;word-break:break-word}.result article ul,.result article ol{padding-left:1.5em}.info{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.slider-controls button{width:44px;height:44px;touch-action:manipulation}
@media(max-width:480px){.hero{padding:36px 18px 26px}.hero .date-form{padding:14px}.date-selects{gap:8px}.date-selects select{height:64px;font-size:16px;padding-left:10px;padding-right:23px;background-position:right 8px center}.result,.empty{padding-left:18px;padding-right:18px}.back-link{margin-left:18px;margin-right:18px}.home-picture{padding-left:18px;padding-right:18px}.cover{margin-left:18px;margin-right:18px}.slider{height:auto;aspect-ratio:4/3}.hero h1{font-size:26px}}