@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{font-family:Arial,Microsoft YaHei,sans-serif;color:#233b34;background:#f7f8f3;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}header,main,.site-footer{max-width:1200px;margin:auto}header{height:106px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee3d9}.brand{display:flex;gap:13px;align-items:center}.brand b{font-family:serif;font-size:23px;background:#2b493d;color:#fff;width:43px;height:43px;display:grid;place-items:center;border-radius:13px}.brand span{font-size:20px;font-weight:700}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:3px;color:#7b8a80}nav{display:flex;gap:32px;align-items:center;font-size:14px}.outline{background:transparent;border:1px solid #bec8bd;padding:9px 18px;border-radius:7px;color:#2b493d}.hero{display:grid;grid-template-columns:1.35fr 1fr;min-height:515px;align-items:center;gap:50px}.eyebrow{font-size:11px;letter-spacing:2px;color:#778775;font-weight:600}h1{font-family:"Noto Serif SC",serif;font-size:49px;line-height:1.5;font-weight:600;letter-spacing:1px;margin:20px 0}h1 span{color:#829663}.intro{color:#7b857b;font-size:14px;line-height:2}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:28px}.button{display:inline-flex;justify-content:center;gap:28px;align-items:center;border:0;border-radius:7px;padding:13px 24px;background:#2f4e40;color:#fff;font-size:14px}.quiet{font-size:13px}.note{font-size:11px;color:#8c9587;margin-top:24px;letter-spacing:3px}.art{height:370px;position:relative}.orbit{position:absolute;width:350px;height:350px;border:1px solid #dce3d4;border-radius:50%;left:40px;top:5px}.paper{position:absolute;border-radius:7px;width:225px;height:285px;box-shadow:0 20px 45px #30432a15}.back{background:#dce5c7;transform:rotate(-13deg);top:25px;left:40px;padding:25px;color:#70805e}.back i{font-size:110px}.front{background:#fffef7;transform:rotate(10deg);top:48px;left:140px;padding:24px}.front small{font-size:8px;letter-spacing:2px}.front strong{display:block;font-family:"Noto Serif SC",serif;font-size:26px;line-height:1.6;margin-top:22px}.drawing{position:absolute;right:22px;bottom:42px;font-size:80px;line-height:1;color:#a5b586}.front footer{position:absolute;bottom:18px;font-size:8px;letter-spacing:1px;border-top:1px solid #d8ddcf;padding-top:10px;width:177px;display:flex;justify-content:space-between}.art-label{position:absolute;bottom:0;right:50px;color:#839175;font-size:11px;letter-spacing:3px}.connection{border:1px solid #dce3d4;border-radius:7px;padding:10px 16px;color:#75816b;font-size:12px;background:#eef2e7}section[id]{padding-top:53px;scroll-margin-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-title .eyebrow{margin-bottom:6px}h2{font-size:25px;font-family:"Noto Serif SC",serif;margin:0}h2 span{font-family:Arial,sans-serif;font-size:13px;font-weight:400;color:#9ca491;margin-left:16px}.section-title>span{font-size:12px;color:#899282}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:#fff;border:1px solid #e1e5dc;border-radius:12px;padding:26px;transition:transform .2s}.project:hover{transform:translateY(-4px)}.project-symbol{background:#e9eedf;border-radius:9px;padding:10px;font-size:30px;margin-bottom:20px}.project small{font-size:10px;letter-spacing:2px;color:#88947e}.project h3{margin:10px 0}.project p{font-size:13px;color:#7b857b}.project>span{font-size:12px}.empty{width:100%;border:1px dashed #cfd8c6;border-radius:12px;background:#f1f4eb;text-align:center;padding:33px 20px;color:#7d8b73}.empty>span{font-size:32px;color:#90a17c}.empty h3{font-weight:400;font-size:16px;color:#53664a;margin:6px}.empty p{font-size:12px;margin:8px}.project-empty{grid-column:1/-1}.search{background:#fff;border:1px solid #dde3d6;border-radius:7px;padding:6px 12px;display:flex;align-items:center;gap:10px}.search input{border:0;width:190px;background:transparent;padding:5px}.filters{display:flex;gap:10px;margin-bottom:20px}.filters button{border:0;background:transparent;color:#7d8975;padding:7px 15px;border-radius:6px;font-size:12px}.filters .selected{background:#e4ebd9;color:#3d5838}.resource{display:flex;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid #e5e8df;background:#fff}.file-icon{padding:8px 15px;background:#eff3e8;border-radius:7px}.resource strong{font-size:14px;overflow-wrap:anywhere}.resource small{display:block;font-size:11px;color:#8c9781}.resource .outline{margin-left:auto;flex-shrink:0}.site-footer{display:flex;justify-content:space-between;border-top:1px solid #dce3d4;margin-top:70px;padding:26px 0;color:#8a9480;font-size:11px}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.manage-grid form{border:1px solid #dce3d4;padding:25px;border-radius:12px;background:#fff}label{display:block;font-size:13px;margin-bottom:15px}label input,label select{display:block;width:100%;padding:11px;border:1px solid #cfd8c6;border-radius:6px;background:#fff;margin-top:6px;color:#233b34}.muted{font-size:12px;color:#849078}dialog{border:1px solid #dce3d4;border-radius:15px;background:#f7f8f3;padding:35px;width:min(430px,90vw);color:#233b34}dialog::backdrop{background:#1d30286b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog .button{width:100%}.close{float:right;border:0;background:transparent;font-size:25px}.toast{position:fixed;bottom:15px;left:50%;transform:translate(-50%);background:#2f4e40;color:#fff;padding:14px 24px;border-radius:10px;box-shadow:0 6px 30px #0002;max-width:90vw;font-size:13px;z-index:5}#loginMessage{font-size:12px;color:#a05139}input[type=file]{font-size:12px}@media(max-width:1250px){header,main,.site-footer{margin-left:5%;margin-right:5%}}@media(max-width:760px){header{height:85px}nav{gap:13px}nav>a{display:none}.hero{grid-template-columns:1fr;gap:0;padding:35px 0}.hero h1{font-size:35px}.art{height:330px;width:360px;max-width:100%;margin:15px auto}.orbit{width:280px;height:280px;left:15px}.paper{width:190px;height:250px}.front{left:110px;top:35px}.front footer{width:140px}.front strong{font-size:23px}.section-title{align-items:flex-start;gap:15px;flex-direction:column}.section-title>span{display:none}.grid,.manage-grid{grid-template-columns:1fr}.search,.search input{width:100%}.site-footer{gap:15px;flex-wrap:wrap}.resource{gap:10px;padding:15px 10px}.resource .outline{padding:7px 10px}.art-label{right:15px}.brand span{font-size:17px}}