*{box-sizing:border-box}body{margin:0;background:#f8f5ee;color:#3d4540;font-family:system-ui,'Microsoft YaHei',sans-serif;line-height:1.8}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c58c5b;outline-offset:4px}button:disabled{opacity:.45;cursor:default}header{border-bottom:1px solid #dddcd1;max-width:1120px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:750;letter-spacing:2px}.small,small{font-size:13px;color:#70776c}.badge{background:#e9ede0;padding:5px 13px;border-radius:24px;font-size:12px}main{max-width:1000px;margin:40px auto;padding:0 24px}h1{font-size:clamp(32px,6vw,58px);line-height:1.25;letter-spacing:-1px;margin:16px 0 24px}h2{font-size:25px;line-height:1.5}h3{font-size:17px;margin-bottom:8px}p{margin:10px 0 20px}.eyebrow{letter-spacing:3px;font-size:12px;color:#7a876d}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:35px 0}.hero svg{width:100%;transform:rotate(3deg)}.btn{background:#586c50;color:white;border:0;padding:14px 24px;border-radius:14px;font-weight:650;display:inline-block;text-decoration:none}.secondary{background:#ecebdf;color:#46533f}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}.actions .btn{flex:1;min-width:130px}.panel{background:#fffdf8;border:1px solid #e4dfd2;border-radius:24px;padding:30px;margin:24px 0;box-shadow:0 8px 35px #4a503508}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.grid .panel{margin:0}.option{display:block;width:100%;text-align:left;border:1px solid #dcded2;border-radius:14px;margin:12px 0;padding:17px;background:#fffdf8;color:inherit}.option.selected{border:2px solid #64775b;background:#edf1e7;padding:16px}.progress{height:7px;background:#e4e5da;border-radius:7px;overflow:hidden}.progress div{height:100%;background:#7c916e}.qwrap{max-width:720px;margin:auto}.qwrap h2{margin:30px 0;font-size:26px}.muted{color:#7a7e72}input{padding:13px;border:1px solid #c5cabb;border-radius:12px;width:100%;margin:10px 0}.notice{background:#eeeadd;border-radius:12px;padding:12px 18px;font-size:14px}.catcard{max-width:320px;margin:0 auto}.catcard svg{width:100%}.reporthead{text-align:center}.reporthead h1{margin:15px 0}.reporthead .catcard{max-width:330px}details{border-bottom:1px solid #deded2;padding:16px 0}summary{cursor:pointer;font-weight:650}.profilelist button{width:100%;text-align:left}.catmini{width:100%;border-radius:16px}.bar{height:8px;background:#e9e8dc;border-radius:8px;overflow:hidden}.bar>div{height:100%;background:#8e9f7c}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#374637;color:#fff;padding:13px 22px;border-radius:12px;z-index:8;max-width:90vw}.poster{width:100%;max-width:420px;border-radius:14px;border:1px solid #ddd}footer{text-align:center;margin:50px 24px 24px;font-size:12px;color:#848777}a{color:#526849}.navlink{background:none;border:0;color:#526849;text-decoration:underline}label{cursor:pointer}dialog{border:1px solid #d3d7c7;border-radius:22px;max-width:520px;width:92vw}dialog::backdrop{background:#28322577}@media(max-width:680px){.hero{grid-template-columns:1fr;gap:20px;padding:0}.hero svg{max-width:320px;margin:auto;display:block}.hero .art{order:-1}main{margin-top:25px;padding:0 18px}.panel{padding:23px}header{padding:17px 18px}.badge{max-width:45%;text-align:center}.qwrap h2{font-size:23px}.actions{gap:10px}}@media print{header,footer,.actions,.profilelist,.noprint{display:none!important}.panel{break-inside:avoid;box-shadow:none}body{background:white}main{margin:0;max-width:none}}
.catportrait{display:block;width:100%;height:auto;border-radius:25px}.hero .art{overflow:hidden;border-radius:32px}.hero .catportrait{transform:rotate(0deg)}