@import "tailwindcss";
:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#182b36;background:#f5f7f8;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}button,input,textarea,select,a{font:inherit}button,a{cursor:pointer}button{border:1px solid #dde5e9;background:#fff;color:#344d5a;border-radius:10px;padding:11px 17px;transition:background .18s,transform .18s,box-shadow .18s}button:hover{background:#eef5f3}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #73c7b4;outline-offset:3px}header{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px max(28px,calc((100vw - 1280px)/2));background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e3e9ec}.brand{display:flex;align-items:center;gap:11px;color:#164d48;font-size:29px;white-space:nowrap}.brand b{font-size:21px;color:#1b3543;letter-spacing:1px}.brand span{font-size:12px;color:#718591;letter-spacing:1px;margin-left:10px;font-weight:400}nav{display:flex;gap:7px}nav button{background:none;border:0;font-size:13px;color:#6f818c;padding:10px 15px}nav .active{color:#174e47;background:#eaf3ef;font-weight:600}.header-support{font-size:12px;background:#193b46;color:white;border-color:#193b46}.header-support:hover{background:#2b5260}main{max-width:1336px;margin:auto;padding:24px 28px}.notice{display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #dce7e3;background:#eef5f1;color:#567168;font-size:12px;border-radius:10px;line-height:1.7}.notice button{margin-left:auto;font-size:11px;padding:0;border:0;background:none;color:#2c6a5d;white-space:nowrap}.status-dot{width:6px;height:6px;background:#5e9d80;border-radius:50%;flex-shrink:0}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;margin:24px 0 55px;background:#eaf0ef;border:1px solid #e2e9e6;border-radius:25px;overflow:hidden;padding:56px 55px 48px;position:relative}.hero>div:first-child{z-index:1}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;color:#6e9690;margin:0 0 13px}h1{font-size:clamp(38px,4.1vw,57px);line-height:1.3;letter-spacing:-2px;margin:20px 0;color:#1c3740;font-weight:650}em{color:#348375;font-style:normal}.intro{font-size:14px;color:#70858b;line-height:1.95;margin:20px 0 26px}.primary{display:inline-flex;align-items:center;justify-content:center;background:#193c46;color:white;border:1px solid #193c46;border-radius:10px;padding:13px 22px;font-size:13px;font-weight:500;box-shadow:0 4px 10px #193c4610}.primary:hover{background:#2b5760;color:white}.benefits{display:flex;gap:20px;margin-top:30px;font-size:11px;color:#668078}.art{position:relative;display:grid;place-items:center;min-height:300px;background:radial-gradient(ellipse at center,#a6d6c773,transparent 70%)}.orb{display:grid;place-items:center;width:205px;height:205px;border-radius:54px;background:linear-gradient(140deg,#f1fff2,#75b6a4);box-shadow:20px 25px 45px #51887924,inset 1px 1px 2px white;color:#faffed;font-size:132px;transform:rotate(-15deg);position:relative;z-index:1}.orbit{position:absolute;border:1px solid #9abfb05c;border-radius:50%;width:340px;height:230px;transform:rotate(-30deg)}.orbit-two{transform:rotate(42deg);width:330px;height:295px}.floatcard,.mini{position:absolute;display:flex;align-items:center;gap:12px;z-index:2;background:#ffffffed;backdrop-filter:blur(12px);border:1px solid white;border-radius:13px;box-shadow:0 14px 25px #4266560d;padding:14px 18px}.floatcard{top:10px;right:-15px}.floatcard small{display:block;font-size:8px;letter-spacing:1.5px;color:#7d9790}.floatcard b{display:block;margin-top:5px;font-size:12px;font-weight:500}.decor-icon{display:grid;place-items:center;border-radius:9px;width:36px;height:36px;background:#edf5f0;color:#4f8c75;font-size:23px}.mini{bottom:28px;left:-18px;font-size:8px;letter-spacing:1px;color:#81948e}.mini>span{font-size:25px;color:#609781}.mini b{display:block;font-size:12px;letter-spacing:0;margin-top:6px;color:#34574d}.art-label{position:absolute;bottom:-17px;right:0;font-size:8px;letter-spacing:2px;color:#8ba69c}h2{font-size:24px;line-height:1.4;letter-spacing:-.6px;margin:8px 0 12px;font-weight:600}h3{font-size:16px;font-weight:600}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:25px}.catalog-count{font-size:12px;color:#8998a0;margin:0}.catalog-tools{display:flex;gap:10px;align-items:center}.search-wrap{display:flex;align-items:center;gap:8px;padding:0 12px;background:#fff;border:1px solid #e0e6e9;border-radius:10px;color:#97a6ad}.search-wrap>span{font-size:25px}.search-wrap input{border:0;background:none;padding:11px 0;width:190px;font-size:12px}.search-wrap button{padding:0 4px;border:0}.catalog-tools select{width:140px;font-size:12px}input,select,textarea{border:1px solid #dce5e8;background:#fff;color:#3f5863;padding:12px 14px;border-radius:9px;min-width:0}input::placeholder,textarea::placeholder{color:#96a3ab}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 22px}.filters button{font-size:12px;background:#fff;border:1px solid #e2e8eb;border-radius:8px;padding:9px 16px;white-space:nowrap}.filters .chosen{background:#203f4c;color:white;border-color:#203f4c}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}article{border:1px solid #e1e8ec;border-radius:15px;background:white;overflow:hidden}.grid article{transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.grid article:hover{transform:translateY(-4px);box-shadow:0 12px 26px #1f44520e}.productart{height:165px;position:relative;display:grid;place-items:center;overflow:hidden;background:#eef3f3;border-bottom:1px solid #f1f4f5}.productart img{width:100%;height:100%;object-fit:contain;padding:20px}.tone1{background:#f0f0f6}.tone2{background:#f3f1eb}.productart>span{font-size:70px;color:#80a69b}.productart label{position:absolute;top:12px;left:12px;font-size:10px;padding:4px 8px;background:#ffffffeb;border:1px solid #ffffff;border-radius:5px;color:#687d88}.cardbody{padding:18px;display:flex;flex:1;flex-direction:column}.cardbody small{font-size:10px;color:#83988e}.cardbody h3{font-size:13px;line-height:1.65;margin:11px 0 8px;min-height:64px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.cardbody>p{font-size:11px;line-height:1.8;color:#8c9aa2;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardbottom{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:20px}.cardbottom strong{font-size:22px;font-weight:650;letter-spacing:-.5px;color:#244954}.cardbottom strong span{font-size:12px;margin-right:3px}.cardbottom button{font-size:11px;padding:8px 11px;border:0;background:#edf4f1;color:#477564}.steps{margin:52px 0 0;padding:34px;border:1px solid #e0e8e6;border-radius:18px;background:#f0f4f1}.steps .sectionhead button{font-size:11px;background:transparent;border-color:#cfddd6}.steps>div:not(.sectionhead){display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:23px}.steps h3{font-size:13px;color:#34564c;margin:0 0 10px}.steps p{font-size:12px;line-height:1.85;color:#82958a}.empty{text-align:center;padding:70px 20px;color:#81929d;border:1px dashed #d8e1e6;border-radius:14px;background:#fff;margin:24px 0;font-size:13px;line-height:2}.empty button{display:block;margin:16px auto 0}.pagetitle{font-size:38px;letter-spacing:-1px}.order{padding:22px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.order small{color:#90a0a8;font-size:10px;overflow-wrap:anywhere}.order h3{font-size:14px}.order p{font-size:12px;color:#708793}.order-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.order-actions button{font-size:12px}.order code{overflow-wrap:anywhere;color:#33765d;font-size:12px}form{display:grid;gap:12px;max-width:650px;margin-bottom:35px}.overlay{position:fixed;inset:0;background:#102b3a80;backdrop-filter:blur(5px);z-index:8;display:grid;place-items:center;padding:20px}.modal{background:#fff;width:100%;max-width:540px;border-radius:20px;padding:30px;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0b29334d}.modal .close{float:right;font-size:11px}.modal small{font-size:11px;color:#6d8c80}.modal h2{font-size:22px;margin-top:25px;clear:both}.modal p{font-size:13px;line-height:1.9;color:#7d8c96}.source-link{font-size:12px;color:#508976;text-decoration:underline}.price{display:block;font-size:32px;color:#244954;margin-top:20px}.modal .notice{margin-top:15px}.modal>.primary{margin-top:22px}.support-detail{display:block;margin-top:12px;font-size:12px}.toast{position:fixed;z-index:12;bottom:28px;left:50%;transform:translateX(-50%);max-width:90vw;box-shadow:0 10px 40px #1c3e4333;background:#244b50;color:white;border-color:#244b50;font-size:13px}.toast:hover{background:#2c5960}footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding:35px 0 20px;margin-top:50px;border-top:1px solid #dde6ea;color:#8b9ca4}footer .brand b{font-size:17px}footer .brand{font-size:23px}footer p,footer small{font-size:11px}.footer-links{display:flex;align-items:center;gap:18px}.footer-links button{border:0;background:none;padding:5px;font-size:12px;color:#738892}.footer-links a{font-size:12px}.footer-bottom{grid-column:1/-1;border-top:1px solid #e5ebee;padding-top:17px;display:flex;justify-content:space-between}.floating-support{position:fixed;right:22px;bottom:25px;border:1px solid #2b5c57;color:white;background:#234d49;z-index:5;box-shadow:0 8px 25px #214b4633;padding:12px 18px;border-radius:30px;font-size:12px;display:flex;gap:8px;align-items:center}.floating-support>span{font-size:19px}.floating-support:hover{background:#367166;color:white}.support-heading{text-align:center;padding:44px 0 35px}.support-heading>p:last-child{font-size:13px;color:#7e929d}.support-heading .pagetitle{font-size:39px}.support-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;max-width:1020px;margin:auto}.wechat-card{padding:30px;text-align:center;background:linear-gradient(165deg,#e8f5ed,#fff 65%)}.support-tag{font-size:9px;letter-spacing:2px;color:#7c9f92}.wechat-card h2,.email-card h2{font-size:23px;margin-top:14px}.wechat-card>p,.email-card>p{font-size:12px;line-height:1.8;color:#7e9299}.qr-frame{background:#fff;border:1px solid #e2ece6;border-radius:13px;padding:8px;max-width:270px;margin:20px auto 15px;box-shadow:0 5px 20px #3f7a5210}.qr-frame img{width:100%;height:auto;display:block;border-radius:8px}.download-qr{display:block;font-size:12px;color:#37836c;text-decoration:underline;margin:14px 0}.wechat-card>small,.email-card>small{display:block;color:#99a8ad;font-size:10px;line-height:1.8}.support-right{display:grid;gap:20px;align-content:start}.email-card,.case-card{padding:30px}.email-address{font-size:clamp(16px,1.8vw,22px);color:#315a64;display:block;margin:21px 0;overflow-wrap:anywhere;letter-spacing:-.5px}.contact-actions{display:flex;gap:10px;margin-bottom:15px}.contact-actions button{font-size:12px}.case-card h3{margin:0 0 20px}.case-card label{font-size:11px;color:#758b95;display:block;margin-bottom:9px}.case-card input{font-size:12px;width:100%}.case-card ol{padding:0;list-style:none;counter-reset:help;margin:25px 0}.case-card li{counter-increment:help;position:relative;padding-left:36px;margin-top:19px}.case-card li:before{content:counter(help);position:absolute;left:0;top:0;background:#eef5f1;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:11px;color:#4d8c75}.case-card li b{font-size:12px;display:block;font-weight:500}.case-card li span{display:block;font-size:11px;color:#8a9da5;margin-top:5px;line-height:1.7}.privacy-note{font-size:10px;line-height:1.9;padding:12px;background:#f5f7f8;border-radius:9px;color:#8698a2}.loading-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.skeleton{height:320px;border-radius:15px;background:linear-gradient(100deg,#e9edef,#f8fafb,#e9edef);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important;animation:none!important}}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:40px;gap:20px}.benefits{gap:10px}.floatcard{right:-18px}.mini{left:-15px}header{padding:17px 25px}.catalog-tools{gap:8px}.search-wrap input{width:140px}}@media(max-width:800px){.brand span{display:none}.header-support{display:none}header{padding:15px 20px}.hero{grid-template-columns:1fr 1fr;padding:32px 27px}.orb{width:150px;height:150px;border-radius:39px;font-size:95px}.art{min-height:240px}.orbit{width:220px;height:160px}.orbit-two{width:200px;height:210px}.floatcard{padding:10px;right:-12px;top:3px}.floatcard b{font-size:10px}.floatcard small{font-size:6px}.decor-icon{width:28px;height:28px}.mini{padding:10px;bottom:22px;left:-14px}.mini b{font-size:10px}.intro{font-size:12px}.benefits{flex-wrap:wrap;font-size:10px}.sectionhead{align-items:flex-start;flex-direction:column;gap:16px}.catalog-tools{width:100%}.search-wrap{flex:1}.search-wrap input{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-grid{grid-template-columns:1fr 1fr}.wechat-card,.email-card,.case-card{padding:22px}.contact-actions{flex-direction:column}.support-heading .pagetitle{font-size:31px}.footer-links{gap:9px}.steps{padding:25px}.steps>div:not(.sectionhead){gap:20px}}@media(max-width:560px){header{flex-wrap:wrap;gap:13px;justify-content:center;position:relative}.brand b{font-size:20px}nav{width:100%;justify-content:center;gap:0}nav button{font-size:11px;padding:9px 13px}main{padding:15px}.notice{font-size:10px;padding:11px 13px;flex-wrap:wrap}.notice button{font-size:10px;margin-left:15px}.hero{grid-template-columns:1fr;padding:30px 25px;margin:18px 0 34px;border-radius:18px;gap:10px}h1{font-size:40px;margin:18px 0}.intro{font-size:12px}.hero .art{min-height:215px;margin-top:16px}.orb{width:145px;height:145px;font-size:95px}.floatcard{right:0;top:10px}.mini{left:0;bottom:12px}.art-label{bottom:-9px}.benefits{gap:15px}.eyebrow{font-size:8px}h2{font-size:21px}.catalog-count{font-size:10px}.catalog-tools select{font-size:10px;width:122px;padding:11px}.search-wrap input{font-size:11px}.filters{gap:7px;margin:18px 0;flex-wrap:nowrap;overflow:auto;padding-bottom:7px}.filters button{padding:8px 13px;font-size:11px}.grid{gap:11px}.productart{height:132px}.productart img{padding:15px}.productart label{font-size:8px;top:8px;left:8px}.cardbody{padding:12px}.cardbody small{font-size:8px}.cardbody h3{font-size:11px;min-height:56px;margin-top:8px}.cardbody>p{font-size:9px}.cardbottom{flex-wrap:wrap;padding-top:15px;gap:10px}.cardbottom strong{font-size:20px}.cardbottom button{font-size:10px;width:100%;padding:8px}.steps{margin-top:28px;padding:22px}.steps>div:not(.sectionhead){grid-template-columns:1fr;gap:14px}.steps p{margin:0}.steps h3{margin-bottom:7px}.order{flex-direction:column;align-items:start;padding:18px}.order-actions{width:100%}.pagetitle{font-size:30px}.support-heading{padding:28px 0}.support-heading .pagetitle{font-size:28px}.support-heading .pagetitle em{display:block}.support-heading>p:last-child{font-size:11px}.support-grid{grid-template-columns:1fr}.qr-frame{max-width:255px}.contact-actions{flex-direction:row}.email-address{font-size:20px}.modal{padding:24px}.modal h2{font-size:19px}.modal>.primary{width:100%}.modal .support-detail{width:100%}footer{grid-template-columns:1fr;margin-top:35px;padding-top:25px;padding-bottom:75px}.footer-links{justify-content:space-between;gap:6px}.footer-links button,.footer-links a{font-size:11px}.footer-bottom{flex-direction:column;gap:8px}.floating-support{right:15px;bottom:16px;padding:10px 15px;font-size:11px}.toast{bottom:80px;width:max-content;font-size:12px}.loading-grid{grid-template-columns:repeat(2,1fr)}}

nav .login-link{font-size:13px;color:#477564;padding:10px 15px;border-radius:10px;background:#eef5f1;white-space:nowrap}@media(max-width:560px){nav .login-link{font-size:11px;padding:9px 13px}}

/* Compact shop introduction keeps the product catalogue above the fold. */
.store-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 23px;margin:16px 0 23px;border:1px solid #e0e9e6;border-radius:13px;background:linear-gradient(110deg,#eaf1ee,#f2f5f4)}
.store-intro h1{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:0;font-weight:600}
.store-intro p{font-size:12px;color:#81968f;line-height:1.7;margin:6px 0 0}
.intro-services{display:flex;align-items:center;gap:19px;font-size:11px;color:#748d83;white-space:nowrap}
.intro-services button{padding:8px 0;border:0;background:transparent;color:#457663;font-size:11px}
#catalog>.sectionhead .eyebrow{display:none}
#catalog>.sectionhead h2{margin-top:0}
@media(max-width:800px){.store-intro{padding:16px 19px;margin:13px 0 20px}.store-intro h1{font-size:22px}.intro-services>span{display:none}.intro-services{gap:0}}
@media(max-width:560px){.store-intro{padding:14px 16px;margin:12px 0 20px;gap:12px}.store-intro h1{font-size:19px;letter-spacing:-.6px}.store-intro p{font-size:10px;margin-top:5px}.intro-services{display:none}#catalog>.sectionhead{gap:13px}#catalog>.filters{margin-top:15px;margin-bottom:13px}}

.merchant-orders{margin:35px 0}.merchant-order{padding:22px;margin:16px 0}.merchant-order>small{color:#8b9ba5;font-size:11px;overflow-wrap:anywhere}.merchant-order>p{font-size:12px;color:#6c838b}.merchant-order textarea,.buyer-note textarea{display:block;width:100%;min-height:110px;margin-top:8px;font-size:12px;line-height:1.8}.buyer-note{display:block;margin-top:20px;font-size:12px;color:#738c95}.delivered-content{background:#eff6f2;border:1px solid #d9e8de;border-radius:9px;padding:14px;max-width:100%;overflow-wrap:anywhere}.delivered-content pre,pre.delivered-content{white-space:pre-wrap;word-break:break-word;font:12px/1.9 monospace;margin:6px 0}.merchant-order label{font-size:12px;color:#70878f}

.product-wechat{margin-top:1rem;text-align:center}.product-wechat h3{margin:0}.product-wechat a{display:inline-block}.product-wechat img{display:block;width:220px;max-width:100%;height:auto;border-radius:12px}.product-wechat small{display:block;margin-top:.5rem}