.header{background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid#d2d2d7;position:sticky;top:0;z-index:1000;transition:all.3s ease}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}@media(max-width:768px){.nav{flex-direction:column;gap:16px}}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#1d1d1f;font-size:20px;font-weight:600}.logo-icon{font-size:24px}.logo-text{color:#0071e3}.nav-menu{display:flex;list-style:none;gap:32px;align-items:center}@media(max-width:768px){.nav-menu{gap:20px;flex-wrap:wrap;justify-content:center}}.nav-menu a{text-decoration:none;color:#1d1d1f;font-size:17px;font-weight:400;transition:color.3s ease;position:relative}@media(max-width:768px){.nav-menu a{font-size:16px}}.nav-menu a:hover,.nav-menu a.active{color:#0071e3}.nav-menu a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:#0071e3}.footer{background-color:#f5f5f7;padding:60px 0 24px;margin-top:80px;border-top:1px solid#d2d2d7}@media(max-width:768px){.footer{padding:40px 0 20px}}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:32px}}.footer-section h3{font-size:19px;font-weight:600;margin-bottom:16px;color:#1d1d1f}.footer-section p{color:#86868b;font-size:14px;line-height:1.8}.footer-section ul{list-style:none}.footer-section ul li{color:#86868b;font-size:14px;margin-bottom:8px}.footer-section a{color:#86868b;text-decoration:none;transition:color.3s ease}.footer-section a:hover{color:#0071e3}.footer-bottom{text-align:center;padding-top:24px;border-top:1px solid#d2d2d7}.footer-bottom p{color:#86868b;font-size:14px;margin-bottom:8px}.footer-links{margin:16px 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.footer-links a{color:#86868b;text-decoration:none;font-size:14px;transition:color.3s ease}.footer-links a:hover{color:#0071e3}.footer-links .separator{color:#86868b;margin:0 4px}.icp{margin-top:8px}.icp a{color:#86868b;text-decoration:none;transition:color.3s ease}.icp a:hover{color:#0071e3}.home{overflow-x:hidden}.hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:120px 0;text-align:center}@media(max-width:768px){.hero{padding:80px 0}}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:56px;font-weight:700;margin-bottom:24px;line-height:1.1}@media(max-width:768px){.hero-title{font-size:36px}}.hero-subtitle{font-size:24px;margin-bottom:40px;opacity:.95;line-height:1.5}@media(max-width:768px){.hero-subtitle{font-size:20px}}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:60px}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:24px}}.feature-card{background:white;padding:40px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-align:center;transition:transform.3s ease,box-shadow.3s ease}@media(max-width:768px){.feature-card{padding:32px 24px}}.feature-card:hover{transform:translatey(-8px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.feature-card h3{font-size:22px;font-weight:600;margin-bottom:12px;color:#1d1d1f}.feature-card p{color:#86868b;font-size:16px;line-height:1.6}.feature-icon{font-size:48px;margin-bottom:20px}.process-steps{display:flex;flex-direction:column;gap:32px;margin-top:60px;position:relative}.process-steps:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#0071e3,transparent)}@media(max-width:768px){.process-steps:before{left:20px}}.process-step{display:flex;gap:32px;align-items:flex-start;position:relative}@media(max-width:768px){.process-step{gap:20px}}.process-step h3{font-size:24px;font-weight:600;margin-bottom:8px;color:#1d1d1f}@media(max-width:768px){.process-step h3{font-size:20px}}.process-step p{color:#86868b;font-size:16px;line-height:1.6}.step-number{width:60px;height:60px;border-radius:50%;background:#0071e3;color:white;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width:768px){.step-number{width:40px;height:40px;font-size:18px}}.cta{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{font-size:40px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.cta-content h2{font-size:32px}}.cta-content p{font-size:20px;margin-bottom:32px;opacity:.95}.services-page{min-height:100vh}.page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:100px 0 60px;text-align:center}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-title{font-size:56px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:24px;opacity:.95}@media(max-width:768px){.page-subtitle{font-size:20px}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:60px}@media(max-width:768px){.services-grid{grid-template-columns:1fr;gap:24px}}.service-card{background:white;border-radius:16px;padding:40px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform.3s ease,box-shadow.3s ease}@media(max-width:768px){.service-card{padding:32px 24px}}.service-card:hover{transform:translatey(-8px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.service-header h2{font-size:26px;font-weight:600;margin-bottom:16px;color:#1d1d1f}.service-header p{color:#86868b;font-size:16px;line-height:1.6;margin-bottom:24px}.service-features{list-style:none}.service-features li{display:flex;align-items:center;gap:12px;padding:12px 0;color:#1d1d1f;font-size:16px;border-bottom:1px solid#f5f5f7}.service-features li:last-child{border-bottom:none}.check-icon{width:24px;height:24px;border-radius:50%;background:#0071e3;color:white;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.pricing-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:60px}@media(max-width:768px){.pricing-info{grid-template-columns:1fr}}.info-card{background:#f5f5f7;padding:32px;border-radius:12px;text-align:center}.info-card h3{font-size:22px;font-weight:600;margin-bottom:16px;color:#1d1d1f}.info-card p{color:#86868b;font-size:16px;line-height:1.6}.about-page{min-height:100vh}.page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:100px 0 60px;text-align:center}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-title{font-size:56px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:24px;opacity:.95}@media(max-width:768px){.page-subtitle{font-size:20px}}.about-content{background:#fff}.content-block{margin-bottom:60px}.content-block:last-child{margin-bottom:0}.content-block h2{font-size:36px;font-weight:600;margin-bottom:24px;color:#1d1d1f}@media(max-width:768px){.content-block h2{font-size:28px}}.content-block>p{font-size:18px;line-height:1.8;color:#86868b;max-width:900px}@media(max-width:768px){.content-block>p{font-size:16px}}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-top:32px}@media(max-width:768px){.advantages-grid{grid-template-columns:1fr;gap:24px}}.advantage-item{background:white;padding:32px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform.3s ease,box-shadow.3s ease}@media(max-width:768px){.advantage-item{padding:24px}}.advantage-item:hover{transform:translatey(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.advantage-item h3{font-size:22px;font-weight:600;margin-bottom:12px;color:#1d1d1f}.advantage-item p{color:#86868b;font-size:16px;line-height:1.6}.contact-info{margin-top:24px;padding:24px;background:#f5f5f7;border-radius:12px;max-width:600px}.contact-info p{font-size:17px;margin-bottom:12px;color:#1d1d1f}.contact-info p:last-child{margin-bottom:0}.contact-info strong{color:#0071e3}.contact-page{min-height:100vh}.page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:100px 0 60px;text-align:center}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-title{font-size:56px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:24px;opacity:.95}@media(max-width:768px){.page-subtitle{font-size:20px}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:60px}@media(max-width:968px){.contact-grid{grid-template-columns:1fr;gap:40px}}.contact-form-container h2,.contact-info-container h2{font-size:32px;font-weight:600;margin-bottom:12px;color:#1d1d1f}@media(max-width:768px){.contact-form-container h2,.contact-info-container h2{font-size:28px}}.contact-form-container p{color:#86868b;font-size:16px;margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:16px;font-weight:500;color:#1d1d1f}.form-group input,.form-group textarea{padding:12px 16px;font-size:16px;border:1px solid#d2d2d7;border-radius:8px;font-family:inherit;transition:border-color.3s ease,box-shadow.3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#0071e3;box-shadow:0 0 0 3px rgba(0,113,227,.1)}.form-group textarea{resize:vertical}.contact-info-container{background:#f5f5f7;padding:40px;border-radius:16px;height:-moz-fit-content;height:fit-content}@media(max-width:968px){.contact-info-container{padding:32px}}.contact-info-item{display:flex;gap:20px;margin-bottom:32px;align-items:flex-start}.contact-info-item:last-child{margin-bottom:0}.info-icon{font-size:32px;flex-shrink:0}.info-content h3{font-size:20px;font-weight:600;margin-bottom:8px;color:#1d1d1f}.info-content p{color:#86868b;font-size:16px;line-height:1.6;margin-bottom:4px}.info-content a{color:#0071e3;text-decoration:none;transition:color.3s ease}.info-content a:hover{color:#0077ed;text-decoration:underline}.legal-page{min-height:100vh}.page-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:100px 0 60px;text-align:center}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-title{font-size:56px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:24px;opacity:.95}@media(max-width:768px){.page-subtitle{font-size:20px}}.legal-content{background:#fff;padding:60px 0}@media(max-width:768px){.legal-content{padding:40px 0}}.legal-text{max-width:900px;margin:0 auto;background:white;padding:60px;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width:968px){.legal-text{padding:40px 32px}}@media(max-width:768px){.legal-text{padding:32px 24px}}.legal-section{margin-bottom:40px}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:24px;font-weight:600;margin-bottom:16px;color:#1d1d1f;padding-bottom:12px;border-bottom:2px solid#f5f5f7}@media(max-width:768px){.legal-section h2{font-size:20px}}.legal-section p{font-size:16px;line-height:1.8;color:#86868b;margin-bottom:12px;text-align:justify}@media(max-width:768px){.legal-section p{font-size:15px}}.legal-section p:last-child{margin-bottom:0}.legal-section p strong{color:#1d1d1f;font-weight:600}.update-date{color:#86868b;font-size:14px;text-align:right;margin-top:40px;padding-top:20px;border-top:1px solid#d2d2d7}.landing-page{min-height:100vh;padding:40px 0;background-color:#f5f5f7}@media(max-width:768px){.landing-page{padding:20px 0}}.landing-header{text-align:center;margin-bottom:40px}.landing-header h1{font-size:36px;font-weight:600;color:#1d1d1f;margin-bottom:20px}@media(max-width:768px){.landing-header h1{font-size:28px}}.company-info{margin-top:20px;padding:16px;background-color:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:inline-block}.company-info p{margin:4px 0;font-size:14px;color:#86868b}.loading-container,.error-container,.empty-state{text-align:center;padding:60px 20px;background-color:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.loading-spinner{width:40px;height:40px;border:4px solid#d2d2d7;border-top-color:#0071e3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-container h2{font-size:24px;color:#1d1d1f;margin-bottom:16px}.error-container p{color:#86868b;margin-bottom:24px}.orders-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.order-card{background-color:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;transition:transform.3s ease,box-shadow.3s ease}@media(max-width:768px){.order-card{border-radius:8px}}.order-card:hover{transform:translatey(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.order-cover{width:100%;height:200px;overflow:hidden;background-color:#f5f5f7}@media(max-width:768px){.order-cover{height:150px}}.order-cover img{width:100%;height:100%;object-fit:cover}.order-info{padding:24px}@media(max-width:768px){.order-info{padding:16px}}.order-shop{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid#d2d2d7}.shop-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid#d2d2d7}.shop-info{flex:1}.shop-name{font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:4px}.shop-intro{font-size:14px;color:#86868b;margin:0}.order-details{display:flex;flex-direction:column;gap:12px}.product-name{font-size:20px;font-weight:600;color:#1d1d1f;margin:0}@media(max-width:768px){.product-name{font-size:18px}}.product-spec{font-size:14px;color:#86868b;margin:0}.order-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid#d2d2d7;border-bottom:1px solid#d2d2d7}@media(max-width:768px){.order-meta{flex-direction:column;align-items:flex-start;gap:8px}}.order-quantity{font-size:14px;color:#86868b}.order-amount{font-size:20px;font-weight:600;color:#0071e3}.order-time{font-size:14px;color:#86868b;margin:0}.order-content{margin-top:16px;padding:16px;background-color:#f5f5f7;border-radius:8px}.order-content-item{font-size:14px;line-height:1.8;color:#1d1d1f}.order-content-item p{margin:8px 0}.order-content-item p:first-child{margin-top:0}.order-content-item p:last-child{margin-bottom:0}.shop-link{display:inline-block;margin-top:16px;padding:10px 24px;background-color:#0071e3;color:white;text-decoration:none;border-radius:6px;font-size:14px;transition:background-color.3s ease;align-self:flex-start}.shop-link:hover{background-color:#0077ed}.landing-footer{display:flex;justify-content:center;gap:16px;padding:24px;background-color:white;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width:768px){.landing-footer{flex-direction:column}.landing-footer .btn{width:100%}}.empty-state{padding:80px 20px}.empty-state p{font-size:18px;color:#86868b}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0071e3;--primary-hover:#0077ed;--secondary-color:#1d1d1f;--text-color:#1d1d1f;--text-secondary:#86868b;--bg-color:#ffffff;--bg-gray:#f5f5f7;--border-color:#d2d2d7;--shadow:0 2px 8px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.15)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;color:#1d1d1f;line-height:1.6;background-color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section-title{font-size:48px;font-weight:600;text-align:center;margin-bottom:16px;color:#1d1d1f}.section-subtitle{font-size:21px;text-align:center;color:#86868b;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.btn{display:inline-block;padding:12px 32px;font-size:17px;font-weight:400;text-align:center;text-decoration:none;border-radius:8px;transition:all.3s ease;cursor:pointer;border:none}.btn-primary{background-color:#0071e3;color:white}.btn-primary:hover{background-color:#0077ed;transform:translatey(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-secondary{background-color:transparent;color:#0071e3;border:1px solid#0071e3}.btn-secondary:hover{background-color:#0071e3;color:white}@media(max-width:768px){.section{padding:60px 0}.section-title{font-size:36px}.section-subtitle{font-size:19px}.container{padding:0 16px}}