.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:box-shadow .2s}.project-card:hover{box-shadow:0 8px 30px #2730180b}.card-art{position:relative;display:block;aspect-ratio:16/9;background:#e4e9dc;overflow:hidden}.card-art img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.project-card:hover img{transform:scale(1.025)}.card-art .art-label{bottom:12px;left:12px;padding:4px 9px;font-size:10px}.demo-label{position:absolute;right:12px;top:12px;background:#20251e77;color:white;border-radius:5px;padding:2px 8px;font-size:10px}.card-body{padding:20px}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#929787}.card-meta b{font-size:18px;color:#485638}.card-body h3{font-size:17px;line-height:1.6;margin:10px 0}.card-body>p{color:#909587;font-size:11px;min-height:39px;line-height:1.8}.card-tags{font-size:10px;color:#7e8a68;margin:15px 0}.card-link{display:flex;justify-content:space-between;margin-top:20px;padding-top:14px;border-top:1px solid #eff1e8;font-size:11px;font-weight:600}.year-tabs{display:flex;gap:7px}.year-tabs button{background:none;border:1px solid transparent;border-radius:5px;color:#919887;padding:4px 11px;font-size:11px}.year-tabs button.active{background:var(--ink);color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.archive-card{border-radius:10px;background:white;border:1px solid var(--line);overflow:hidden}.archive-art{position:relative;aspect-ratio:16/9;overflow:hidden}.archive-art img{width:100%;height:100%;object-fit:cover}.archive-art>span{position:absolute;bottom:8px;right:8px;font-size:9px;background:#ffffffdf;padding:3px 8px;border-radius:4px}.archive-body{padding:15px}.archive-body>small{font-size:9px;color:#8b9280}.archive-body h3{font-size:13px;line-height:1.6;margin:7px 0 15px;min-height:42px}.archive-body>div{display:flex;justify-content:space-between;align-items:center}.archive-body b{font-size:14px}.archive-body span{font-size:9px;color:#8b9677}.trust-strip{margin:50px 0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:#f0f3e8;padding:25px}.trust-strip>div{display:flex;gap:15px;justify-content:center}.trust-strip b{font-size:26px;font-weight:300;color:#a3af8d}.trust-strip span{font-size:13px;font-weight:600}.trust-strip small{display:block;color:#8a947b;font-size:10px;font-weight:400;margin-top:4px}.footer{max-width:1192px;margin:45px auto 0;padding:30px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#929987;gap:20px}.footer-brand{font-size:18px;font-weight:700;color:#5d6851}.footer p{margin:5px 0}.footer>div:last-child{text-align:right}.mobile-nav{display:none}.breadcrumbs{font-size:11px;color:var(--muted);margin:28px 0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:28px}.detail-cover{width:100%;border-radius:12px}.content-box{background:white;border:1px solid var(--line);border-radius:12px;padding:30px;margin:22px 0}.content-box h2{font-size:21px;margin:8px 0 20px}.prose{line-height:2.1;font-size:14px;overflow-wrap:anywhere}.prose a{color:var(--green);text-decoration:underline}.purchase-box{position:sticky;top:20px;background:white;border:1px solid var(--line);border-radius:12px;padding:27px}.purchase-box h1{font-size:24px;line-height:1.5;margin:15px 0}.purchase-box>p{color:var(--muted);font-size:12px}.purchase-price{margin:25px 0}.purchase-price small,.purchase-price strong,.purchase-price del{display:block}.purchase-price small{font-size:12px;color:var(--muted)}.purchase-price strong{font-size:36px;line-height:1.7}.purchase-price del{font-size:12px;color:var(--muted)}.notice{padding:14px 17px;background:#f1f5e8;border:1px solid #e0e7d2;border-radius:7px;font-size:12px;color:#65734f;margin:18px 0}.purchase-rules{font-size:11px;color:#869175;border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.locked{text-align:center;background:#f6f8f1;padding:30px 15px;border-radius:10px;color:#8a947b}.locked>span{font-size:28px}.locked h3{font-size:16px;color:#59674a}.locked p{font-size:12px}.update{border-bottom:1px solid var(--line);padding:16px 0}.update small{color:var(--muted);font-size:11px}.field{display:block;font-size:12px;color:#6e785f;margin:18px 0}.field input,.field select,.field textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe5d5;background:#fff;padding:11px 12px;border-radius:6px;color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8ca360;box-shadow:0 0 0 3px #d9e5c144}.field textarea{resize:vertical;line-height:1.9}.auth-layout{display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;max-width:1000px;margin:65px auto}.auth-copy h1{font-size:58px;line-height:1.3;margin:20px 0;color:#465739}.auth-copy p{color:#89967a}.auth-copy>a{display:inline-block;margin-top:35px;font-size:12px}.auth-card{background:white;border:1px solid var(--line);border-radius:15px;padding:35px}.auth-card h2{font-size:28px;margin:18px 0 4px}.auth-card .muted{font-size:12px}.auth-switch{text-align:center;font-size:12px;color:var(--muted);margin:24px 0 0}.auth-switch a{color:#566d39}.error{background:#fff0ec;border:1px solid #f1d2c8;color:#a64d35;border-radius:6px;padding:12px 16px;margin:15px 0}.center-card{max-width:560px;margin:60px auto;background:white;border:1px solid var(--line);padding:40px;border-radius:14px}.center-card h1{font-size:27px}.center-card>p{font-size:13px}.page-heading{padding:35px 0 20px}.page-heading h1{font-size:31px;margin:8px 0}.page-heading p{color:var(--muted);font-size:13px}.order-card{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:25px;background:white;border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:15px}.order-card img{border-radius:8px;aspect-ratio:16/10;object-fit:cover}.order-card small,.order-card p{font-size:10px;color:var(--muted)}.order-card h3{margin:4px 0;font-size:17px}.order-card p{margin:4px 0}.empty{padding:50px;text-align:center;background:white;border:1px dashed #d8e0c9;border-radius:10px;color:#7b886a}.empty h2{color:#4a5d36}.empty .button{margin-top:15px}.admin-nav{display:flex;gap:25px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:5px 0 30px}.stats>div{padding:25px;background:white;border-radius:10px;border:1px solid var(--line)}.stats small,.stats strong{display:block}.stats small{color:var(--muted)}.stats strong{font-size:28px;margin-top:8px}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}td,th{padding:18px;text-align:left;border-bottom:1px solid var(--line)}th{background:#edf2e5;color:#6e7d58}td small{font-size:10px;color:var(--muted)}td a{color:#5a733b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid.thirds{grid-template-columns:repeat(3,1fr)}.admin-form h2{border-bottom:1px solid var(--line);padding-bottom:15px;margin-top:25px}.checks{display:flex;gap:20px;flex-wrap:wrap}.checks label{font-size:12px}.pagination{display:flex;gap:20px;justify-content:center}.username{font-size:12px}
:root{--ink:#20251e;--muted:#808579;--line:#e5e8df;--paper:#f7f8f3;--lime:#d8ef91;--green:#587137}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}img{max-width:100%;display:block}button{cursor:pointer}a:hover{color:var(--green)}.header{background:rgba(255,255,255,.95);border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;margin:auto;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 24px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:1px}.brand-icon{width:43px;height:43px;background:var(--ink);color:var(--lime);border-radius:13px;display:grid;place-items:center;font-size:25px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:36px;font-size:14px}nav a:first-child{font-weight:700}.user-nav{display:flex;align-items:center;gap:16px}.user-nav form{margin:0}.text-button{background:none;border:0;color:var(--muted);padding:0}.main{max-width:1240px;padding:0 24px;margin:auto;min-height:60vh}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:13px 22px;border-radius:9px;border:1px solid var(--line);background:white;font-weight:600;line-height:1.5}.button:hover{transform:translateY(-1px)}.button.dark{background:var(--ink);border-color:var(--ink);color:white}.button.dark:hover{background:#38412d;color:var(--lime)}.button.small{padding:10px 16px;font-size:12px}.button.full{width:100%}.button:disabled{color:#899080;background:#e9ece3;cursor:not-allowed}.intro{display:flex;justify-content:space-between;align-items:end;padding:55px 0 39px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:700}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:9px}.intro h1{font-size:40px;letter-spacing:-1px;margin:12px 0 8px;line-height:1.3}.intro h1 span{color:#68795a}.intro p{margin:0;color:var(--muted)}.intro-note{padding:0 0 5px 22px;border-left:2px solid #d0d9bc;font-size:11px}.intro-note b,.intro-note span{display:block}.intro-note span{color:var(--muted);margin-top:5px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;gap:15px}.section-title h2{font-size:21px;margin:0;display:flex;gap:10px;align-items:center}.section-title h2 i{height:18px;width:4px;border-radius:2px;background:#91a960}.section-title h2 small{font-size:9px;letter-spacing:1.7px;color:#969c8d;font-weight:400;margin-left:5px}.section-title>span{font-size:11px;color:var(--muted)}section{margin-bottom:43px;scroll-margin-top:25px}.hero-card{display:grid;grid-template-columns:45% 55%;border:1px solid var(--line);background:white;border-radius:16px;overflow:hidden}.hero-art{position:relative;min-height:370px;background:#dae0cf}.hero-art img{width:100%;height:100%;object-fit:cover}.art-label{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600}.hero-body{padding:28px 32px;display:flex;flex-direction:column;justify-content:center}.hero-top{display:flex;align-items:center;justify-content:space-between;font-size:10px}.pill{display:inline-block;border-radius:5px;padding:3px 9px;background:#eff4e5;color:#657747;font-size:11px}.muted{color:var(--muted)}.hero-body h2{font-size:27px;line-height:1.45;margin:15px 0 8px}.hero-desc{color:#818577;font-size:12px;margin:0 0 21px}.price-panel{display:grid;grid-template-columns:1fr 1fr 1.2fr;background:#f7f8f3;border:1px solid #eef0e7;border-radius:9px;padding:15px 18px;gap:12px;margin-bottom:20px}.price-panel span{display:block;color:#8a8f80;font-size:10px}.price-panel del,.price-panel b{display:block;font-size:16px;margin-top:4px;color:#808777}.price-panel .current{border-left:1px solid #e2e6d8;padding-left:20px}.price-panel strong{font-size:28px;line-height:1.4;color:var(--ink)}.price-panel strong small{font-size:15px;margin-right:3px}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:#8b9082;margin-bottom:6px}.progress-label b{color:#6d7c50}.progress{height:5px;border-radius:9px;background:#edf0e5;overflow:hidden}.progress i{display:block;height:100%;background:#a4ba73;border-radius:9px}.hero-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:22px}.tags{font-size:10px;color:#7b836b}.hero-bottom .button{font-size:11px;padding:11px 17px}
@media(max-width:1000px){.intro-note{display:none}.hero-body{padding:24px}.hero-body h2{font-size:22px}.hero-bottom{align-items:start;flex-direction:column}.hero-bottom .button{width:100%}.cards{gap:15px}.archive-grid{gap:14px}.detail-grid{grid-template-columns:minmax(0,1fr) 300px}.auth-layout{gap:30px;grid-template-columns:1fr 420px}.footer{margin-left:24px;margin-right:24px}nav{gap:20px}}
@media(max-width:720px){.header-inner{padding:0 18px;min-height:72px}.brand{font-size:18px}.brand-icon{width:35px;height:35px;border-radius:10px;font-size:21px}.brand small{font-size:8px;letter-spacing:0}.header nav,.username{display:none}.user-nav{font-size:11px;gap:9px}.button.small{font-size:10px;padding:8px 10px;gap:8px}.main{padding:0 18px}.intro{padding:35px 0 27px}.intro h1{font-size:31px;margin:12px 0}.intro p{font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.7px}.section-title{margin-bottom:15px}.section-title h2{font-size:18px;gap:8px}.section-title h2 small{display:none}.section-title>span{font-size:9px;max-width:125px;text-align:right}.hero-card{grid-template-columns:1fr;border-radius:12px}.hero-art{min-height:0;aspect-ratio:16/10}.hero-body{padding:22px}.hero-body h2{font-size:22px}.hero-bottom{flex-direction:row;align-items:center}.hero-bottom .button{width:auto;font-size:10px;padding:11px 13px;gap:10px}.hero-top{font-size:9px}.price-panel{padding:12px;gap:8px}.price-panel .current{padding-left:12px}.price-panel strong{font-size:25px}.price-panel b,.price-panel del{font-size:14px}.tags{font-size:9px;max-width:50%}.cards{grid-template-columns:1fr;gap:20px}.card-art{aspect-ratio:16/9}.card-body{padding:22px}.card-body h3{font-size:19px}.card-body>p{font-size:12px;min-height:0}.archive-grid{grid-template-columns:repeat(2,1fr);gap:12px}.archive-body{padding:12px}.archive-body h3{font-size:12px;min-height:39px}.archive-body b{font-size:12px}.archive-body span{font-size:8px}.year-tabs{gap:1px}.year-tabs button{font-size:10px;padding:4px 7px}.trust-strip{padding:18px 10px;margin:30px 0;gap:10px}.trust-strip>div{gap:6px;align-items:start}.trust-strip b{font-size:19px}.trust-strip span{font-size:11px}.trust-strip small{font-size:8px;line-height:1.6;max-width:70px}.footer{display:block;margin:25px 18px 75px;padding-top:20px}.footer>div:last-child{text-align:left;margin-top:15px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:10;background:#fffffff5;border-top:1px solid var(--line);justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;font-size:20px;line-height:1.2;color:#6b7a57}.mobile-nav span{font-size:9px;margin-top:4px}.detail-grid{grid-template-columns:1fr;gap:0}.detail-grid>aside{grid-row:1}.purchase-box{position:static;margin-bottom:22px;padding:23px}.content-box{padding:23px;margin:18px 0}.breadcrumbs{font-size:10px}.auth-layout{display:block;margin:30px auto}.auth-copy{display:none}.auth-card{padding:27px}.center-card{margin:35px auto;padding:27px}.order-card{grid-template-columns:85px 1fr;gap:14px;padding:15px}.order-card>div:last-child{grid-column:1/-1}.order-card .button{width:100%}.order-card h3{font-size:14px}.page-heading h1{font-size:26px}.stats{grid-template-columns:1fr 1fr;gap:12px}.stats>div{padding:18px}.stats strong{font-size:23px}.form-grid,.form-grid.thirds{grid-template-columns:1fr;gap:0}.admin-nav{gap:18px;font-size:12px}.prose{font-size:13px}section{margin-bottom:32px}}