:root{--brown:#85532f;--dark:#503720;--cream:#f8f5f0;--muted:#8c8075;--line:#ece5dd;--green:#459c6c}*{box-sizing:border-box}body{margin:0;color:#302b26;background:var(--cream);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid var(--brown);background:var(--brown);color:white;padding:10px 20px;border-radius:7px;display:inline-block}button:hover,.button:hover{filter:brightness(1.1)}.outline{background:transparent;color:var(--brown)}h1,h2,h3,p{margin-top:0}p{line-height:1.85}.wrap{max-width:1240px;margin:auto;padding:0 36px}.site-nav{display:flex;align-items:center;justify-content:space-between;padding:23px 0}.brand{font-size:21px;font-weight:700;letter-spacing:1px}.brand span{color:var(--brown);font-size:31px;margin-right:10px}.nav-links{display:flex;gap:28px;align-items:center;font-size:14px}.eyebrow{color:var(--brown);letter-spacing:3px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding:68px 0 90px;align-items:center}.hero h1{font-size:58px;line-height:1.25;font-weight:600;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--brown)}.hero p{color:#807366;max-width:460px}.hero-photo{height:440px;border-radius:160px 160px 14px 14px;object-fit:cover;object-position:75% center;width:100%}.hero-media{position:relative}.floating{position:absolute;bottom:22px;left:-25px;background:white;padding:21px 28px;border-radius:12px;box-shadow:0 12px 35px #50372015}.floating small{display:block;color:var(--muted);margin-top:8px}.section{padding:75px 0;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2{font-size:34px;font-weight:600}.muted{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature{background:#fff;padding:28px;border:1px solid var(--line);border-radius:12px}.feature b{font-size:27px;color:var(--brown)}.feature h3{margin:22px 0 10px}.feature p{font-size:14px;color:var(--muted)}.showcase{display:grid;grid-template-columns:230px 1fr;gap:35px}.showcase img{width:100%;border-radius:10px;box-shadow:0 12px 40px #50372017}.tabs button{display:block;background:none;color:var(--muted);border:0;border-left:2px solid var(--line);border-radius:0;width:100%;text-align:left;padding:16px}.tabs button.active{border-color:var(--brown);color:var(--brown);background:#eee5da}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.flow strong{display:block;color:#c5a17c;font-size:36px;font-weight:400;margin-bottom:18px}.cta{background:#624329;color:white;border-radius:18px;padding:45px;display:flex;justify-content:space-between;align-items:center}.cta p{margin:0;color:#e8d7c4}.cta .button{background:#f0d9b8;color:#503720;border:0}footer{padding:35px 0;color:var(--muted);font-size:13px;display:flex;justify-content:space-between}.app-header{height:106px;background:linear-gradient(90deg,#684023 20%,#68402340),url('assets/hero.webp') center/cover;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.app-header small{display:block;font-size:13px;font-weight:400;letter-spacing:2px;color:#eacda7;margin:7px 0}.app-shell{display:grid;grid-template-columns:200px 1fr;min-height:calc(100vh - 106px)}aside{background:linear-gradient(145deg,#6d4829,#493422);padding:18px 12px;color:#f3e7d6}aside a{display:block;padding:14px;border-radius:8px;margin:4px 0;font-size:15px}aside a.active,aside a:hover{background:#93613a}aside a span{display:inline-block;width:29px}.aside-note{padding:40px 10px;color:#efcb95;font-size:13px;line-height:2}main.workspace{padding:20px 25px;min-width:0}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:20px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.page-heading h1{font-size:27px}.demo-banner{font-size:12px;color:var(--brown);background:#eee3d4;padding:9px 15px;border-radius:6px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:15px 0 22px}.stat{background:linear-gradient(120deg,#fff1e6,white);border:1px solid #eee7df;padding:22px;border-radius:12px;display:flex;gap:17px;align-items:center;box-shadow:0 3px 12px #51391f06}.stat:nth-child(2){background:linear-gradient(120deg,#eef7ee,white)}.stat:nth-child(3){background:linear-gradient(120deg,#eef4fe,white)}.stat:nth-child(4){background:linear-gradient(120deg,#f2edfe,white)}.stat i{font-style:normal;font-size:27px;color:#a97440}.stat strong{display:block;font-size:29px;line-height:1.3}.stat small{color:#88796c}.panel{background:#fffdfa;border:1px solid var(--line);padding:23px;border-radius:12px;box-shadow:0 3px 14px #51391f05;margin-bottom:18px}.panel h2{font-size:18px}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.filters input,.filters select{max-width:240px}input,select,textarea{border:1px solid #e5dcd0;border-radius:6px;padding:10px;background:#fff;color:#42382f}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;background:#f5eee5;padding:14px 10px;font-weight:600}td{padding:16px 10px;border-bottom:1px solid #f1ebe4}td button{font-size:12px;padding:5px 12px;margin:2px}.table-scroll{overflow:auto}.badge{display:inline-block;font-size:12px;border-radius:18px;background:#e7f2e8;color:#39815a;padding:5px 12px;white-space:nowrap}.badge.warn{background:#fff0d7;color:#ad6a22}.badge.danger{background:#ffe8e1;color:#b34e37}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.person{padding:16px}.person img{width:100%;height:125px;object-fit:cover;border-radius:8px;background:#efe8df}.person h3{margin:16px 0 10px;font-size:20px}.person p{font-size:13px;margin-bottom:8px}.person button{padding:7px 12px;font-size:12px;margin:9px 3px 0 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.donut{width:176px;height:176px;border-radius:50%;background:conic-gradient(#f89c35 0 40%,#a16a38 40% 70%,#65ae81 70% 90%,#e3d5b1 90%);position:relative;margin:20px auto}.donut:before{content:'';position:absolute;inset:25px;background:#fffdfa;border-radius:50%}.donut span{position:absolute;inset:57px 0;text-align:center;font-size:25px;font-weight:700}.legend{display:grid;gap:12px;font-size:13px}.legend div{display:flex;justify-content:space-between}.chart{width:100%;height:240px}.todo{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:14px}.list-item{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.list-item img{width:145px;border-radius:8px}.list-item .grow{flex:1}.list-item h3{font-size:18px;margin:0 0 9px}.list-item p{font-size:13px;margin:0;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:14px;max-width:560px;width:calc(100% - 32px);padding:28px;box-shadow:0 20px 100px #30211133}dialog::backdrop{background:#30211166}dialog label{display:block;font-size:13px;margin:15px 0}dialog input,dialog select,dialog textarea{display:block;width:100%;margin-top:7px}.dialog-actions{display:flex;justify-content:end;gap:12px;margin-top:24px}.empty{padding:40px;text-align:center;color:var(--muted)}.toast{position:fixed;right:25px;bottom:25px;background:#503720;color:white;padding:15px 25px;border-radius:8px;z-index:10}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference-grid img{width:100%}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.stat{padding:15px}.stat strong{font-size:24px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.wrap{padding:0 20px}.nav-links a:not(.button){display:none}.brand{font-size:16px}.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.hero h1{font-size:40px}.hero-photo{height:300px}.floating{left:10px}.feature-grid,.flow,.grid2,.showcase{grid-template-columns:1fr}.section{padding:45px 0}.showcase .tabs{display:flex;overflow:auto}.tabs button{min-width:120px}.cta{display:block;padding:28px}.cta .button{margin-top:20px}.app-shell{grid-template-columns:1fr}aside{display:flex;overflow:auto;padding:8px}aside a{white-space:nowrap;font-size:13px;padding:10px}.aside-note{display:none}.app-header{height:90px;padding:15px}.app-header .brand{font-size:17px}.app-header small{font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px;gap:8px}.stat strong{font-size:23px}.stat i{font-size:20px}main.workspace{padding:16px}.cards{grid-template-columns:repeat(2,1fr)}.person img{height:110px}.reference-grid{grid-template-columns:1fr}.list-item{flex-wrap:wrap}.section-title{display:block}footer{gap:20px}.page-heading h1{font-size:23px}}

.page-heading{flex-wrap:wrap}.page-heading h1{margin-right:auto}.page-heading>a{font-size:13px}.page-heading>button{font-size:13px}