@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";.cx-demo{color:#25312c;overflow-wrap:anywhere;background:#fff;min-height:340px;padding:clamp(18px,4cqi,36px);line-height:1.7;position:relative}.cx-demo h2{letter-spacing:-.025em;text-wrap:balance;margin:0 0 14px;font-size:clamp(22px,4cqi,32px);line-height:1.4}.cx-demo h3{margin:0 0 14px;font-size:22px;line-height:1.4}.cx-demo p{max-width:70ch;margin:0 0 20px}.cx-demo button{font:inherit;color:#fff;cursor:pointer;background:#345d45;border:0;border-radius:7px;min-height:42px;padding:10px 16px;font-size:14px}.cx-demo button:hover{background:#244830}.cx-demo button:disabled{opacity:.5;cursor:default}.cx-demo button.cx-secondary{color:#25312c;background:#edf1e9}.cx-demo button.cx-secondary:hover{background:#dfe8d8}.cx-demo :focus-visible{outline-offset:3px;outline:3px solid #476c37}.cx-demo ::selection{color:#243d29;background:#dce8d7}.cx-demo input{font:inherit;accent-color:#345d45;caret-color:#345d45;max-width:100%}.cx-demo input:not([type=range]):not([type=file]){box-sizing:border-box;color:#25312c;background:#fff;border:1px solid #a7b2a6;border-radius:7px;width:100%;padding:12px}.cx-demo input::placeholder{color:#5b665e}.cx-demo label{margin-top:14px;display:block}.cx-demo input[type=range]{width:100%;margin:12px 0 24px;display:block}.cx-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.cx-dialog{color:#25312c;box-sizing:border-box;background:#fff;border:0;border-radius:14px;max-width:calc(100vw - 48px);max-height:80vh;padding:24px;line-height:1.7;overflow:auto;box-shadow:0 20px 70px #172a2940}.cx-dialog::backdrop{background:#172a2966}.cx-dialog h3{margin:0 0 14px}.cx-dialog p{margin:0 0 20px}.cx-drawer{animation:cx-enter var(--cx-duration) cubic-bezier(.16,1,.3,1);margin-right:24px}.cx-dialog dd{margin-bottom:16px;margin-left:0}.cx-dialog dt{color:#536157}.cx-tooltip-wrap{max-width:100%;padding-bottom:130px;display:inline-block;position:relative}.cx-tooltip{box-sizing:border-box;max-width:min(100%,280px);width:var(--cx-tip-width);color:#fff;z-index:2;margin-top:var(--cx-tip-offset);background:#253d2d;border-radius:8px;padding:14px;font-size:13px;position:absolute;top:42px;left:0;box-shadow:0 8px 18px #253d2d26}.cx-small{color:#536157;font-size:13px}.cx-command{text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;color:#25312c!important;background:#fff!important;border-radius:0!important;display:flex!important}.cx-command.cx-current{background:#e8eedf!important}.cx-dialog [role=listbox]{margin:14px 0}.cx-toast-stack{gap:10px;margin-top:24px;display:grid}.cx-toast{color:#fff;background:#253d2d;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cx-toast button{color:#253d2d;background:#fff;min-height:36px;padding:6px 10px}.cx-toast button:hover{background:#e8eedf}.cx-range-value{font-variant-numeric:tabular-nums;color:#345d45;font-size:32px}.cx-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;max-width:390px;margin-bottom:20px;display:grid}.cx-calendar button{min-width:0;min-height:var(--cx-cell);color:#25312c;font-variant-numeric:tabular-nums;background:#edf1e9;padding:4px}.cx-calendar button:hover{background:#dce8d7}.cx-calendar button[aria-pressed=true]{color:#fff;background:#345d45}.cx-weekday{text-align:center;color:#536157;padding:6px 0;font-size:13px}.cx-drop{background:#f3f5ef;border:1px dashed #85947d;border-radius:10px;padding:24px 16px}.cx-drop-active{background:#dce8d7}.cx-drop p{margin-bottom:12px}.cx-drop input{width:100%;font-size:13px}.cx-error{color:#913923;margin-top:14px!important}.cx-files{gap:12px;margin:20px 0;padding:0;list-style:none;display:grid}.cx-files li{border-bottom:1px solid #dfe4dc;justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.cx-files span{overflow-wrap:anywhere;min-width:0}.cx-files small{color:#536157;font-size:12px;display:block}.cx-thumb{box-sizing:border-box;color:#25312c;background:#e9eee4;flex-direction:column;gap:10px;height:100%;min-height:180px;padding:22px;font-size:11px;line-height:1.6;display:flex;position:relative;overflow:hidden}.cx-thumb-title{margin-bottom:8px;font-size:13px;font-weight:600}.cx-thumb-window{background:#fff;border-radius:10px;flex-wrap:wrap;gap:8px;max-width:220px;padding:14px;display:flex;box-shadow:0 8px 20px #253d2d18}.cx-thumb-window b,.cx-thumb-window span{width:100%}.cx-thumb-window strong,.cx-thumb-chip{color:#fff;background:#345d45;border-radius:4px;padding:5px 10px;font-style:normal}.cx-thumb-window i{background:#edf1e9;padding:5px 10px;font-style:normal}.cx-thumb-sheet{background:#fff;border-radius:10px 0 0 10px;align-self:flex-end;gap:12px;width:65%;min-height:130px;padding:16px;display:grid}.cx-thumb-chip{align-self:flex-start}.cx-thumb-notices{gap:8px;display:grid}.cx-thumb-notices span{color:#fff;background:#253d2d;border-radius:7px;padding:9px 14px}.cx-thumb-amount{color:#345d45;font-size:24px}.cx-thumb-track{background:#345d45;height:5px;margin:18px 0;position:relative}.cx-thumb-track i{background:#fff;border:2px solid #345d45;border-radius:50%;width:16px;height:16px;position:absolute;top:-8px;left:20%}.cx-thumb-track i+i{left:80%}.cx-thumb-calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cx-thumb-calendar span{text-align:center;background:#fff;border-radius:3px;padding:3px}.cx-thumb-calendar .cx-thumb-selected{color:#fff;background:#345d45}.cx-thumb-drop{border:1px dashed #85947d;border-radius:8px;gap:12px;padding:16px;display:grid}.cx-thumb-drop span{background:#fff;border-radius:4px;padding:7px}@keyframes cx-enter{0%{clip-path:inset(0 0 0 15%);transform:translate(35px)}to{clip-path:inset(0);transform:none}}@media (prefers-reduced-motion:reduce){.cx-drawer{animation:none}}@container (width<=430px){.cx-demo{padding:18px}.cx-demo h2{font-size:22px}.cx-dialog{max-width:calc(100vw - 28px);padding:18px!important}.cx-drawer{margin-right:14px}.cx-toast{gap:8px;padding:10px}.cx-calendar{gap:3px}.cx-calendar button{font-size:13px}.cx-drop{padding:16px 10px}.cx-files li{align-items:flex-start}}@container (width<=220px){.cx-thumb{gap:6px;min-height:0;padding:12px;font-size:9px;line-height:1.4}.cx-thumb-title{margin-bottom:4px;font-size:11px}.cx-thumb-window{flex-shrink:0;gap:5px;width:100%;padding:10px}.cx-thumb-window strong,.cx-thumb-chip,.cx-thumb-window i{padding:4px 7px}.cx-thumb-sheet{gap:8px;width:80%;min-height:90px;padding:10px}.cx-thumb-notices{gap:5px}.cx-thumb-notices span{padding:7px 9px}.cx-thumb-amount{white-space:nowrap;font-size:17px}.cx-thumb-track{min-height:5px;margin:11px 0}.cx-thumb-track i{width:12px;height:12px;top:-5px}.cx-thumb-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.cx-thumb-calendar span{min-width:0;padding:2px 0;font-size:8px}.cx-thumb-drop{gap:7px;padding:9px}.cx-thumb-drop span{overflow-wrap:anywhere;padding:5px}}.dx-demo{color:#25312c;overflow-wrap:anywhere;width:100%;min-width:0;font-size:13px;line-height:1.65}.dx-demo *,.dx-thumb *{box-sizing:border-box}.dx-demo h2{margin:0 0 20px;font-size:22px;line-height:1.4}.dx-demo h3{margin:0 0 12px;font-size:15px}.dx-local{color:#52604e;margin:0 0 10px;font-size:11px}.dx-demo button,.dx-demo input,.dx-demo select{font:inherit;color:#25312c;max-width:100%}.dx-demo button{cursor:pointer;background:#fff;border:1px solid #aebba6;border-radius:6px;min-height:36px;padding:7px 10px}.dx-demo button:hover{background:#e8eedf}.dx-demo button[aria-pressed=true],.dx-demo button[aria-selected=true]{color:#fff;background:#345d45;border-color:#345d45}.dx-demo button:disabled{color:#67716a;cursor:default;background:#edf1e9;border-color:#cbd3c7}.dx-demo :focus-visible{outline-offset:3px;outline:3px solid #476c37}.dx-demo input:not([type=radio]),.dx-demo select{background:#fff;border:1px solid #aebba6;border-radius:5px;width:100%;min-width:0;min-height:38px;padding:6px 9px}.dx-demo select{width:auto}.dx-demo input::placeholder{color:#596451;opacity:1}.dx-demo input{accent-color:#345d45;caret-color:#345d45}.dx-demo ::selection{color:#243d29;background:#dce8d7}.dx-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.dx-board{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dx-column{background:#e3e9dd;border-radius:8px;min-width:0;padding:10px}.dx-column h3{justify-content:space-between;display:flex}.dx-column article{background:#fff;border-radius:6px;margin-top:8px}.dx-column .dx-actions button{padding:4px 6px;font-size:11px}.dx-chart{width:100%;margin:12px 0;display:block}.dx-chart text{fill:#25312c;font-size:12px}.dx-demo table{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:left;width:100%}.dx-demo th,.dx-demo td{padding:var(--dx-cell,8px);height:var(--dx-row,auto);border-bottom:1px solid #cbd3c7}.dx-demo th{font-weight:600}.dx-demo caption{text-align:left;color:#52604e;padding:8px 0}.dx-feed{scrollbar-color:#839a76 #edf1e9;max-height:290px;margin:0 0 18px;padding:0;list-style:none;overflow:auto}.dx-feed li{border-bottom:1px solid #cbd3c7;padding:12px 0}.dx-feed p{color:#52604e;margin:4px 0}.dx-steps{flex-wrap:wrap;gap:12px;margin:0 0 22px;padding:0;list-style:none;display:flex}.dx-steps [aria-current=step]{color:#345d45;font-weight:700}.dx-fields{margin-bottom:20px;display:grid}.dx-fields label{gap:6px;display:grid}.dx-demo fieldset{border:1px solid #cbd3c7;min-width:0;padding:14px}.dx-demo fieldset label{gap:8px;margin:10px 0;display:flex}.dx-error{color:#983324}.dx-table-wrap{scrollbar-color:#839a76 #edf1e9;max-width:100%;overflow:auto}.dx-table-wrap table{min-width:340px}.dx-table-wrap input{width:100px!important}.dx-table-wrap td:first-child input{width:150px!important}.dx-node{text-align:left;align-items:center;gap:10px;width:100%;display:flex;border:none!important;border-radius:0!important}.dx-node-kind{color:#52604e;flex-shrink:0;font-size:10px}.dx-node[aria-selected=true] .dx-node-kind{color:#fff}.dx-sort{padding:0;list-style:none;display:grid}.dx-sort li{cursor:grab;background:#fff;border:1px solid #cbd3c7;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;display:flex}.dx-sort .dx-actions{flex-shrink:0;margin:0}.dx-shortcut{background:#f7f8f5;border:1px solid #aebba6;border-radius:8px;padding:14px}.dx-notes{flex-direction:column;padding:0;list-style:none;display:flex}.dx-notes button{text-align:left;width:100%}.dx-shortcut>label{gap:6px;display:grid}.dx-thumb{color:#25312c;width:100%;max-width:310px;padding:18px;font-size:10px;line-height:1.6}.dx-thumb strong{font-size:12px}.dx-thumb p{margin:8px 0}.dx-thumb small{color:#52604e;font-size:8px;display:block}.dx-thumb span{color:#52604e;font-size:9px}.dx-mini-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.dx-mini-board section{background:#dce5d6;border-radius:4px;padding:7px}.dx-mini-board strong{font-size:10px}.dx-mini-board p{background:#fff;border-radius:3px;padding:7px 4px;font-size:8px}.dx-thumb svg{width:100%;height:110px;display:block}.dx-thumb-line{background:#fff;border-radius:4px;padding:8px 10px}.dx-thumb-steps{justify-content:space-between;margin-bottom:14px;display:flex}.dx-thumb table{text-align:left;border-collapse:collapse;width:100%;margin-top:10px}.dx-thumb td,.dx-thumb th{border-bottom:1px solid #cbd3c7;padding:6px}.dx-thumb-edit{background:#dce8d7}.dx-mini-tree{border-left:1px solid #aebba6;padding-left:14px}.dx-mini-tree p:not(:first-child){padding-left:14px}.dx-thumb-key{background:#dce8d7;border-radius:4px;padding:8px}@container (width<=520px){.dx-board{grid-template-columns:1fr}.dx-demo h2{font-size:20px}.dx-sort li{flex-direction:column;align-items:flex-start}.dx-shortcut{padding:10px}.dx-steps{gap:8px;font-size:12px}}@container (width<=220px){.dx-thumb{padding:10px;font-size:9px;line-height:1.45}.dx-thumb strong{font-size:10px}.dx-thumb p{margin:3px 0}.dx-thumb small{font-size:8px;line-height:1.35}.dx-thumb span{font-size:8px}.dx-thumb-line{padding:3px 6px}.dx-thumb svg{height:78px}.dx-mini-board{gap:3px}.dx-mini-board section{padding:4px}.dx-mini-board strong{font-size:9px}.dx-mini-board p{padding:4px 2px;font-size:8px}.dx-thumb-steps{gap:4px;margin-bottom:8px;font-size:8px}.dx-thumb-steps span{font-size:8px}.dx-thumb table{margin-top:6px}.dx-thumb td,.dx-thumb th{padding:4px}.dx-mini-tree,.dx-mini-tree p:not(:first-child){padding-left:10px}.dx-thumb-key{padding:5px}}@media (prefers-reduced-motion:reduce){.dx-demo *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ex-demo{color:#24313b;text-align:center;--ex-duration:.35s;width:100%;max-width:720px;margin:auto}.ex-demo h3{margin:0 0 18px;font-size:23px;font-weight:650;line-height:1.5}.ex-demo p{line-height:1.7}.ex-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.ex-button{font:inherit;color:#24313b;cursor:pointer;background:#fff;border:1px solid #b9c4cb;border-radius:7px;min-height:44px;padding:10px 15px}.ex-button:hover{background:#e8eef2}.ex-button:disabled{color:#59656b;cursor:default;background:#edf0f1}.ex-button[aria-pressed=true]{color:#fff;background:#243b50}.ex-demo :focus-visible{outline-offset:4px;outline:3px solid #305d8b}.ex-note{color:#465865;margin:16px 0 0;font-size:12px}.ex-demo ::selection{color:#24313b;background:#cfdfec}.ex-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ex-flip-shell{perspective:1000px;width:min(100%,350px);height:245px;margin:0 auto 24px}.ex-flip-body{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--ex-duration) ease-in-out;position:relative}.ex-flip-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:center;padding:24px;display:flex;position:absolute;inset:0}.ex-flip-front{color:#f5f3e9;background:#213d53}.ex-flip-face h3{margin:0 0 12px;font-size:22px}.ex-flip-face p{margin:12px 0 0;font-size:13px}.ex-flip-mark{clip-path:polygon(50% 0,100% 45%,50% 100%,0 55%);background:#e7b56f;width:80px;height:64px;margin:auto}.ex-flip-back{color:#4a3426;background:#f1d8b9}.ex-flip-back span{margin-top:18px;font-size:12px}.ex-poster{cursor:zoom-in;aspect-ratio:360/230;background:#ede8da;border:0;border-radius:6px;width:min(100%,480px);margin:auto;padding:0;display:block;overflow:hidden}.ex-poster[aria-pressed=true]{cursor:zoom-out}.ex-poster-art{width:100%;height:100%;transition:transform var(--ex-duration) ease-out}.ex-poster svg{width:100%;height:100%;display:block}.ex-depth-stage{background:#e1e8e1;border-radius:12px;max-width:480px;height:245px;margin:auto;position:relative;overflow:hidden}.ex-depth-stage>div{transition:transform var(--ex-duration) ease-out;position:absolute}.ex-depth-back{width:200px;height:200px;transform:translate(calc(var(--ex-x)*var(--ex-depth)*-.5),calc(var(--ex-y)*var(--ex-depth)*-.5));border:22px solid #527965;border-radius:50%;top:10px;left:18%}.ex-depth-mid{width:180px;height:130px;transform:translate(calc(var(--ex-x)*var(--ex-depth)*.35),calc(var(--ex-y)*var(--ex-depth)*.35));background:#e1b980;top:80px;left:42%}.ex-depth-front{clip-path:polygon(0 0,100% 15%,80% 100%,10% 80%);width:120px;height:105px;transform:translate(calc(var(--ex-x)*var(--ex-depth)),calc(var(--ex-y)*var(--ex-depth)));background:#254d40;top:110px;left:28%}.ex-depth-stage>span{color:#254d40;font-size:12px;font-weight:600;position:absolute;bottom:14px;left:18px}.ex-stagger-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:500px;margin:auto;display:grid}.ex-grid-item{background:#f4eadd;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:115px;padding:18px 12px 10px;display:flex}.ex-grid-item:nth-child(2n){background:#dbe6ed}.ex-grid-item h4{color:#324251;margin:8px 0 0;font-size:13px}.ex-grid-symbol{background:#98613b;width:42px;height:42px;display:block}.ex-grid-symbol-0{background:linear-gradient(90deg,#0000 40%,#98613b 40% 50%,#0000 50%)}.ex-grid-symbol-1{background:#31546e;border-radius:50%}.ex-grid-symbol-2{background:#b95238;border-radius:4px}.ex-grid-symbol-3{background:#31546e;width:28px}.ex-grid-symbol-4{background:0 0;border:3px solid #98613b}.ex-grid-symbol-5{background:linear-gradient(90deg,#31546e 25%,#0000 25% 45%,#31546e 45% 65%,#0000 65% 80%,#31546e 80%)}.ex-stagger-grid[data-started=true] .ex-grid-item{animation:ex-enter var(--ex-duration) ease-out both;animation-play-state:var(--ex-play)}@keyframes ex-enter{0%{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ex-morph-stage{background:#ede5de;border-radius:12px;place-items:center;min-height:240px;margin-bottom:22px;display:grid;position:relative}.ex-morph-shape{z-index:1;background:#9e4c35;border-radius:25%;width:160px;height:160px;position:relative}.ex-morph-guide{border:1px dashed #9b7260;width:198px;height:198px;position:absolute;transform:rotate(12deg)}.ex-morph-shape[data-started=true]{animation:ex-morph var(--ex-period) ease-in-out infinite;animation-play-state:var(--ex-play)}@keyframes ex-morph{0%,to{border-radius:25%;transform:rotate(0)}50%{border-radius:var(--ex-round) var(--ex-counter) var(--ex-counter) var(--ex-round);transform:rotate(12deg)}}.ex-marquee-demo{color:#f3ead7;background:#263d50;border-radius:12px;padding:25px 0;overflow:hidden}.ex-marquee-demo h3{padding:0 18px}.ex-marquee{color:#263d50;background:#e7b874;margin:24px 0;padding:30px 0;overflow:hidden}.ex-marquee-track{--ex-gap:32px;width:max-content;display:flex}.ex-marquee-copy{flex-shrink:0;display:flex}.ex-marquee-copy span{align-items:center;gap:var(--ex-gap);padding-right:var(--ex-gap);white-space:nowrap;font-size:30px;font-weight:650;display:flex}.ex-marquee-copy svg{stroke:#263d50;stroke-width:2px;flex-shrink:0;width:16px;height:16px}.ex-marquee-track[data-started=true]{animation:ex-marquee var(--ex-period) linear infinite;animation-play-state:var(--ex-play)}.ex-marquee-demo:hover .ex-marquee-track,.ex-marquee-demo:focus-within .ex-marquee-track{animation-play-state:paused}.ex-marquee-demo .ex-note{color:#e8dfce;padding:0 16px}@keyframes ex-marquee{to{transform:translate(-50%)}}.ex-compare{text-align:left;grid-template-columns:1fr 1fr;gap:18px;display:grid}.ex-compare figure{min-width:0;margin:0}.ex-compare figcaption{margin-bottom:10px;font-size:13px;font-weight:600}.ex-sheet{background:#f6deb9;border-radius:6px;align-items:center;min-height:270px;padding:40px 18px;display:flex}.ex-sheet article{color:#24313b;z-index:1;background:#fff;width:100%;padding:20px 16px;position:relative}.ex-sheet h3{margin:0 0 10px;font-size:21px;line-height:1.6}.ex-sheet p{margin:0 0 20px;font-size:13px;line-height:1.9}.ex-sheet article>span{font-size:11px}.ex-paper-compare .ex-sheet{background:#fbf5e9;position:relative}.ex-paper-compare .ex-variable:before{content:"";border-radius:inherit;background-image:radial-gradient(#3b3028 .7px,#0000 .9px);background-size:var(--ex-dot) var(--ex-dot);opacity:var(--ex-ink);position:absolute;inset:0}.ex-paper-compare article{color:#3b3028;background:#fbf5e9}.ex-thumb{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ex-thumb b{font-size:14px;line-height:1.7}.ex-thumb small,.ex-thumb span{font-size:10px}.ex-cover-flip{background:#dfe7eb;gap:10px;padding:18px}.ex-cover-flip>div{color:#f5f3e9;background:#213d53;border-radius:7px;flex-direction:column;justify-content:center;gap:12px;width:43%;height:125px;padding:17px 12px;display:flex;transform:rotate(-7deg)}.ex-cover-flip>div+div{color:#4a3426;background:#f1d8b9;transform:rotate(7deg)}.ex-cover-zoom{background:#ede8da;flex-direction:column;gap:3px}.ex-cover-poster{width:190px;height:125px;margin-bottom:6px;position:relative;overflow:hidden}.ex-cover-poster i{background:#dfaa65;border-radius:50%;width:100px;height:100px;position:absolute;top:10px;left:55px}.ex-cover-poster em{border:12px solid #233b55;border-radius:70px 70px 0 0;width:122px;height:130px;position:absolute;top:20px;left:35px}.ex-cover-poster span{background:#a94133;width:60px;height:33px;position:absolute;top:70px;left:115px}.ex-cover-depth{background:#e1e8e1}.ex-cover-depth i{border:16px solid #527965;border-radius:50%;width:125px;height:125px;position:absolute;top:20px;left:22%}.ex-cover-depth em{background:#e1b980;width:120px;height:85px;position:absolute;top:70px;left:43%}.ex-cover-depth>span{clip-path:polygon(0 0,100% 15%,80% 100%,10% 80%);background:#254d40;width:80px;height:70px;position:absolute;top:85px;left:32%}.ex-cover-depth>b{color:#254d40;position:absolute;bottom:15px}.ex-cover-grid{background:#f8f4ec;grid-template-columns:repeat(3,1fr);gap:9px;padding:20px;display:grid}.ex-cover-grid>div{background:#e2e9eb;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.ex-cover-grid .ex-grid-symbol{width:25px;height:25px}.ex-cover-grid b{margin-top:4px;font-size:10px}.ex-cover-morph{color:#723b2b;background:#ede5de;flex-direction:column;gap:18px}.ex-cover-morph>i{background:#9e4c35;border-radius:50% 35% 35% 50%;width:100px;height:100px;transform:rotate(12deg)}.ex-cover-marquee{color:#f3ead7;background:#263d50;flex-direction:column;align-items:flex-start;gap:5px;padding:24px 35px}.ex-cover-marquee b{white-space:nowrap;font-size:24px}.ex-cover-marquee b:nth-child(2){color:#e7b874;margin-left:25px}.ex-cover-marquee span{margin-top:8px}.ex-cover-compare{background:#edf0f0;gap:10px;padding:16px}.ex-cover-compare>div{background:#f6deb9;flex-direction:column;flex:1;justify-content:center;gap:15px;height:155px;padding:22px 10px;display:flex}.ex-cover-compare b{color:#24313b;background:#fff;padding:10px 8px;font-size:13px}.ex-cover-gradient>div+div{background:linear-gradient(135deg,#f6deb9,#cadcf0 70%)}.ex-cover-texture>div{background:#fbf5e9}.ex-cover-texture>div+div{background-color:#fbf5e9;background-image:radial-gradient(#3b302826 .7px,#0000 .9px);background-size:6px 6px}.ex-cover-texture b{color:#3b3028;background:#fbf5e9}@container (width<=460px){.ex-demo h3{font-size:20px}.ex-compare{grid-template-columns:1fr;gap:22px}.ex-sheet{min-height:190px;padding:25px 20px}.ex-sheet article{padding:16px}.ex-stagger-grid{gap:8px}.ex-grid-item{min-height:100px;padding:12px 6px}.ex-depth-stage{height:225px}.ex-depth-back{width:170px;height:170px;left:10%}.ex-depth-mid{width:140px;left:40%}.ex-depth-front{width:100px;left:24%}.ex-button{padding:9px 11px}.ex-marquee-copy span{font-size:25px}.ex-flip-shell{height:225px}.ex-flip-face{padding:22px}.ex-controls{gap:7px}}@media (prefers-reduced-motion:reduce){.ex-flip-body,.ex-poster-art,.ex-depth-stage>div{transition:none}.ex-stagger-grid .ex-grid-item,.ex-morph-shape,.ex-marquee-track{animation:none!important}.ex-depth-stage>div{transform:none}.ex-grid-item{opacity:1;transform:none}.ex-flip-body{transform-style:flat}.ex-flip-face[aria-hidden=true]{visibility:hidden}}@container (width<=220px){.ex-cover-flip{gap:8px;padding:12px}.ex-cover-flip>div{flex:1;gap:14px;width:auto;min-width:0;height:116px;padding:12px 7px;transform:rotate(-6deg)}.ex-cover-flip>div+div{transform:rotate(6deg)}.ex-cover-flip b{word-break:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.ex-cover-flip span{white-space:nowrap;font-size:9px;line-height:1.5}.ex-cover-depth i{border-width:12px;width:90px;height:90px;top:18px;left:18%}.ex-cover-depth em{width:90px;height:62px;top:55px;left:41%}.ex-cover-depth>span{width:60px;height:52px;top:71px;left:25%}.ex-cover-depth>b{font-size:11px;line-height:1.6;bottom:12px}}.sd-demo{color:#25312c;overflow-wrap:anywhere;text-align:left;background:#fff;border:1px solid #dce3d8;border-radius:12px;width:100%;min-width:0;max-width:800px;padding:24px;font-size:14px;line-height:1.7;container-type:inline-size}.sd-demo *{box-sizing:border-box;min-width:0}.sd-demo h2{letter-spacing:-.03em;margin:0 0 12px;font-size:26px;line-height:1.35}.sd-demo h3{margin:0 0 8px;font-size:17px;line-height:1.5}.sd-demo p{margin:8px 0 16px}.sd-demo small{color:#626d64;font-size:11px}.sd-demo button,.sd-demo select,.sd-demo input{font:inherit;line-height:1.4}.sd-demo button{cursor:pointer;color:inherit;border-radius:var(--sd-radius,7px);white-space:normal;background:#fff;border:1px solid #ccd6c7;max-width:100%;padding:9px 12px}.sd-demo button:hover{background:#edf3e8}.sd-demo button[aria-pressed=true],.sd-demo button[aria-current=page],.sd-demo button[aria-current=location],.sd-demo .sd-primary{color:#fff;background:#345d45;border-color:#345d45}.sd-demo button:disabled{opacity:.45;cursor:default}.sd-demo :is(button,input,select,[tabindex]):focus-visible{outline-offset:3px;outline:3px solid #56773b}.sd-demo select,.sd-demo input:not([type=checkbox],[type=radio]){color:#25312c;background:#fff;border:1px solid #ccd6c7;border-radius:6px;max-width:100%;padding:10px}.sd-demo input:is([type=checkbox],[type=radio]){accent-color:#345d45;flex:none;width:18px;height:18px}.sd-demo fieldset{border:0;padding:0}.sd-demo legend{font-weight:600}.sd-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sd-controls{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.sd-grid{gap:14px;display:grid}.sd-panel,.sd-detail{background:#f7f9f4;border:1px solid #dfe6da;border-radius:10px;margin:12px 0;padding:18px}.sd-feedback{color:#345d45;min-height:22px;font-size:12px;margin-top:18px!important}.sd-portfolio-head{padding:14px 0 20px}.sd-portfolio-head h2{margin-top:15px;font-size:32px}.sd-project-card{text-align:left;overflow:hidden;padding:0!important}.sd-project-card h3,.sd-project-card small{margin:10px 12px;display:block}.sd-art{background:#e6dfce;justify-content:center;align-items:center;gap:10px;height:140px;display:flex;position:relative;overflow:hidden}.sd-art i{background:#7b6e48;width:48px;height:70px;display:block;transform:rotate(-14deg)}.sd-art i:nth-child(2){background:#ae8e65;height:90px;transform:rotate(9deg)}.sd-art i:nth-child(3){background:#d5b78a;width:28px}.sd-art-1{background:#dce7dc}.sd-art-1 i{background:#4f7253;border-radius:70px 70px 0 0}.sd-art-1 i:nth-child(2){background:#94ab80}.sd-art-2{background:#e0e6f0}.sd-art-2 i{background:#627b9a;border-radius:8px;transform:rotate(0)}.sd-reader{background:#fbfaf6;border-radius:8px;padding:18px}.sd-reading-layout{grid-template-columns:105px minmax(0,1fr);gap:24px;display:grid}.sd-reading-layout nav{flex-direction:column;gap:8px;display:flex}.sd-reading-layout article section{margin:22px 0;scroll-margin-top:20px}.sd-reading-layout article h2{font-size:1.6em}.sd-reading-layout article h3{font-size:1.12em}.sd-night{color:#edf1e9;background:#26322c}.sd-night small{color:#b9c8ba}.sd-night button{color:#fff;background:#33483c;border-color:#718a73}.sd-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sd-metrics section{background:#edf2e8;border-radius:9px;padding:14px}.sd-metrics strong{font-size:30px;display:block}.sd-bars{align-items:end;gap:12px;height:120px;padding-bottom:20px;display:flex}.sd-bars>span{background:#638565;border-radius:4px 4px 0 0;flex:1;position:relative}.sd-bars small{position:absolute;bottom:-21px;left:50%;transform:translate(-50%)}.sd-check{border-bottom:1px solid #dfe6da;align-items:center;gap:10px;padding:12px 0;display:flex}.sd-check small{margin-left:auto}.sd-product{border:1px solid #d9e1d4;padding:16px;overflow:hidden}.sd-product-image{border-radius:8px;place-items:center;margin-bottom:20px;display:grid}.sd-cup{background:#477252;border-radius:8px 8px 26px 26px;width:80px;height:90px;position:relative;box-shadow:inset 0 6px #fff3}.sd-cup:after{content:"";border:10px solid #477252;border-color:inherit;border-radius:0 22px 22px 0;width:35px;height:47px;position:absolute;top:14px;right:-26px}.sd-price{font-size:26px;display:block}.sd-timeline{border-left:2px solid #91a484;padding-left:16px;list-style:none}.sd-timeline li{padding:10px 0}.sd-sidebar-layout{gap:18px;display:grid}.sd-sidebar-layout nav{background:#eff3eb;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.sd-sidebar-layout section{padding:16px 0}.sd-sidebar-layout nav button{text-align:left;padding:10px}.sd-pricing{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.sd-pricing .sd-panel{margin:0;padding:14px}.sd-pricing .sd-recommended{background:#edf3e8;border:2px solid #345d45}.sd-table-wrap{max-width:100%;overflow:auto}.sd-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:310px;font-size:13px}.sd-table-wrap caption{text-align:left;padding:10px 0;font-size:12px}.sd-table-wrap th,.sd-table-wrap td{padding:var(--sd-cell);white-space:nowrap;border-bottom:1px solid #e1e6dc}.sd-table-wrap thead{background:#eaf0e6}.sd-table-wrap th{font-weight:600}.sd-striped tbody tr:nth-child(2n){background:#f1f5ed}.sd-list-item{border-bottom:1px solid #e0e5dc;align-items:center;gap:12px;padding:12px 0;display:flex}.sd-list-item>div:nth-last-child(2){flex:1}.sd-list-item>button{padding:8px;font-size:12px}.sd-mini-art{flex:none;place-items:center;width:58px;height:62px;display:grid}.sd-mini-art i{background:#6a8561;border-radius:22px 22px 0 0;width:25px;height:35px;display:block}.sd-text-button{text-align:left;border:0!important;padding:4px 0!important;font-weight:600!important;display:block!important}.sd-result-list{margin:14px 0;padding:0;list-style:none}.sd-result-list li{border-bottom:1px solid #e0e6da;justify-content:space-between;align-items:center;gap:12px;padding:14px 4px;display:flex}.sd-result-list strong{font-size:14px}.sd-search{gap:9px;margin:18px 0;display:grid}.sd-search-result{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex;padding:16px!important}.sd-crumbs{flex-wrap:wrap;align-items:center;margin:8px 0 22px;padding:0;list-style:none;display:flex}.sd-crumbs button{color:#345d45;border:0;padding:4px;text-decoration:underline}.sd-crumbs li{align-items:center;gap:4px;font-size:12px;display:flex}.sd-accordion{border-bottom:1px solid #dde5d5}.sd-accordion h3{margin:0}.sd-accordion button{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-weight:600;display:flex}.sd-accordion p{color:#606d61;margin:14px 0 0}.sd-accordion p[hidden]{display:none}.sd-tabs{border-bottom:1px solid #d9e2d2;flex-wrap:wrap;display:flex}.sd-tabs button{background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0}.sd-tabs button[aria-selected=true]{color:#345d45;border-bottom-color:#345d45;font-weight:600}.sd-tabs.sd-filled{border:0}.sd-tabs.sd-filled button{border:0;border-radius:7px}.sd-tabs.sd-filled button[aria-selected=true]{color:#fff;background:#345d45}.sd-notice{color:#2d4265;background:#e9eef9;border:1px solid #b8c8e4;border-radius:9px}.sd-tone-成功{color:#2e5135;background:#e9f1e5;border-color:#aec4a6}.sd-tone-警告{color:#6b4a19;background:#fbf0dc;border-color:#dbc28e}.sd-notice p{margin:8px 0}.sd-account{min-height:260px;position:relative}.sd-avatar-trigger{align-items:center;gap:10px;display:flex}.sd-avatar{background:#e2eadc;border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.sd-avatar-menu{background:#fff;border:1px solid #d6e0ce;gap:4px;width:210px;max-width:100%;margin:8px 0;padding:6px;display:grid;position:relative;box-shadow:0 10px 25px #293c2920}.sd-avatar-menu button{text-align:left;border:0}.sd-mobile-app{border:1px solid #dfe5d9;border-radius:18px;flex-direction:column;max-width:360px;min-height:340px;margin:auto;display:flex;overflow:hidden}.sd-mobile-app header{padding:20px}.sd-mobile-content{background:#f4f7f0;flex:1;padding:16px 20px}.sd-mobile-symbol{color:#5d805c;font-size:58px;line-height:1.5;display:block}.sd-bottom-nav{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:4px;padding:8px;display:grid}.sd-bottom-nav button{border:0;place-content:center;gap:3px;padding:5px 2px;font-size:11px;display:grid}.sd-bottom-nav button>span{font-size:21px}.sd-bottom-line button[aria-current=page]{color:#345d45;background:#fff;border-bottom:3px solid #345d45;border-radius:0}.sd-steps{flex-wrap:wrap;margin:22px 0;padding:0;list-style:none;display:flex}.sd-steps li{color:#6c7667;align-items:center;gap:7px;font-size:12px;display:flex}.sd-steps li>span{border:1px solid #b9c7b0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.sd-steps li[aria-current=step]{color:#345d45;font-weight:700}.sd-steps li[aria-current=step]>span{color:#fff;background:#345d45;border-color:#345d45}.sd-steps.sd-vertical{flex-direction:column}.sd-error{color:#963d28;font-size:13px}.sd-search input[aria-invalid=true]{border-color:#963d28}@container (width<=470px){.sd-projects{grid-template-columns:1fr!important}.sd-pricing{grid-template-columns:1fr}.sd-reading-layout{grid-template-columns:1fr;gap:14px}.sd-reading-layout nav{flex-flow:wrap}.sd-sidebar-layout{grid-template-columns:1fr!important}.sd-sidebar-layout nav{flex-flow:wrap}.sd-metrics{gap:5px}.sd-metrics section{padding:10px}.sd-list-item{gap:8px}.sd-mini-art{width:40px}.sd-demo h2{font-size:23px}.sd-reader{padding:12px}.sd-sidebar-layout section{padding:5px 0}.sd-table-wrap table{font-size:12px}}@media (width<=500px){.sd-demo{padding:16px}}.sd-thumb{color:#26372a;text-align:left;pointer-events:none;background:#fff;border:1px solid #d9e2d1;border-radius:9px;width:100%;min-width:0;max-width:340px;height:180px;padding:15px;font-size:10px;line-height:1.5;overflow:hidden}.sd-thumb *{box-sizing:border-box;min-width:0}.sd-thumb h3{margin:7px 0 12px;font-size:14px;line-height:1.4}.sd-thumb small{color:#697560;font-size:8px}.sd-thumb-lines{gap:5px;margin:10px 0;display:grid}.sd-thumb-lines i{background:#d9e1d3;border-radius:3px;width:100%;height:4px}.sd-thumb-lines i:nth-child(2){width:90%}.sd-thumb-lines i:last-child{width:64%}.sd-thumb-cards{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0;display:grid}.sd-thumb-card{background:#edf0e7;border-radius:4px;gap:5px;padding:6px;display:grid}.sd-thumb-card span{background:#88a27e;border-radius:18px 18px 2px 2px;height:43px}.sd-thumb-card.sd-art-0 span{background:#b1966f;border-radius:3px;transform:rotate(-5deg)}.sd-thumb-card.sd-art-2 span{background:#8397b4;border-radius:5px}.sd-thumb-card i{background:#adbca7;width:70%;height:3px}.sd-thumb-reading{grid-template-columns:55px minmax(0,1fr);gap:12px;display:grid}.sd-thumb-reading aside{color:#6c7b62;border-right:1px solid #dfe7d8;padding-top:15px;line-height:2.3}.sd-thumb-metrics{grid-template-columns:repeat(3,1fr);gap:7px;margin:8px 0;display:grid}.sd-thumb-metrics b{background:#edf2e8;padding:5px;font-size:20px;line-height:1.2}.sd-thumb-metrics small{font-weight:400;display:block}.sd-thumb-chart{align-items:end;gap:7px;height:70px;padding:6px 5px 0;display:flex}.sd-thumb-chart i{background:#77956d;border-radius:2px 2px 0 0;flex:1}.sd-thumb-product{grid-template-columns:1fr 1fr;align-items:center;gap:12px;height:100%;display:grid}.sd-thumb-product-art{background:#e1eadb;place-items:center;height:140px;display:grid;overflow:hidden}.sd-thumb-product-art .sd-cup{width:48px;height:65px}.sd-thumb-product-art .sd-cup:after{border-width:7px;width:24px;height:32px;top:10px;right:-18px}.sd-thumb-product h3{font-size:13px}.sd-thumb-swatches{gap:5px;margin:12px 0;display:flex}.sd-thumb-swatches i{background:#61805a;border-radius:50%;width:13px;height:13px}.sd-thumb-swatches i+i{background:#b0835b}.sd-thumb-pill,.sd-thumb-pills>span{border:1px solid #d2dccb;border-radius:4px;padding:4px 7px;font-size:9px;display:inline-block}.sd-thumb-dark{color:#fff;background:#345d45;border-color:#345d45}.sd-thumb-pills{flex-wrap:wrap;align-items:center;gap:5px;margin:9px 0;display:flex}.sd-thumb-pills .sd-thumb-active,.sd-thumb-active{color:#345d45;background:#e7efdf;font-weight:600}.sd-thumb-case-art{background:#e3e9da;justify-content:center;align-items:end;gap:9px;height:64px;margin:10px 0;display:flex}.sd-thumb-case-art i{background:#7d9770;border-radius:30px 30px 0 0;width:27px;height:49px}.sd-thumb-case-art i:nth-child(2){background:#536f4b;height:60px}.sd-thumb-sidebar{grid-template-columns:55px minmax(0,1fr);gap:12px;display:grid}.sd-thumb-sidebar aside{background:#f0f4eb;gap:6px;padding:7px;display:grid}.sd-thumb-sidebar aside span{padding:4px;font-size:9px}.sd-thumb-sidebar section h3{margin-top:6px;font-size:12px}.sd-thumb-pricing{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px;display:grid}.sd-thumb-pricing section{border:1px solid #dde5d6;border-radius:5px;padding:7px 5px}.sd-thumb-pricing section:nth-child(2){background:#eff4e9;border-color:#5e7c51}.sd-thumb-pricing b{font-size:17px;display:block}.sd-thumb-pricing .sd-thumb-lines{gap:4px}.sd-thumb-table>div{white-space:nowrap;border-bottom:1px solid #dfe6d7;padding:8px 6px;font-size:9px}.sd-thumb-table>div:nth-child(odd){background:#eef3e8}.sd-thumb-table>div:first-child{background:#dfe8d7;font-weight:700}.sd-thumb-list-row{border-bottom:1px solid #e2e8db;align-items:center;gap:8px;margin:8px 0;padding-bottom:7px;font-size:9px;display:flex}.sd-thumb-list-row>i{border-radius:4px;flex:none;width:29px;height:30px}.sd-thumb-list-row>span{flex:1}.sd-thumb-list-row small{display:block}.sd-thumb-result{border-bottom:1px solid #dfe6d8;justify-content:space-between;gap:6px;padding:8px 1px;font-size:9px;display:flex}.sd-thumb-search{border:1px solid #a7bd9c;border-radius:5px;margin:10px 0;padding:9px;font-size:11px}.sd-thumb-search span{float:right}.sd-thumb-crumb{border-bottom:1px solid #e1e7d9;padding:5px 0 12px;font-size:9px}.sd-thumb-directory{background:#f4f7ef;border-radius:5px;margin:9px 0;padding:12px 9px}.sd-thumb-directory>span{font-size:22px}.sd-thumb-directory h3{font-size:12px}.sd-thumb-tabs{border-bottom:1px solid #dce5d1;gap:15px;display:flex}.sd-thumb-tabs>*{padding:6px 0}.sd-thumb-tabs b{border-bottom:2px solid #345d45}.sd-thumb-notice{background:#eaf0e6;border:1px solid #c2d2b7;border-radius:5px;margin:12px 0;padding:11px;font-size:9px}.sd-thumb-notice>span{float:right}.sd-thumb-notice p{margin:6px 0}.sd-thumb-account>div{align-items:center;gap:8px;display:flex}.sd-thumb-avatar{background:#dfe8d6;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.sd-thumb-account section{background:#fff;border:1px solid #d8e2ce;border-radius:6px;max-width:140px;margin:9px 0 0 auto;padding:7px;display:grid;box-shadow:0 6px 14px #33472912}.sd-thumb-account section span{border-bottom:1px solid #edf1e8;padding:7px}.sd-thumb-phone{flex-direction:column;height:100%;display:flex}.sd-thumb-phone-symbol{text-align:center;color:#6b885e;font-size:35px}.sd-thumb-phone h3{text-align:center;margin:0 0 auto;font-size:12px}.sd-thumb-phone-nav{text-align:center;border-top:1px solid #e0e7d8;justify-content:space-around;padding-top:7px;font-size:15px;display:flex}.sd-thumb-phone-nav small{font-size:8px;display:block}.sd-thumb-phone-nav b{color:#345d45}.sd-thumb-steps{justify-content:space-between;gap:4px;font-size:9px;display:flex}.sd-thumb-steps b{color:#345d45}.sd-thumb-stepper .sd-thumb-directory{margin:15px 0}.md-demo{color:#25312c;flex-direction:column;align-items:center;gap:18px;width:100%;min-width:0;max-width:540px;margin:auto;display:flex;overflow:hidden}.md-demo h3{overflow-wrap:anywhere;margin:0;font-size:22px;line-height:1.5}.md-demo p{margin:0}.md-eyebrow{letter-spacing:.06em;font-size:11px}.md-hint{text-align:center;max-width:48ch;font-size:12px;line-height:1.8}.md-controls{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.md-button{color:#25312c;cursor:pointer;background:#fff;border:1px solid #bcc9b7;border-radius:7px;min-height:42px;padding:10px 16px;font-size:12px;line-height:1.5}.md-button[aria-pressed=true]{background:#e3ecd9;border-color:#345d45}.md-button:disabled{opacity:.5;cursor:default}.md-button:focus-visible{outline-offset:3px;outline:3px solid #476c37}.md-primary{color:#fff;background:#345d45;border-color:#345d45}.md-number{font-variant-numeric:tabular-nums;font-size:clamp(44px,8vw,76px);line-height:1.2}.md-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.md-scroll{box-sizing:border-box;scrollbar-gutter:stable;border:1px solid #cad5c4;border-radius:10px;width:100%;max-width:380px;height:280px;padding:12px;overflow-y:auto}.md-scroll-card{background:#fff;border:1px solid #dfe4dc;border-radius:8px;min-height:110px;margin-bottom:34px;padding:20px;transition-property:opacity,transform}.md-scroll-card span{color:#67716a;font-size:12px}.md-scroll-card h3{margin:8px 0;font-size:20px}.md-scroll-card p{font-size:12px;line-height:1.8}.md-image{aspect-ratio:4/3;border-radius:12px;width:100%;max-width:370px;position:relative;overflow:hidden}.md-art{position:absolute;inset:0}.md-art-0{background:radial-gradient(circle at 70% 32%,#b9c692 0 16%,#0000 16.3%),linear-gradient(60deg,#0000 30%,#365d40 30% 60%,#0000 60%),#e5eddc}.md-art-1{background:radial-gradient(circle at 30% 35%,#cb9972 0 18%,#0000 18.3%),linear-gradient(135deg,#0000 38%,#8e4a2d 38% 65%,#0000 65%),#f1dfd2}.md-list{width:100%;max-width:340px;position:relative}.md-list-item{box-sizing:border-box;background:#fff;border:1px solid #d5dfce;border-radius:8px;align-items:center;gap:16px;height:52px;padding:0 18px;font-size:14px;display:flex;position:absolute;left:0;right:0}.md-list-item span{color:#67716a;font-size:12px}.md-expand{width:100%;transition-property:grid-template-rows;display:grid}.md-expand-inner{min-height:0;overflow:hidden}.md-panel{box-sizing:border-box;background:#fff;border:1px solid #d9e1d3;border-radius:10px;width:100%;max-width:420px;padding:24px;line-height:1.8}.md-panel h3{margin:8px 0 12px}.md-panel p{font-size:13px}.md-expand .md-panel{max-width:none}.md-skeleton{gap:18px;width:100%;padding:8px 0;display:grid}.md-skeleton div{border-radius:var(--md-radius);background:linear-gradient(90deg,#e3e9df 25%,#f3f6f0 50%,#e3e9df 75%) 0 0/200% 100%;height:18px;animation:1.4s linear infinite md-shimmer}.md-skeleton div:first-child{height:68px}.md-skeleton div:last-child{width:70%}@keyframes md-shimmer{to{background-position:-200% 0}}.md-track{background:#dbe4d3;border-radius:30px;width:100%;max-width:380px;overflow:hidden}.md-fill{border-radius:inherit;background:#345d45;height:100%}.md-magnet{border:1px dashed #acbda2;border-radius:14px;place-items:center;width:100%;min-height:180px;display:grid}.md-magnet .md-button{transition-property:transform}.md-spot{color:#f2f6ed;box-sizing:border-box;background-color:#202e25;border:1px solid #516044;border-radius:14px;flex-direction:column;gap:18px;width:100%;max-width:390px;min-height:210px;padding:28px;display:flex}.md-spot p{font-size:12px}.md-spot .md-button{align-self:flex-start}.vd-demo{color:#25312c;width:100%;min-width:0;max-width:760px}.vd-intro{margin:0 0 16px;font-size:12px;line-height:1.8}.vd-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.vd-side{min-width:0}.vd-caption{color:#67716a;margin:0 0 12px;font-size:11px}.vd-sample{box-sizing:border-box;overflow-wrap:anywhere;background:#fff;border:1px solid #dfe4dc;border-radius:10px;width:100%;margin:0 auto;padding:20px}.vd-label{letter-spacing:.04em;font-size:10px}.vd-heading{overflow-wrap:anywhere;margin:16px 0 10px;font-size:24px;line-height:1.45}.vd-summary{margin:0 0 12px;font-size:16px;font-weight:600;line-height:1.6}.vd-body{margin:0 0 18px;font-size:14px;line-height:1.8}.vd-tag{color:#fff;background:#345d45;border-radius:4px;padding:7px 12px;font-size:11px;display:inline-block}.vd-records{display:grid}.vd-record{box-sizing:border-box;overflow-wrap:anywhere;background:#fff;border:1px solid #dfe4dc;border-radius:8px;align-items:center;gap:12px;display:flex}.vd-index{color:#67716a;font-size:12px}.vd-record strong{font-size:13px}.vd-record-note{color:#67716a;margin:6px 0 0;font-size:11px}.md-thumb{box-sizing:border-box;color:#25312c;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;padding:20px;font-size:11px;display:flex}.md-thumb small{font-size:10px}.md-thumb-number{font-size:48px;line-height:1.1}.md-thumb-stack{gap:8px;width:85%;max-width:235px;display:grid}.md-thumb-stack>span{background:#fff;border:1px solid #d5dfce;border-radius:6px;padding:10px;font-size:10px}.md-thumb-stack>.md-thumb-fade{opacity:.35}.md-thumb-stack>.md-thumb-note{background:#e4ecdc;line-height:1.8}.md-thumb-images{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.md-thumb-art{border-radius:8px;width:42%;height:105px}.md-thumb-press{color:#fff;background:#345d45;border-radius:8px;padding:16px 28px;box-shadow:0 4px #24412b}.md-thumb-skeleton{gap:14px;width:80%;display:grid}.md-thumb-skeleton span{background:#ccd8c3;border-radius:8px;height:15px}.md-thumb-skeleton span:first-child{height:55px}.md-thumb-skeleton span:last-child{width:68%}.md-thumb-track{background:#d0dcc7;border-radius:12px;width:80%;height:12px;overflow:hidden}.md-thumb-track span{background:#345d45;width:68%;height:100%;display:block}.md-thumb-tabs{gap:16px;font-size:10px;display:flex}.md-thumb-tabs span:last-child{color:#fff;background:#345d45;border-radius:5px;padding:5px 10px}.md-thumb-magnetic{border:1px dashed #9fb394;border-radius:12px;padding:35px 15px;position:relative}.md-thumb-magnetic span{color:#fff;background:#345d45;border-radius:7px;padding:12px 18px;display:block;transform:translate(8px,-5px)}.md-thumb-magnetic i{position:absolute;bottom:13px;right:15px}.md-thumb-spot{color:#f2f6ed;box-sizing:border-box;background:radial-gradient(circle at 65% 35%,#628053,#0000 65%),#202e25;border-radius:10px;gap:14px;width:85%;padding:24px;display:grid}.md-thumb-spot strong{font-size:22px}.vd-thumb-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:280px;display:grid}.vd-thumb-pair>div{background:#fff;border:1px solid #d5dfce;border-radius:6px;flex-direction:column;gap:10px;min-width:0;padding:14px 10px;display:flex}.vd-thumb-pair strong{font-size:16px;line-height:1.5}.vd-thumb-pair span{font-size:9px;line-height:1.8}.vd-thumb-pair small{font-size:8px}.vd-thumb-font-pairing>div:last-child strong{font-family:SimSun,serif;font-weight:800}.vd-thumb-type-scale>div:last-child strong{font-size:24px}.vd-thumb-reading-width>div:last-child{max-width:90px}.vd-thumb-reading-width>div:last-child span{max-width:5ch;line-height:2.1}.vd-thumb-spacing-density>div:last-child{gap:20px;padding-top:22px;padding-bottom:22px}.vd-thumb-radius-language>div:last-child{border-radius:24px}.vd-thumb-radius-language>div:last-child span{background:#e4ecdc;border-radius:14px;padding:8px}.vd-thumb-elevation-study>div:last-child{box-shadow:0 10px 20px #25312c35}.vd-thumb-theme-toggle>div:last-child{color:#f2f6ef;background:#202c26;border-color:#536258}@container (width<=600px){.vd-comparison{grid-template-columns:minmax(0,1fr);gap:20px}.vd-sample{padding:18px}.md-demo h3{font-size:20px}.md-spot{padding:22px}.md-thumb{padding:14px}.vd-thumb-pair{gap:8px}.vd-thumb-pair>div{padding:12px 8px}.vd-thumb-type-scale>div:last-child strong{font-size:20px}}@media (prefers-reduced-motion:reduce){.md-scroll-card,.md-expand,.md-magnet .md-button{transition:none!important;transform:none!important}.md-skeleton div{animation:none!important}}.md-skeleton div{animation-play-state:inherit}.fd-demo{color:#25312c;box-sizing:border-box;background:#fff;border:1px solid #dfe4dc;border-radius:14px;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:580px;margin:auto;padding:26px;font-size:13px;line-height:1.7;display:flex}.fd-demo *{box-sizing:border-box}.fd-demo h2{margin:0;font-size:26px;line-height:1.4}.fd-demo h3{margin:0;font-size:15px}.fd-demo p{margin:0}.fd-demo small{color:#67716a;font-size:11px}.fd-eyebrow{letter-spacing:.08em;color:#67716a;font-size:10px}.fd-demo button{color:#fff;cursor:pointer;background:#345d45;border:1px solid #345d45;border-radius:7px;min-height:42px;padding:9px 14px;font-size:12px}.fd-demo button.fd-secondary{color:#345d45;background:#fff;border-color:#dfe4dc}.fd-demo button:disabled{opacity:.45;cursor:default}.fd-demo button:focus-visible,.fd-demo input:focus-visible,.fd-demo select:focus-visible{outline-offset:3px;outline:2px solid #476c37}.fd-demo h2:focus{outline:none}.fd-demo label{flex-direction:column;gap:7px;font-size:12px;display:flex}.fd-demo select,.fd-demo input{color:#25312c;width:100%;min-width:0;min-height:42px;font:inherit;background:#fff;border:1px solid #bfcbbc;border-radius:6px;padding:9px}.fd-actions{flex-wrap:wrap;gap:10px;display:flex}.fd-progress-track{background:#edf1e9;border-radius:20px;height:6px;overflow:hidden}.fd-progress-track span{background:#345d45;height:100%;transition:none;display:block}.fd-progress ol{justify-content:space-between;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fd-progress li{text-align:center;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.fd-progress li span{background:#edf1e9;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.fd-progress li.fd-reached span{color:#fff;background:#345d45}.fd-progress li small{font-size:10px}.fd-step-number{color:#67716a;font-variant-numeric:tabular-nums;font-size:12px}.fd-summary{background:#f7f8f5;border-radius:8px;flex-direction:column;gap:8px;margin:0;padding:15px;display:flex}.fd-summary div{justify-content:space-between;gap:12px;display:flex}.fd-summary dd{margin:0;font-weight:600}.fd-filter{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;display:grid}.fd-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fd-project{border:1px solid #dfe4dc;border-radius:8px;flex-direction:column;gap:5px;padding:10px;display:flex;overflow:hidden}.fd-project-art{color:#476c37;background:#edf1e9;border-radius:4px;align-items:flex-end;height:60px;padding:8px;font-size:22px;font-weight:700;display:flex}.fd-art-摄影{color:#456079;background:#e6edf4}.fd-art-音频{color:#886a4c;background:#f1e6d9}.fd-empty{text-align:center;background:#f7f8f5;border-radius:8px;flex-direction:column;align-items:center;gap:12px;padding:20px 6px;display:flex}.fd-empty-art{color:#71846a;border:2px dashed #a2b19d;border-radius:6px;place-items:center;width:64px;height:72px;font-size:28px;display:grid;transform:rotate(-5deg)}.fd-note-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.fd-note,.fd-archive-row{border:1px solid #dfe4dc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.fd-note h3,.fd-archive-row h3{overflow-wrap:anywhere}.fd-note button,.fd-archive-row button{flex-shrink:0}.fd-sync{text-align:center;align-items:center;padding-block:36px}.fd-sync-icon{color:#345d45;background:#edf1e9;border-radius:50%;place-items:center;width:64px;height:64px;font-size:30px;display:grid}.fd-sync-error .fd-sync-icon{color:#80632a;background:#f5eddc}.fd-sync-loading .fd-sync-icon{animation:1s ease-in-out infinite alternate fd-breathe}.fd-undo-notice{background:#edf1e9;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.fd-thumb{color:#25312c;box-sizing:border-box;pointer-events:none;background:#f3f5ef;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:20px;font-size:11px;display:flex}.fd-thumb *{box-sizing:border-box}.fd-thumb-caption{letter-spacing:.14em;color:#67716a;align-self:flex-start;font-size:8px}.fd-thumb strong{font-size:14px}.fd-thumb em{color:#fff;background:#345d45;border-radius:4px;padding:7px 13px;font-size:10px;font-style:normal}.fd-thumb small{color:#67716a;font-size:9px}.fd-thumb-steps{align-items:center;gap:6px;width:85%;display:flex}.fd-thumb-steps i{color:#345d45;background:#dce6d5;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.fd-thumb-steps i:first-child{color:#fff;background:#345d45}.fd-thumb-steps b{background:#c5d2bd;flex:1;height:2px}.fd-thumb-field,.fd-thumb-search,.fd-thumb-row{background:#fff;border:1px solid #dfe4dc;border-radius:5px;justify-content:space-between;width:100%;padding:9px;display:flex}.fd-thumb-search span{color:#345d45;border-left:1px solid #dfe4dc;padding-left:9px;font-size:9px}.fd-thumb-projects{gap:8px;width:100%;display:flex}.fd-thumb-projects i{background:#e0e9d8;border-radius:6px;width:50%;padding:10px;font-style:normal;line-height:2.2}.fd-thumb-projects i+i{background:#e8eadc}.fd-thumb-empty{border:1px dashed #a2b19d;border-radius:4px;place-items:center;width:42px;height:45px;font-size:25px;display:grid;transform:rotate(-5deg)}.fd-thumb-error{color:#80632a;background:#f2e5cb;border-radius:50%;place-items:center;width:36px;height:36px;font-size:24px;display:grid}.fd-thumb-toast{color:#fff;background:#345d45;border-radius:5px;justify-content:space-between;gap:8px;width:100%;padding:10px;font-size:10px;display:flex}.fd-thumb-toast strong{color:#fff;font-size:10px}.fd-thumb-row span{color:#67716a;font-size:9px}@keyframes fd-breathe{0%{opacity:.5}to{opacity:1}}@container (width<=480px){.fd-demo{gap:14px;padding:18px}.fd-demo h2{font-size:22px}.fd-filter{grid-template-columns:1fr}.fd-demo button{min-height:44px}.fd-actions{width:100%}.fd-actions button{flex-grow:1}.fd-note,.fd-archive-row{padding:10px}.fd-thumb{gap:8px;padding:15px}.fd-thumb strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.fd-demo *{transition:none!important;animation:none!important}}:root{color:#25312c;font-synthesis:none;--ink:#25312c;--muted:#67716a;--green:#345d45;--line:#dfe4dc;--paper:#fff;--soft:#edf1e9;--radius:12px;background:#f7f8f5;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--green);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #476c37}::selection{color:#18251c;background:#cbdcbc}input,textarea{caret-color:var(--green)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#bbc4b5;border:2px solid #f7f8f5;border-radius:6px}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.025em;text-wrap:balance}svg{flex-shrink:0}button{transition:background .16s,color .16s}button:hover{color:var(--green)}.site-header{border-bottom:1px solid var(--line);background:#fbfcf9;align-items:center;gap:30px;height:88px;padding:0 42px;display:flex}.brand{text-align:left;white-space:nowrap;align-items:center;gap:12px;padding:0;font-size:18px;font-weight:700;display:flex}.brand-symbol{background:var(--ink);color:#eff5e9;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.brand small{letter-spacing:.08em;color:var(--muted);margin-top:4px;font-size:11px;font-weight:400;display:block}.site-header nav{align-items:center;gap:28px;height:100%;margin-left:auto;font-size:13px;display:flex}.site-header nav button{height:100%;position:relative}.site-header .nav-active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:0;left:0;right:0}.plan-header{border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;margin-left:20px;padding:10px 13px;font-size:12px;display:flex}.plan-header b{background:var(--soft);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 6px;font-size:11px}.workspace{grid-template-columns:220px minmax(0,1fr);max-width:1600px;margin:auto;display:grid}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 88px);padding:38px 20px 20px 30px}.sidebar-title{color:var(--muted);margin-bottom:20px;padding:0 12px;font-size:11px}.category-list{gap:5px;display:grid}.category-list button,.favorites-button{text-align:left;border-radius:8px;align-items:center;gap:11px;width:100%;padding:12px;font-size:12px;display:flex}.category-list small,.favorites-button small{color:var(--muted);margin-left:auto;font-size:10px}.category-list button:hover,.favorites-button:hover{background:#eef1ea}.category-list .selected,.favorites-button.selected{color:#2c4e35;background:#e8eedf;font-weight:600}.favorites-button{margin-top:25px}.sidebar-note{border-top:1px solid var(--line);color:var(--muted);margin:70px 12px 0;padding-top:22px;font-size:10px}.sidebar-note p{margin-top:12px;line-height:1.9}.live-dot{vertical-align:middle;background:#5e8255;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.library{min-width:0;padding:44px 46px 28px}.library-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding-bottom:38px;display:flex}.library-intro h1{letter-spacing:-.03em;font-size:38px;font-weight:700;line-height:1.4}.library-intro p{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.8}.intro-note{color:var(--green);align-items:center;gap:15px;margin-right:16px;padding:15px 0;font-size:12px;line-height:1.9;display:flex}.intro-note strong{font-weight:500}.library-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:29px 0 23px;display:flex}.library-toolbar>div{align-items:baseline;gap:13px;display:flex}.library-toolbar h2{font-size:17px;font-weight:600}.library-toolbar>div>span{color:var(--muted);font-size:10px}.search{border:1px solid var(--line);width:270px;color:var(--muted);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px}.search:focus-within{outline-offset:2px;outline:2px solid #476c37}.search input::placeholder{color:#727a73}.search button{padding:0;display:flex}.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.example-card{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;overflow:hidden}.card-preview{width:100%;height:208px;color:var(--ink);border-bottom:1px solid var(--line);text-align:left;background:#edf0e8;padding:0;display:block;position:relative;overflow:hidden}.preview-open{opacity:0;background:#fff;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:10px;transition:opacity .18s;display:flex;position:absolute;bottom:12px;right:12px}.card-preview:hover .preview-open,.card-preview:focus-visible .preview-open{opacity:1}.card-info{padding:15px 17px 0}.card-meta{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:10px;display:flex}.icon-button{border-radius:5px;justify-content:center;align-items:center;padding:5px;display:flex}.icon-button:hover{background:var(--soft)}.is-favorite{color:#8f432f!important}.is-favorite svg{fill:#f2ded3}.card-title{text-align:left;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:15px;font-weight:600;display:flex}.card-info>p{color:var(--muted);min-height:40px;margin:9px 0 14px;font-size:11px;line-height:1.8}.card-bottom{border-top:1px solid #edf0e9;justify-content:space-between;align-items:center;gap:5px;padding:12px 0;display:flex}.card-bottom button{color:var(--green);text-align:left;align-items:center;gap:6px;padding:0;font-size:10px;display:flex}.card-bottom>span{color:#687562;font-size:9px}.library-close{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-top:30px;font-size:11px;display:flex}.library-close button{color:var(--green);white-space:nowrap;align-items:center;gap:8px;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:22px 42px;font-size:10px;display:flex}.mini-hero{background:#f2efe8;justify-content:center;align-items:center;gap:15px;height:100%;padding:25px 20px;display:flex}.mini-hero>div:first-child{z-index:1}.mini-hero span{letter-spacing:.12em;font-size:7px;font-weight:700}.mini-hero strong{margin:10px 0;font-size:23px;line-height:1.5;display:block}.mini-hero i{color:#fff;background:#354f3f;padding:5px 8px;font-size:7px;font-style:normal;display:inline-block}.mini-orbit{flex-shrink:0;width:90px;height:100px;position:relative}.mini-orbit b{background:#bfcdb0;border-radius:50%;width:75px;height:75px;position:absolute;top:0;right:0}.mini-orbit b:nth-child(2){background:#3c5440;width:55px;height:55px;top:48px;right:25px}.mini-orbit b:nth-child(3){background:#d39b79;width:26px;height:26px;top:20px;right:25px}.mini-nav{background:#e9ecf1;height:100%;padding:30px 29px}.mini-nav>div{background:#fff;border-radius:12px;gap:6px;width:max-content;max-width:100%;margin-bottom:20px;padding:6px;font-size:9px;display:flex}.mini-nav>div>*{white-space:nowrap;padding:5px 10px}.mini-nav b{color:#fff;background:#313f4f;border-radius:7px;font-weight:500}.mini-nav strong{font-size:17px;line-height:1.7}.mini-nav hr{border:0;border-top:1px solid #cbd2db;margin:12px 0}.mini-nav small{color:#4c5b6e;font-size:8px}.mini-lift{background:#fff;border-radius:9px;width:65%;margin:17px auto;padding-bottom:13px;overflow:hidden;box-shadow:0 7px 17px #2a382316}.mini-lift-art{background:#d7dfc7;height:93px;position:relative;overflow:hidden}.mini-lift-art span{background:#455d38;border-radius:50%;width:93px;height:93px;position:absolute;top:24px;left:16px}.mini-lift-art span:nth-child(2){background:#f8f2df;width:56px;height:56px;top:15px;left:90px}.mini-lift-art span:nth-child(3){background:#d5a27d;width:25px;height:25px;top:52px;left:91px}.mini-lift strong{margin:13px 12px 5px;font-size:11px;display:block}.mini-lift small{color:var(--muted);margin:0 12px;font-size:7px;display:block}.mini-reveal{background:#eae7df;height:100%;padding:29px 32px}.mini-reveal strong{font-size:24px;font-weight:600;line-height:1.7;display:block}.mini-reveal strong:nth-child(2){color:#546449}.mini-reveal strong:nth-child(3){color:#89927b}.mini-reveal span{color:#69705e;margin-top:8px;font-size:8px;display:block}.mini-palette{color:#243d29;background:#dbe7d6;height:100%;padding:24px 30px}.mini-palette>div{gap:5px;margin-bottom:16px;display:flex}.mini-palette i{background:#365d40;border-radius:50%;width:13px;height:13px}.mini-palette i:nth-child(2){background:#869e76}.mini-palette i:nth-child(3){background:#eff4e7}.mini-palette strong{font-size:25px;font-weight:600;line-height:1.5}.mini-palette>span{margin-top:13px;font-size:8px;display:block}.mini-form{color:#503f32;background:#f1eae3;height:100%;padding:22px 28px}.mini-form strong{margin-top:8px;font-size:15px;line-height:1.6;display:block}.mini-form>div{background:#fff8f0;border:1px solid #c8bdb1;border-radius:4px;margin:10px 0 6px;padding:6px 8px;font-size:8px}.mini-form>span{color:#fff;text-align:center;background:#67553f;border-radius:4px;padding:6px;font-size:8px;display:block}.detail-page,.plan-page,.about-page{max-width:1260px;margin:auto;padding:32px 42px 60px}.back{color:var(--muted);align-items:center;gap:7px;margin-bottom:28px;padding:0;font-size:11px;display:inline-flex}.detail-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.tag{color:var(--green);background:#e9eedf;border-radius:4px;padding:4px 8px;font-size:10px;display:inline-block}.detail-title h1{margin:10px 0;font-size:32px;font-weight:600}.detail-title p{color:var(--muted);font-size:12px;line-height:1.8}.detail-actions{flex-shrink:0;gap:10px;display:flex}.primary,.secondary{border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:inline-flex}.primary{background:var(--green);color:#fff}.primary:hover{color:#fff;background:#244830}.secondary{border:1px solid var(--line);background:#fff}.secondary:hover{background:var(--soft)}.detail-layout{grid-template-columns:minmax(0,1fr) 270px;gap:26px;display:grid}.preview-section{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 17px;font-size:11px;display:flex}.preview-toolbar>div{gap:4px;display:flex}.preview-toolbar button{border-radius:5px;padding:7px;display:flex}.preview-toolbar .active{background:var(--soft);color:var(--green)}.demo-stage{background:#edf0e8;justify-content:center;align-items:center;min-height:430px;padding:34px;display:flex;overflow:hidden}.demo-viewport{justify-content:center;width:100%;min-width:0;display:flex}.mobile-stage .demo-viewport{background:#fff;border-radius:12px;max-width:340px;min-height:360px;overflow:hidden}.preview-caption{color:var(--muted);padding:13px 17px;font-size:10px}.parameter-panel{min-width:0;padding:6px 0}.parameter-panel h2{align-items:center;gap:8px;font-size:15px;display:flex}.parameter-panel>p{color:var(--muted);margin:9px 0 28px;font-size:11px}.parameter{margin-bottom:25px}.parameter>div:first-child{justify-content:space-between;align-items:center;display:flex}.parameter label{font-size:12px}.parameter output{font-variant-numeric:tabular-nums;font-size:15px}.parameter output small{color:var(--muted);margin-left:3px;font-size:10px}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer;height:4px;margin:19px 0 11px}.range-limits{color:var(--muted);justify-content:space-between;font-size:10px;display:flex}.parameter select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:6px;margin-top:12px;padding:10px;font-size:12px;display:block}.reset{color:var(--muted);align-items:center;gap:6px;padding:0;font-size:11px;display:flex}.scene{border-top:1px solid var(--line);margin-top:25px;padding-top:21px}.scene h3{margin-bottom:8px;font-size:11px;font-weight:600}.scene p{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:1.9}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{color:var(--muted);background:#edf0e8;border-radius:3px;padding:4px 6px;font-size:9px}.prompt-box{background:#fff;border:1px solid #d6dfcc;border-radius:12px;margin-top:28px;padding:25px}.prompt-heading{align-items:center;gap:16px;display:flex}.prompt-icon{width:45px;height:45px;color:var(--green);background:#edf2e7;border-radius:10px;place-items:center;display:grid}.prompt-heading h2{font-size:17px;font-weight:600}.prompt-heading p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.8}.prompt-heading .primary{white-space:nowrap;margin-left:auto}.prompt-options{align-items:center;gap:20px;padding-top:20px;font-size:10px;display:flex}.prompt-options button{align-items:center;gap:5px;padding:0;display:flex}.prompt-options>span{color:var(--muted);margin-left:auto}.prompt-box textarea,.fallback textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:320px;color:var(--ink);background:#f7f8f5;border-radius:6px;margin-top:20px;padding:17px;font-size:12px;line-height:1.9;display:block}.edit-notice{color:#65502d;background:#f5eddc;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px;font-size:11px;line-height:1.7;display:flex}.edit-notice button{white-space:nowrap;align-items:center;gap:5px;display:flex}.toast{color:#fff;z-index:50;background:#253d2d;border-radius:8px;max-width:90vw;padding:13px 22px;font-size:12px;line-height:1.7;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #25312c24}.fallback{background:#fffaf1;border:1px solid #dbc9a5;border-radius:10px;max-width:1176px;margin:10px auto 30px;padding:25px}.fallback h2{font-size:18px}.fallback button{margin-top:12px}.text-link{color:var(--green);align-items:center;gap:5px;padding:0;font-size:11px;display:inline-flex}.plan-page h1,.about-page h1{margin-bottom:14px;font-size:36px;line-height:1.5}.lede{color:var(--muted);font-size:13px;line-height:1.9}.plan-list{margin-top:30px}.plan-list article{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:25px 0;display:flex}.plan-list h2{margin:10px 0;font-size:20px}.plan-list p{color:var(--muted);max-width:70ch;margin-bottom:10px;font-size:12px;line-height:1.9}.empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:70px 20px;display:flex}.empty h2{color:var(--ink);font-size:21px}.empty p{font-size:12px;line-height:1.8}.guide{max-width:700px;margin:32px 0;padding:0;list-style-position:inside}.guide li{border-top:1px solid var(--line);color:var(--green);padding:25px 0;font-size:12px}.guide h2{color:var(--ink);font-size:20px;display:inline}.guide p{color:var(--muted);margin-top:14px;font-size:13px;line-height:1.9}.sources{max-width:700px}.sources h2{margin:32px 0 14px;font-size:21px}.sources p{color:var(--muted);font-size:12px;line-height:1.9}.sources a{align-items:center;gap:8px;margin:10px 20px 20px 0;font-size:13px;display:inline-flex}.demo-hero{color:#293b2e;background:#f2efe8;justify-content:space-between;align-items:center;gap:25px;width:100%;padding:20px;display:flex}.demo-wordmark{letter-spacing:.1em;font-size:10px;font-weight:700}.demo-wordmark span{letter-spacing:0;margin-top:5px;font-size:9px;font-weight:400;display:block}.demo-hero h2{font-size:var(--hero-size);margin:22px 0 18px;font-weight:700;line-height:1.4}.demo-hero p{color:#5c695e;font-size:12px;line-height:1.9}.demo-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:23px;display:flex}.demo-actions button,.demo-palette button{color:#fff;background:#354f3f;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:inline-flex}.demo-actions .demo-text{color:#354f3f;background:0 0}.demo-hero small{max-width:28ch;margin-top:12px;font-size:10px;line-height:1.8;display:block}.artwork{width:210px;min-width:160px;height:230px;position:relative;overflow:hidden}.art-disc{background:#c2ceb2;border-radius:50%;width:170px;height:170px;position:absolute;top:10px;right:0}.art-arch{background:#3d5540;border-radius:80px 80px 0 0;width:135px;height:145px;position:absolute;bottom:0;left:0}.art-line{border:1px solid #f3eddc;border-radius:35px;width:60px;height:135px;position:absolute;bottom:-22px;left:37px;transform:rotate(25deg)}.art-dot{background:#ce9877;border-radius:50%;width:55px;height:55px;position:absolute;top:38px;right:25px}.mobile-stage .demo-hero{flex-direction:column;align-items:flex-start;padding:26px}.mobile-stage .demo-hero h2{font-size:min(var(--hero-size),34px)}.mobile-stage .artwork{align-self:center;width:170px;height:160px}.mobile-stage .art-disc{width:135px;height:135px}.mobile-stage .art-arch{width:100px;height:115px}.demo-nav{color:#303f4e;width:100%;max-width:540px}.capsule{background:#fff;flex-wrap:wrap;gap:5px;width:max-content;max-width:100%;display:flex}.capsule button{color:#4a5864;border-radius:9px;padding:9px 18px;font-size:12px}.capsule button[aria-pressed=true]{color:#fff;background:#303f4e}.nav-content{padding:33px 8px}.nav-content>span{color:#5b6a76;font-size:10px}.nav-content h2{margin-top:14px;font-size:28px;line-height:1.6}.nav-rule{background:#bcc7cf;height:1px;margin:22px 0}.nav-content p{color:#596875;font-size:12px;line-height:1.8}.demo-lift{width:100%;max-width:360px}.lift-card{transition:transform var(--duration) ease-out,box-shadow var(--duration) ease-out;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 7px 16px #35432912}.lift-card:hover,.lift-card:focus-within{transform:translateY(calc(-1 * var(--lift)));box-shadow:0 14px 28px #35432926}.lift-card:active{background:#f5f8ef}.lift-card .artwork{background:#dce3d0;width:100%;height:160px}.art-card .art-disc{background:#f4efd9;width:120px;height:120px;top:14px;right:36px}.art-card .art-arch{border-radius:100px 100px 0 0;width:160px;height:130px;left:38px}.art-card .art-line{bottom:-18px;left:92px}.art-card .art-dot{width:45px;height:45px;top:80px;right:65px}.lift-copy{padding:22px}.lift-copy>span{color:var(--muted);font-size:10px}.lift-copy h2{margin:12px 0;font-size:23px}.lift-copy p{color:var(--muted);font-size:11px;line-height:1.9}.lift-copy button{color:var(--green);align-items:center;gap:8px;margin-top:20px;padding:0;font-size:12px;display:flex}.demo-hint{text-align:center;color:var(--muted);margin-top:22px;font-size:10px;line-height:1.8}.demo-reveal{width:100%;max-width:480px;padding:20px 25px}.reveal-words span{animation:reveal var(--duration) ease-out both;font-size:40px;font-weight:600;line-height:1.7;display:block}.reveal-words span:nth-child(2){color:#536348}.reveal-words span:nth-child(3){color:#747d66}.reveal-controls{gap:15px;margin-top:25px;display:flex}.reveal-controls button{color:var(--green);background:#fff;border-radius:5px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;display:flex}.demo-palette{background:var(--palette-bg);width:100%;max-width:470px;color:var(--palette-ink);border-radius:10px;flex-direction:column;display:flex}.theme-forest{--palette-bg:#dce8d7;--palette-ink:#243d29;--palette-accent:#365d40;--palette-secondary:#8da17f}.theme-blue{--palette-bg:#dce5f7;--palette-ink:#253b62;--palette-accent:#324e84;--palette-secondary:#9ab0d6}.theme-clay{--palette-bg:#f0ded0;--palette-ink:#613921;--palette-accent:#8e4a2d;--palette-secondary:#cd9973}.palette-swatch{gap:6px;display:flex}.palette-swatch span{background:var(--palette-accent);border-radius:50%;width:20px;height:20px}.palette-swatch span:nth-child(2){background:var(--palette-secondary)}.palette-swatch span:nth-child(3){background:#fff}.demo-palette h2{font-size:34px;line-height:1.5}.demo-palette p{font-size:12px;line-height:1.9}.demo-palette button{background:var(--palette-accent);align-self:flex-start}.demo-palette small{font-size:10px;line-height:1.8}.demo-form{gap:var(--gap);color:#503f32;background:#fffaf4;border-radius:10px;flex-direction:column;width:100%;max-width:340px;padding:26px;display:flex}.demo-form h2{font-size:24px;line-height:1.5}.demo-form>p{color:#685a4b;font-size:11px;line-height:1.7}.demo-form label{margin-bottom:calc(-1 * var(--gap) + 8px);font-size:11px}.demo-form input{color:#503f32;background:#fff;border:1px solid #c9bbab;border-radius:5px;width:100%;padding:11px;font-size:12px}.demo-form input::placeholder{color:#726554}.demo-form input[aria-invalid=true]{border-color:#a93e2e}.demo-form .field-error{color:#983324;margin-top:calc(-1 * var(--gap) + 6px);font-size:11px}.demo-form button{color:#fff;background:#67553f;justify-content:center;align-items:center;gap:5px;padding:12px;font-size:12px;display:flex}.demo-form small{color:#35563a;font-size:11px;line-height:1.8}.card-preview:focus-visible{outline-offset:-4px;outline:3px solid #476c37}@keyframes reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.card-preview{height:245px}.mini-hero strong{font-size:30px}.mini-nav strong{font-size:22px}.mini-reveal strong{font-size:30px}.mini-palette strong{font-size:31px}.mini-form strong{font-size:21px}.mini-lift{margin:26px auto}.mini-lift-art{height:112px}}@media (width<=1150px){.site-header{padding:0 25px}.workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:16px}.library{padding:35px 28px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-note{display:none}.detail-layout{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.demo-stage{padding:24px}.demo-hero{flex-direction:column;align-items:flex-start}.demo-hero .artwork{align-self:center;height:155px}.prompt-heading{flex-wrap:wrap}.prompt-heading .primary{margin-left:61px}.detail-title h1{font-size:28px}}@media (width<=760px){.site-header{gap:12px;height:72px;padding:0 18px}.brand{gap:8px;font-size:14px}.brand small{letter-spacing:.02em;font-size:9px}.brand-symbol{border-radius:8px;width:33px;height:33px}.site-header nav{display:none}.plan-header{gap:6px;margin-left:auto;padding:8px;font-size:10px}.workspace{display:block}.sidebar{border:0;min-height:0;padding:15px 18px 0}.sidebar-title,.sidebar-note{display:none}.category-list{gap:5px;padding-bottom:5px;display:flex;overflow:auto}.category-list button{white-space:nowrap;flex-shrink:0;gap:5px;width:auto;padding:9px 11px;font-size:11px}.category-list small{display:none}.category-list svg{width:14px}.favorites-button{gap:8px;width:auto;margin-top:8px;padding:9px 11px;font-size:11px}.library{padding:25px 18px}.library-intro{padding-bottom:25px}.library-intro h1{font-size:30px;line-height:1.45}.library-intro p{max-width:28ch;font-size:11px}.library-toolbar{margin:22px 0 18px;display:block}.library-toolbar>div{margin-bottom:15px}.search{width:100%;padding:12px}.search input{font-size:12px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card-preview{height:170px}.card-info{padding:10px 11px 0}.card-title{gap:3px;font-size:12px;line-height:1.6}.card-title svg{width:12px}.card-info>p{min-height:54px;margin:7px 0 9px;font-size:10px}.card-bottom{padding:10px 0}.card-bottom button{gap:4px;font-size:9px;line-height:1.7}.card-bottom>span{display:none}.card-bottom svg{width:12px}.card-meta{font-size:9px}.mini-hero{gap:5px;padding:15px 12px}.mini-hero strong{font-size:17px}.mini-hero span,.mini-hero i{font-size:6px}.mini-orbit{width:48px;min-width:0;height:90px}.mini-orbit b{width:47px;height:47px}.mini-orbit b:nth-child(2){width:40px;height:40px;top:40px;right:4px}.mini-orbit b:nth-child(3){width:17px;height:17px;top:19px;right:9px}.mini-nav{padding:24px 12px}.mini-nav>div{gap:0;margin-bottom:14px;padding:4px;font-size:7px}.mini-nav>div>*{padding:5px 7px}.mini-nav strong{font-size:13px}.mini-nav small{font-size:7px}.mini-lift{width:79%;margin:15px auto}.mini-lift-art{height:80px}.mini-lift-art span{width:75px;height:75px;left:5px}.mini-lift-art span:nth-child(2){width:45px;height:45px;left:63px}.mini-lift-art span:nth-child(3){width:20px;height:20px;left:70px}.mini-lift strong{margin:10px 8px 5px;font-size:9px}.mini-lift small{margin:0 8px;font-size:6px}.mini-reveal{padding:25px 15px}.mini-reveal strong{font-size:18px;line-height:1.8}.mini-reveal span{font-size:7px}.mini-palette{padding:22px 16px}.mini-palette strong{font-size:19px}.mini-palette>div{margin-bottom:12px}.mini-palette>span{font-size:7px}.mini-form{padding:16px 14px}.mini-form strong{font-size:12px}.mini-form>div,.mini-form>span{font-size:7px}.library-close{align-items:flex-start;font-size:10px}.library-close>span{max-width:16ch;line-height:1.9}.site-footer{flex-direction:column;gap:8px;padding:20px 18px;font-size:9px}.detail-page,.plan-page,.about-page{padding:24px 18px 40px}.back{margin-bottom:20px}.detail-title{margin-bottom:24px;display:block}.detail-title h1{font-size:28px}.detail-title p{font-size:12px}.detail-actions{margin-top:18px}.detail-layout{flex-direction:column;gap:25px;display:flex}.demo-stage{min-height:370px;padding:25px 15px}.demo-hero{padding:18px}.demo-hero h2{font-size:min(var(--hero-size),34px)}.demo-hero .artwork{height:140px}.parameter-panel{padding:0}.parameter-panel>p{margin-bottom:20px}.parameter{max-width:none}.scene{margin-top:22px}.prompt-box{margin-top:25px;padding:19px}.prompt-heading{align-items:flex-start;gap:12px}.prompt-icon{width:35px;height:35px}.prompt-heading>div{flex:1;min-width:0}.prompt-heading h2{font-size:16px;line-height:1.6}.prompt-heading p{font-size:11px;line-height:1.9}.prompt-heading .primary{width:100%;margin-top:7px;margin-left:0;padding:14px}.prompt-options{flex-wrap:wrap;gap:16px}.prompt-options>span{display:none}.prompt-box textarea{min-height:390px;padding:12px;font-size:12px}.edit-notice{font-size:11px;display:block}.edit-notice button{margin-top:10px}.fallback{margin:10px 18px 25px;padding:18px}.demo-reveal{padding:20px 15px}.reveal-words span{font-size:30px}.demo-nav{padding:10px}.capsule button{padding:8px 12px;font-size:11px}.nav-content h2{font-size:24px}.demo-form{max-width:310px;padding:23px}.plan-page h1,.about-page h1{font-size:29px}.preview-open{display:none}}@media (width<=350px){.example-grid{grid-template-columns:1fr}.card-preview{height:220px}.mini-hero strong{font-size:25px}.brand small,.plan-header span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.lift-card:hover,.lift-card:focus-within{transform:none}.reveal-words span{opacity:1;transform:none}}.header-tools{align-items:center;gap:10px;display:flex}.compare-header{border:1px solid #dfe4dc;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;display:flex}.compare-header b{font-size:12px}.tag-filter{color:#67716a;align-items:center;gap:10px;margin:0 0 20px;font-size:12px;display:flex}.tag-filter select{color:#25312c;background:#fff;border:1px solid #dfe4dc;border-radius:6px;max-width:220px;padding:8px}.card-compare{color:#345d45;align-items:center;gap:6px;min-height:40px;font-size:12px;display:flex}.card-compare[aria-pressed=true]{font-weight:700}.library-pagination{justify-content:center;align-items:center;gap:24px;margin-top:30px;font-size:13px;display:flex}button:disabled{opacity:.45;cursor:default}.backup-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.backup-actions p{color:#67716a;flex-basis:100%;margin:0;font-size:12px}.project-context{background:#fff;border:1px solid #dfe4dc;border-radius:12px;margin:24px 0;padding:24px}.project-context h2{margin:0 0 20px;font-size:18px}.project-context label{gap:8px;font-size:13px;display:grid}.project-context textarea,.project-context input{color:#25312c;background:#fcfdfb;border:1px solid #dfe4dc;border-radius:6px;width:100%;padding:12px}.project-context textarea{resize:vertical;min-height:90px}.project-context>div{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.project-context p{color:#67716a;font-size:12px}.reference-role{align-items:center;gap:10px;margin:12px 0;font-size:12px;display:flex}.reference-role select{background:#fff;border:1px solid #dfe4dc;border-radius:6px;padding:8px}.consistency-note{background:#edf2e9;border-radius:8px;padding:16px;font-size:13px}.compare-page{max-width:1440px;margin:auto;padding:40px}.compare-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.compare-heading h1{font-size:32px}.compare-heading p{color:#67716a}.compare-mode{gap:6px;display:flex}.compare-mode button{border:1px solid #dfe4dc;border-radius:7px;padding:10px}.compare-mode button.active{color:#fff;background:#345d45}.compare-grid{gap:18px;margin-top:24px;display:grid}.compare-item{background:#fff;border:1px solid #dfe4dc;border-radius:12px;min-width:0;overflow:hidden}.compare-item header{justify-content:space-between;align-items:center;padding:18px;display:flex}.compare-item h2{margin:8px 0;font-size:18px}.compare-stage{background:#edf1e9;min-height:380px;padding:12px;overflow:hidden}.compare-stage>div{background:#fff;max-width:390px;min-height:350px;margin:auto}.compare-stage.wide>div{max-width:none}.compare-info{padding:20px;font-size:13px;line-height:1.8}.compare-info p{color:#67716a}.compare-info button{margin:5px 6px 5px 0}.preview-loading,.preview-error{text-align:center;color:#67716a;padding:40px}@media (width<=800px){.header-tools{gap:6px}.compare-header{padding:9px}.compare-header span{display:none}.site-header{gap:8px}.compare-page{padding:24px 16px}.compare-heading{display:block}.compare-grid{grid-template-columns:1fr!important}.project-context>div{grid-template-columns:1fr}.detail-actions,.site-footer{flex-wrap:wrap}.project-context{padding:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.compare-item-head{justify-content:space-between;align-items:center;padding:18px;display:flex}.compare-description{padding:20px;font-size:13px;line-height:1.8}.compare-description p{color:#67716a;margin-bottom:12px}.compare-description>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.compare-copy{color:#345d45;align-items:center;gap:6px;min-height:44px;font-size:12px;display:flex}.compare-mode button[aria-pressed=true]{color:#fff;background:#345d45}.compare-stage:not(.mobile-stage)>div{max-width:none}.compare-stage .demo-viewport{width:100%;min-width:0}.compare-stage .demo-viewport>div{max-width:100%}.demo-viewport{container-type:inline-size}.batch-filter{align-items:center;gap:12px;margin-bottom:16px;display:flex}.batch-filter .secondary{font-size:12px}.batch-filter [aria-pressed=true]{background:#e8eedf;border-color:#8da17f}.batch-filter span{background:#edf1e9;border-radius:4px;padding:2px 6px;font-size:11px}.card-preview{container-type:inline-size}