:root{--amber-gold: #C68B5E;--forest-green: #2C5F2D;--rice-white: #FAF7F2;--earth-brown: #A8785C}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--rice-white);color:#333;overflow-x:hidden;scroll-behavior:smooth}@keyframes breathScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes floatUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shieldFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes nodeBreath{0%{box-shadow:0 0 2px var(--amber-gold)}50%{box-shadow:0 0 10px var(--amber-gold)}to{box-shadow:0 0 2px var(--amber-gold)}}@keyframes slideInLeftBounce{0%{transform:translate(-150%);opacity:0}60%{transform:translate(8%);opacity:1}80%{transform:translate(-3%)}to{transform:translate(0);opacity:1}}@keyframes slideInRightBounce{0%{transform:translate(150%);opacity:0}60%{transform:translate(-8%);opacity:1}80%{transform:translate(3%)}to{transform:translate(0);opacity:1}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes qrGlow{0%{box-shadow:0 0 #c68b5e66}70%{box-shadow:0 0 0 15px #c68b5e00}to{box-shadow:0 0 #c68b5e00}}@keyframes badgeBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes btnShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#hero{height:100vh;width:100vw;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(src/assets/首页1.png);background-size:cover;background-position:center;animation:breathScale 15s infinite ease-in-out;opacity:.8;transition:transform .5s ease}.hero-content{z-index:10;text-align:center;padding:0 20px}.hero-title{font-size:38px;font-weight:800;color:#ffad7b;text-shadow:0 4px 10px rgba(0,0,0,.5);margin-bottom:8px;transform:translateY(20px)}.hero-subtitle{margin-top:20px;font-size:15px;color:#ffad7b;font-weight:300;animation:floatUp 1s .3s forwards}.batch-label{position:absolute;top:60px;right:20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 14px;border-radius:50px;font-size:11px;z-index:20;animation:floatUp 1s .3s forwards;opacity:0}.scroll-hint{position:absolute;bottom:30px;color:#fff;z-index:10;font-size:14px;opacity:0;animation:bounceDown 2s infinite 2s,appear .5s 2s forwards;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;left:0}@keyframes appear{to{opacity:1}}.card-container{padding:20px 16px;margin-top:-40px;position:relative;z-index:30}.trace-card{background:white;border-radius:24px;padding:24px;box-shadow:0 20px 40px #00000014;transform:translateY(50px);opacity:0;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.trace-card.visible{transform:translateY(0);opacity:1}.metric-box{background:#fcfcfc;border:1px solid #f0f0f0;border-radius:12px;padding:12px 8px;text-align:center}.terroir-section{padding:40px 0;overflow:hidden;clip-path:inset(0 50% 0 0);transition:clip-path 1.2s cubic-bezier(.77,0,.175,1);background:#fff;min-height:400px}.terroir-section.visible{clip-path:inset(0 0 0 0)}.mountain-svg{width:100%;height:120px;margin:20px 0;overflow:visible}.mountain-path{fill:none;stroke:var(--earth-brown);stroke-width:1.5;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2.5s ease-out}.terroir-section.visible .mountain-path{stroke-dashoffset:0}.radial-chart{width:70px;height:70px;position:relative}.progress-ring__circle{transition:stroke-dashoffset 1.5s ease-in-out;transform:rotate(-90deg);transform-origin:50% 50%}.gallery-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px;gap:15px}.gallery-card{flex:0 0 260px;scroll-snap-align:center;border-radius:16px;overflow:hidden;transition:all .4s ease;filter:blur(2px);transform:scale(.95);background:#eee}.gallery-card img{width:100%;height:180px;object-fit:cover}.gallery-card.active{filter:blur(0);transform:scale(1.05);z-index:2}.ritual-section{padding:40px 16px}.ritual-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:20px}.ritual-card{flex:0 0 85%;scroll-snap-align:start;background:white;border-radius:20px;overflow:hidden;transform:translate(-50px);opacity:0;transition:all .6s ease-out;box-shadow:0 10px 20px #0000000d}.ritual-card.visible{transform:translate(0);opacity:1}.ritual-img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease;background:#eee}.dot-indicator{display:flex;justify-content:center;gap:8px;margin-top:10px}.dot{width:6px;height:6px;border-radius:50%;background:#ddd;transition:all .3s ease}.dot.active{background:var(--amber-gold);transform:scale(1.3)}.timeline-section{padding:60px 20px;background:#fff}.timeline-container{position:relative;padding-left:30px}.timeline-container:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,#eee 10%,#eee 90%,transparent)}.timeline-item{position:relative;margin-bottom:30px;opacity:0;transform:translate(20px);transition:all .6s cubic-bezier(.23,1,.32,1)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-node{position:absolute;left:-30px;top:8px;width:16px;height:16px;background:#fff;border:3px solid var(--amber-gold);border-radius:50%;z-index:2;animation:nodeBreath 2s infinite ease-in-out}.timeline-card-ai{background:#F9F9F9;border-radius:16px;padding:16px;transition:all .4s ease;cursor:pointer;border:1px solid transparent}.timeline-item.active .timeline-card-ai{background:#fff;box-shadow:0 10px 25px #c68b5e1f;border-color:#c68b5e33}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-date{font-size:12px;color:var(--amber-gold);font-weight:700;letter-spacing:1px}.timeline-arrow{transition:transform .4s cubic-bezier(.4,0,.2,1);color:#ccc}.timeline-item.active .timeline-arrow{transform:rotate(90deg);color:var(--amber-gold)}.timeline-body{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.timeline-item.active .timeline-body{max-height:500px}.timeline-details{padding-top:15px;opacity:0;transform:translateY(10px);transition:all .4s ease .2s}.timeline-item.active .timeline-details{opacity:1;transform:translateY(0)}.ai-badge{display:inline-flex;align-items:center;background:linear-gradient(135deg,#fdfbfb 0%,#ebedee 100%);padding:2px 8px;border-radius:4px;font-size:10px;color:#888;margin-top:4px}.report-section{padding:60px 20px;background:#fdfcf9}.shield-icon-floating{animation:shieldFloat 3s infinite ease-in-out;filter:drop-shadow(0 4px 12px rgba(198,139,94,.2))}.gauge-container{position:relative;width:100px;height:100px}.gauge-svg{transform:rotate(-90deg)}.gauge-bg{fill:none;stroke:#eee;stroke-width:8}.gauge-progress{fill:none;stroke-width:8;stroke-linecap:round;stroke-dasharray:226.2;stroke-dashoffset:226.2;transition:stroke-dashoffset 1.8s cubic-bezier(.4,0,.2,1)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vs-section{padding:60px 16px;background:#fff;overflow:hidden}.vs-card-left,.vs-card-right{opacity:0;will-change:transform,opacity}.vs-section.visible .vs-card-left{animation:slideInLeftBounce 1.5s cubic-bezier(.23,1,.32,1) .3s forwards}.vs-section.visible .vs-card-right{animation:slideInRightBounce 1.5s cubic-bezier(.23,1,.32,1) .3s forwards}.golden-phrase{background:linear-gradient(90deg,#C68B5E,#2C5F2D,#C68B5E);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 4s linear infinite}.story-section{padding:40px 16px}.story-card{background-color:#f5e6d3;background-image:linear-gradient(rgba(255,255,245,.7),rgba(255,255,245,.7)),url(https://www.transparenttextures.com/patterns/paper-fibers.png);border-radius:24px;padding:30px 24px;transform:translate(50px);opacity:0;transition:all .8s ease-out}.story-card.visible{transform:translate(0);opacity:1}.tag-item{flex-shrink:0;padding:8px 16px;background:white;border-radius:50px;font-size:13px;opacity:0;transform:scale(.8)}.tag-item.visible{opacity:1;transform:scale(1);transition:all .4s ease-out}#modal-report{position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:100;transform:translateY(100%);transition:transform .5s ease-out;overflow-y:auto}#modal-report.active{transform:translateY(0)}#privateFooter{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(150%);opacity:0;width:90%;max-width:400px;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(198,139,94,.2);border-radius:100px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;z-index:90;box-shadow:0 10px 25px #0000001a;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .6s;cursor:pointer}#privateFooter:active{transform:translate(-50%) scale(.98)}#modal-private{position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:200;transform:translateY(100%);transition:transform .6s cubic-bezier(.19,1,.22,1);overflow-y:auto;display:flex;flex-direction:column}#modal-private.active{transform:translateY(0)}.qr-wrapper{position:relative;padding:15px;background:white;border-radius:20px;display:inline-block;animation:qrGlow 3s infinite ease-in-out}.benefit-item{opacity:0;transform:translate(-20px)}#modal-private.active .benefit-item{opacity:1;transform:translate(0);transition:all .5s ease-out}.close-btn{transition:transform .5s ease}.close-btn:hover{transform:rotate(90deg)}.product-section{padding:60px 16px;background:#fdfcf9}.product-card{background:white;border-radius:24px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #f0f0f0}.product-card:hover,.product-card:active{transform:translateY(-8px);box-shadow:0 20px 30px #c68b5e26}.recommend-badge{animation:badgeBlink 2s infinite ease-in-out}.testimonial-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:20px 4px}.testimonial-card{flex:0 0 280px;scroll-snap-align:center;background:white;border-radius:20px;padding:20px;box-shadow:0 4px 15px #00000008;border:1px solid #f9f9f9}.action-button{background:linear-gradient(90deg,#C68B5E,#A8785C,#C68B5E);background-size:200% auto;animation:btnShimmer 3s infinite linear;transition:transform .2s}.action-button:active{transform:scale(.96)}.footer-info{opacity:0;transform:translateY(10px);transition:all 1s ease-out}.footer-info.visible{opacity:1;transform:translateY(0)}.report-content-box{background:#fff;padding-bottom:40px}.report-header-info{background:#fdfcf9;padding:20px;border-bottom:1px solid #eee}.report-section-title{background:#f9f9f9;padding:8px 16px;font-size:13px;font-weight:700;color:#888;border-left:4px solid var(--amber-gold);margin:20px 0 10px}.report-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #f5f5f5;font-size:14px}.report-row .label{color:#555}.report-row .value{font-weight:500;color:#333}.report-row .status{color:#2c5f2d;font-weight:700;margin-left:6px}