:root{--ink:#25352d;--muted:#798079;--orange:#ee793a;--line:#e7e9e1;--paper:#fbfcf7;--green:#eaf0e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:14px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}header.header{height:92px;max-width:1240px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:800;letter-spacing:1px}.brand img{flex-shrink:0}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:var(--muted);margin-top:1px}nav{display:flex;align-items:center;gap:32px;color:#667168;font-size:13px}.nav-btn{border:0;background:none;color:inherit;padding:0}.header-cta{padding:9px 17px;border:1px solid #c8d0c3;border-radius:8px;font-size:12px;font-weight:600}.header-cta span{margin-left:20px}.hero{max-width:1200px;margin:auto;padding:72px 40px 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:center;min-height:570px}.eyebrow{font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:2.2px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:var(--orange);border-radius:50%}h1{font-size:clamp(44px,4.8vw,66px);line-height:1.3;letter-spacing:-2px;margin:23px 0;font-weight:900}.orange{color:var(--orange)}.hero-intro{font-size:14px;color:#7a8178;line-height:2;margin:0 0 28px}.hero-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;border-radius:8px;padding:12px 19px;font-size:13px;font-weight:600}.primary{background:var(--ink);color:white}.primary:hover{background:#435345}.light{background:transparent;border-color:#dce1d7;color:var(--ink)}.hero-foot{display:flex;align-items:center;gap:7px;margin-top:25px;color:#8b9186;font-size:10px}.hero-foot i{height:9px;width:1px;background:#ccd2c6;margin:0 5px}.tiny-ring{border:1px solid #b5c2a5;border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:#7a925e}.hero-art{position:relative;height:420px;background:radial-gradient(ellipse at center,#f5e9d5 0%,#f9f6e9 40%,transparent 70%)}.orbit{position:absolute;border:1px dashed #d9ddcc;border-radius:50%;inset:36px 12px;transform:rotate(-25deg)}.orbit-b{inset:75px -10px;transform:rotate(30deg)}.monkey{position:absolute;width:290px;top:50px;left:50%;transform:translateX(-50%)}.floating{position:absolute;display:flex;align-items:center;gap:10px;background:#fffefb;padding:12px 16px;border:1px solid #eee9dc;border-radius:11px;box-shadow:0 8px 26px #53452c08;z-index:2;font-size:12px;font-weight:600}.floating small{font-size:9px;color:#98978a;font-weight:400}.label-one{left:0;top:53px;transform:rotate(-7deg)}.label-two{right:-8px;top:147px;transform:rotate(7deg)}.label-three{left:10px;bottom:60px;transform:rotate(-5deg);font-size:10px}.mini-icon{height:26px;width:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:22px}.green{color:#327765;background:#e8f1e9}.sand{color:#bf7954;background:#f8e9dd}.blue{color:#667ca5;background:#e9edf6}.spark{position:absolute;color:#ccaf6d;font-size:30px}.s1{right:46px;top:24px}.s2{right:55px;bottom:57px;font-size:42px}.art-caption{position:absolute;bottom:8px;width:100%;text-align:center;font-size:10px;color:#8d9487}.live-dot{display:inline-block;width:5px;height:5px;background:#89a26a;border-radius:50%;margin-right:5px}.notice{max-width:1120px;margin:0 auto;padding:11px 18px;background:#f0f3e9;border:1px solid #e7ebdf;border-radius:8px;font-size:12px;color:#798570}.section{max-width:1200px;padding:65px 40px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.muted{color:#8c9684}.section-heading h2,.faq h2{font-size:29px;letter-spacing:-1px;margin:9px 0 0;font-weight:800}.section-heading h2 span{margin-left:16px;color:#92a381;font-weight:400}.section-heading>p{font-size:11px;color:#93998e;line-height:1.9;text-align:right;margin:0}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:0;background:transparent;color:#828b7c;font-size:12px;padding:8px 15px;border-radius:7px}.tabs button.active{background:var(--ink);color:white}.search{display:flex;align-items:center;gap:7px;border:1px solid #e1e5da;border-radius:7px;padding:7px 12px;background:#fff;min-width:210px}.search span{font-size:21px;line-height:1;color:#97a08d}.search input{border:0;outline:none;background:transparent;width:155px;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{display:flex;flex-direction:column;background:#fffefb;border:1px solid #e3e7dc;border-radius:12px;padding:22px;transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 9px 30px #2a3d2810}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.product-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#edf2e9;font-family:Arial,sans-serif;font-size:25px;font-weight:bold}.tag{font-size:9px;color:#8a9280;border:1px solid #e5e8de;border-radius:5px;padding:2px 7px}.product-card h3{font-size:15px;font-weight:700;margin:0 0 10px;line-height:1.6}.card-desc{font-size:11px;color:#93988c;line-height:1.9;margin:0 0 19px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0e8;padding-top:16px;margin-top:auto}.price{font-size:22px;font-weight:800}.price small{font-size:11px;font-weight:400}.price.pending{font-size:14px;color:#9b9e91}.card-button{border:1px solid #e0e5d6;border-radius:6px;padding:6px 10px;font-size:10px;background:#f4f6ee;color:#626f55}.empty{grid-column:1/-1;padding:45px;text-align:center;color:var(--muted);border:1px dashed #d8dfce;border-radius:10px}.guide{background:#f0f3e9;max-width:1120px;border:1px solid #e4e9db;border-radius:15px;padding:34px}.guide .section-heading h2{font-size:25px}.guide-badge{font-size:10px;color:#829070}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{padding:12px 20px 0 0}.steps b{font-family:Georgia,serif;font-size:30px;color:#aebc9d;font-weight:400}.steps h3{font-size:14px;margin:11px 0 7px}.steps p{font-size:11px;line-height:1.9;color:#8c9681;margin:0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-top:65px;padding-bottom:70px}.faq h2{font-size:26px}.faq>div>p{color:#93998c;font-size:11px;margin-top:12px}details{border-bottom:1px solid #e2e7d9;padding:15px 0}details:first-child{padding-top:0}summary{cursor:pointer;font-size:12px;font-weight:500;list-style:none;display:flex;justify-content:space-between}summary:after{content:'+';font-size:18px;color:#929d84}details[open] summary:after{content:'−'}details p{font-size:12px;color:#89927f;line-height:1.9}footer{max-width:1120px;margin:0 auto;padding:27px 0 35px;border-top:1px solid #e1e6d8;display:flex;align-items:center;justify-content:space-between;color:#8f9787;font-size:10px}footer .brand{font-size:15px;color:var(--ink)}footer .brand small{font-size:9px;letter-spacing:.5px}dialog{border:1px solid #e2e6db;border-radius:16px;max-width:580px;width:calc(100% - 32px);padding:0;background:var(--paper);color:var(--ink);box-shadow:0 25px 80px #14231130}dialog::backdrop{background:#1e2b2466;backdrop-filter:blur(3px)}.modal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 24px;color:#8c9583;font-size:12px}.modal-top button{background:none;border:0;font-size:25px;color:#718069}#modal-body{padding:24px}.detail-copy{white-space:pre-wrap;font-size:12px;line-height:1.9;color:#7f8875;max-height:250px;overflow:auto}.info-row{display:flex;gap:20px;color:#8b9581;font-size:11px;margin:18px 0}.form{display:grid;gap:14px}.form label{display:grid;gap:5px;font-size:12px}.form input,.form textarea{border:1px solid #d6decb;border-radius:7px;padding:10px;background:#fff;width:100%;color:var(--ink)}.form p{font-size:12px;color:#87937b}.form .btn{width:100%}.result{margin-top:18px;background:#edf2e6;padding:16px;border-radius:8px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.error{color:#b54829!important}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:20;background:#26372d;color:white;padding:12px 22px;border-radius:9px;max-width:90vw;font-size:12px}.admin-wrap{max-width:1160px;margin:35px auto;padding:0 25px}.admin-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;margin:20px 0}.admin-panel h2{font-size:20px;margin:0 0 16px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}td input[type=number]{width:85px;padding:6px;border:1px solid #d9dfd2;border-radius:5px}td .btn{padding:6px 10px;font-size:11px}.admin-muted{font-size:12px;color:var(--muted)}.inline{display:flex;gap:15px;align-items:center}.admin-panel .form{max-width:600px}.admin-panel input[type=checkbox]{width:auto}.status-pill{display:inline-block;padding:3px 8px;background:#f1eee0;border-radius:5px;font-size:10px}
@media(min-width:1400px){.hero{padding-top:85px;padding-bottom:80px}}@media(max-width:900px){header.header{padding:0 24px}.hero{padding:45px 25px;grid-template-columns:1fr 1fr;min-height:470px}.hero-art{height:350px}.monkey{width:240px;top:50px}.floating{padding:8px 10px;gap:5px}.floating small{display:none}.label-two{right:0}.label-one{left:0}.label-three{left:0;bottom:40px}.notice,.guide,footer{margin-left:25px;margin-right:25px}.section{padding-left:25px;padding-right:25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-actions{gap:6px}.btn{padding:11px 12px;gap:8px}.faq{gap:35px}.hero-intro{font-size:12px}.header-cta{display:none}}
@media(max-width:600px){header.header{height:76px;padding:0 20px}.brand{font-size:18px}.brand small{font-size:8px}nav{gap:17px;font-size:11px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:40px 24px 20px;gap:5px}.hero-copy{position:relative;z-index:3}h1{font-size:47px;letter-spacing:-2px;margin:18px 0}.hero-intro{font-size:12px}.hero-actions{gap:10px}.hero-art{height:315px;max-width:380px;width:100%;margin:auto}.monkey{width:230px;top:20px}.orbit{inset:10px 15px}.orbit-b{inset:55px 5px}.label-one{top:30px}.label-two{top:125px}.label-three{bottom:40px}.art-caption{bottom:0}.s1{top:0}.s2{bottom:35px}.notice{margin:15px 20px 0;font-size:11px}.section{padding:40px 20px}.section-heading h2{font-size:24px}.section-heading>p{display:none}.catalog-tools{align-items:stretch;flex-direction:column;gap:15px}.tabs{gap:3px}.tabs button{padding:7px 11px;font-size:11px}.search input{width:100%}.product-grid{gap:12px}.product-card{padding:15px}.product-card h3{font-size:12px}.product-icon{width:35px;height:35px;font-size:21px}.tag{font-size:8px;padding:2px 5px}.card-top{margin-bottom:13px}.card-desc{font-size:10px}.card-bottom{align-items:flex-start;gap:8px;flex-direction:column}.price{font-size:19px}.price.pending{font-size:12px}.card-button{width:100%;padding:6px}.guide{margin:0 20px;padding:25px 20px}.guide .section-heading h2{font-size:22px}.guide-badge{display:none}.steps{grid-template-columns:1fr;gap:15px}.steps article{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:0}.steps b{grid-row:1/3;font-size:26px}.steps h3{margin:4px 0}.steps p{grid-column:2;font-size:11px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:24px}.questions summary{font-size:12px}footer{margin:0 20px;gap:20px;flex-wrap:wrap;padding:25px 0}footer>span{order:3;width:100%}.hero-foot{font-size:9px}.admin-wrap{padding:0 15px}.admin-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card{transition:none}}

.hero{overflow:hidden}