:root{--paper:#f5f2ea;--ink:#242a25;--muted:#8a8e85;--line:#dedbd2;--green:#28614e;--orange:#d8754a;--card:#fffefa}*{box-sizing:border-box}html,body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app{width:min(1050px,calc(100% - 56px));min-height:100vh;margin:auto}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:800;font-size:20px}.logo-mark{width:27px;height:27px;display:grid;place-items:center;border-radius:8px 8px 8px 2px;color:#fff;background:var(--green);font-family:Georgia,serif;font-size:19px}.top-actions{display:flex;align-items:center;gap:16px}.text-button{border:0;padding:7px 0;color:#777b73;background:transparent;font-size:11px}.text-button:hover{color:var(--green)}.import-label{position:relative;cursor:pointer}.import-label input{position:absolute;inset:0;width:100%;opacity:0}.new-button{border:0;padding:9px 14px;border-radius:7px;color:#fff;background:var(--green);font-size:11px;font-weight:700;box-shadow:0 7px 17px #28614e26}.new-button:hover,.save-button:hover{background:#1d4c3c}.new-button span{margin-right:3px;font-size:16px}.hero{padding:38px 0 18px;text-align:center}.kicker{margin:0;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:1.8px}h1{margin:8px 0 5px;font-family:Georgia,"Noto Serif SC",serif;font-size:38px;font-weight:400;letter-spacing:-1.8px}h1 em{color:var(--green);font-style:normal}.subhead{margin:0 0 18px;color:var(--muted);font-size:12px}.search-wrap{width:min(650px,100%);height:50px;display:flex;align-items:center;gap:13px;margin:auto;padding:0 15px;border:1px solid #d4d1c8;border-radius:9px;background:#fff;box-shadow:0 7px 20px #2a2e2712}.search-wrap:focus-within{border-color:#82a294;box-shadow:0 0 0 4px #28614e14}.search-wrap input{flex:1;min-width:0;height:100%;border:0;outline:0;color:var(--ink);background:transparent;font-family:Georgia,"Noto Serif SC",serif;font-size:15px}.search-wrap input::-webkit-search-cancel-button{display:none}.search-wrap input::placeholder{color:#aaa99f}.search-icon{width:16px;height:16px;flex:none;border:1.7px solid var(--green);border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:6px;right:-5px;bottom:-3px;border-top:1.7px solid var(--green);transform:rotate(45deg)}.clear-button{display:none;width:24px;height:24px;padding:0;border:0;border-radius:50%;color:#777b73;background:#f0eee7;font-size:15px}.clear-button.visible{display:block}.search-wrap kbd{padding:3px 6px;border:1px solid #dedbd3;border-radius:4px;color:#969990;background:#f5f3ed;font-size:10px}.cloud-panel{padding:16px 24px 18px;border:1px solid #d9d5cb;border-radius:12px;background:#ffffff94;box-shadow:0 9px 25px #2a2e390b}.panel-head{display:flex;justify-content:space-between;align-items:center;color:#70756c;font-size:10px}.panel-head span:first-child{color:#454b44;font-weight:750;letter-spacing:1px}.panel-head span:last-child{color:#9da097}.panel-tools{display:flex;align-items:center;gap:9px}.panel-tools select{padding:3px 17px 3px 6px;border:1px solid #e0ddd5;border-radius:5px;outline:0;color:#777b73;background:#f8f7f3;font-size:9px}.word-cloud{min-height:280px;position:relative;margin-top:5px;overflow:hidden}.cloud-word{position:absolute;left:var(--x);top:var(--y);padding:3px 7px;border:0;color:var(--c);background:transparent;font-family:Georgia,"Noto Serif SC",serif;font-size:var(--s);line-height:1.2;opacity:var(--o);white-space:nowrap;transform:translate(-50%,-50%) rotate(var(--r));transition:.16s}.cloud-word:hover,.cloud-word.active{z-index:2;color:var(--green);opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1.1)}.cloud-word.active:after{content:"";position:absolute;left:7px;right:7px;bottom:0;border-bottom:2px solid var(--orange)}.cloud-empty{position:absolute;inset:0;display:grid;place-items:center;color:#aaa99f;font-size:12px}.results{display:none;margin-top:20px}.results.visible{display:block}.results-head{display:flex;justify-content:space-between;padding:0 2px 8px;border-bottom:1px solid var(--line);color:#72766d;font-size:11px}.results-head span:last-child{color:#a0a39b}.result-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:11px}.result-card{min-width:0;padding:13px 15px;border:1px solid #e1ded6;border-radius:8px;background:var(--card);cursor:pointer;position:relative}.result-card:hover{border-color:#aec0b5}.result-card h3{overflow:hidden;margin:0 22px 6px 0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.result-card p{overflow:hidden;display:-webkit-box;margin:0 0 8px;color:#777b73;font-size:10px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical}.result-meta{color:#a1a49c;font-size:9px}.card-delete{position:absolute;right:10px;top:9px;width:23px;height:23px;border:0;border-radius:5px;color:#9d7b74;background:transparent;font-size:15px;line-height:1}.card-delete:hover{color:#9c3e34;background:#f5e9e6}.footer{display:flex;justify-content:space-between;padding:20px 2px;color:#aaa99f;font-size:9px}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:2px -24px 0;padding:14px 24px;border-top:1px solid var(--line);background:#f3f1eb}.form-spacer{flex:1}.delete-button{border:0;padding:8px 0;color:#a45145;background:transparent;font-size:11px}.delete-button:hover{color:#7e2f27}.modal{display:none;position:fixed;inset:0;z-index:10;place-items:center;padding:20px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#1e231f6e;backdrop-filter:blur(3px)}.modal-card{position:relative;width:min(570px,100%);overflow:hidden;border-radius:12px;background:#fffefa;box-shadow:0 22px 70px #181d1938}.modal-head{display:flex;justify-content:space-between;padding:21px 24px 15px;border-bottom:1px solid var(--line)}.modal-head h2{margin:5px 0 0;font-family:Georgia,"Noto Serif SC",serif;font-size:21px;font-weight:400}.close-button{width:28px;height:28px;border:0;border-radius:50%;color:#777b73;background:#f0eee7;font-size:18px}.modal-card form{padding:20px 24px 0}.modal-card label{display:block;margin-bottom:16px}.modal-card label>span{display:block;margin-bottom:6px;color:#555b53;font-size:10px;font-weight:700}.modal-card input,.modal-card textarea{width:100%;padding:10px;border:1px solid #dcd9d1;border-radius:6px;outline:0;color:var(--ink);background:#fff;font-size:12px}.modal-card textarea{resize:vertical;line-height:1.6}.modal-card input:focus,.modal-card textarea:focus{border-color:#89a999;box-shadow:0 0 0 3px #28614e12}.cancel-button,.save-button{padding:9px 15px;border-radius:6px;font-size:11px}.cancel-button{border:1px solid #d9d6ce;color:#6d7169;background:#fffefa}.save-button{border:0;color:#fff;background:var(--green);font-weight:700}.toast-region{position:fixed;right:20px;bottom:20px;z-index:20}.toast{padding:11px 15px;border-radius:7px;color:#fff;background:#2f3c35;box-shadow:0 10px 26px #1e231f2b;font-size:11px}@media(max-width:650px){.app{width:calc(100% - 28px)}.topbar{height:60px}.top-actions{gap:10px}.text-button{font-size:10px}.new-button{padding:8px 10px}.hero{padding:30px 0 14px}h1{font-size:31px}.subhead{font-size:11px;margin-bottom:14px}.search-wrap{height:48px}.search-wrap kbd{display:none}.cloud-panel{padding:14px 11px 15px}.word-cloud{min-height:300px}.panel-tools{gap:5px}.panel-tools select{max-width:82px}.result-list{grid-template-columns:1fr}.footer{padding-top:17px}.modal{align-items:end;padding:0}.modal-card{border-radius:13px 13px 0 0;max-height:94vh;overflow:auto}}