*{box-sizing:border-box}body{margin:0;background:#f5f2e9;color:#172320;font-family:"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}header{height:73px;border-bottom:1px solid #d9d7cf;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#faf8f2}.brand{display:flex;gap:12px;align-items:center}.brand small,.resultHead small{display:block;color:#73807b;font-size:12px;margin-top:3px}.logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#173f36;color:#e8ff93;font-size:25px}nav{background:#e7e4da;border-radius:12px;padding:4px}.tab{border:0;background:transparent;padding:9px 16px;border-radius:9px;color:#65716d}.tab.active{background:#fff;color:#172320;box-shadow:0 2px 8px #00000012}main{max-width:1480px;margin:auto;padding:32px}.view{display:none}.view.active{display:grid}#create{grid-template-columns:420px 1fr;gap:20px}.panel{background:#fffdf7;border:1px solid #17232018;border-radius:24px;box-shadow:0 18px 60px #17232010}.controls{padding:26px;height:max-content}.pill{display:inline-block;background:#e8ff93;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600}.controls h1,.feedIntro h1{font-size:32px;line-height:1.25;letter-spacing:-1.4px;margin:16px 0 10px}.desc,.feedIntro p{color:#65716d;font-size:14px;line-height:1.7}.controls label,.feedForm label{display:block;font-size:14px;font-weight:600;margin:20px 0 8px}.controls label i{font-style:normal;color:#929a97;font-weight:400}input,textarea,select{width:100%;border:1px solid #17232025;background:white;border-radius:12px;padding:13px;outline:0}input:focus,textarea:focus,select:focus{border-color:#236957;box-shadow:0 0 0 4px #23695715}.controls textarea{height:110px;resize:none}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.chips button{border:1px solid #17232018;background:#f4f2eb;border-radius:99px;padding:6px 10px;font-size:12px}.primary{width:100%;border:0;border-radius:12px;background:#173f36;color:white;padding:14px;font-weight:600;margin-top:18px}.primary:disabled{opacity:.55}.msg{text-align:center;color:#52645e;font-size:13px}.result{min-height:720px}.resultHead{padding:20px 24px;border-bottom:1px solid #17232018;display:flex;justify-content:space-between}.copy{border:1px solid #17232020;background:#fff;border-radius:9px;padding:8px 12px}.empty{min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#7a8581}.empty span{font-size:42px;color:#456058}.empty b{color:#172320;margin-top:12px}.empty p{font-size:14px}.hidden{display:none!important}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.output{padding:28px}.titlebox{background:#eef5d5;border-radius:17px;padding:19px}.titlebox small{color:#61714b}.titlebox h2{font-size:20px;line-height:1.6;margin:8px 0 0}.body{white-space:pre-wrap;line-height:2;font-size:15px;color:#31413c;margin-top:24px}.rate{border-top:1px solid #17232018;margin-top:26px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:#71807b;font-size:13px}.rate button{border:0;border-radius:9px;padding:8px 11px;margin-left:6px}.rateMsg{text-align:right;background:#eef5d5;color:#365447;padding:8px 12px;border-radius:9px;font-size:13px}.feedIntro{margin-bottom:24px}.feedIntro small{color:#39705f;font-weight:700}.feedGrid{display:grid;grid-template-columns:440px 1fr;gap:20px}.feedForm,.library{padding:24px}.feedForm textarea{height:210px;resize:none}.libHead{display:flex;justify-content:space-between}.libHead span{background:#edf4df;padding:6px 12px;border-radius:99px;font-size:12px}.item{border:1px solid #17232018;background:#fff;border-radius:16px;padding:16px;margin-top:12px}.item header{height:auto;padding:0;background:none;border:0}.item small{color:#39705f}.item button{float:right;border:0;background:none;color:#a44}.item p{white-space:pre-wrap;color:#65716d;font-size:14px;line-height:1.6;max-height:70px;overflow:hidden}
@media(max-width:800px){header{height:auto;padding:12px 14px;gap:10px;align-items:flex-start}.brand small{display:none}nav{white-space:nowrap}.tab{padding:8px 10px;font-size:13px}main{padding:14px}#create,.feedGrid{grid-template-columns:1fr}.controls h1,.feedIntro h1{font-size:27px}.result{min-height:500px}.empty{min-height:430px}.rate{flex-direction:column}.rateMsg{text-align:left}.output{padding:17px}.body{font-size:16px}.feedForm,.library,.controls{padding:20px}}