:root{--gold:#b99555;--gold-light:#d8c08f;--rose:#b77b7c;--rose-dark:#8f5f62;--blush:#ead0ca;--ivory:#fcf9f3;--paper:#f7f1e8;--ink:#4b403b;--muted:#8c7e75;--shadow:0 18px 60px rgba(107,73,53,.11);--serif:"Noto Serif SC","Songti SC",serif;--script:"Zhi Mang Xing","STKaiti",cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--serif);font-weight:300;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.panel{position:relative;min-height:100svh;overflow:hidden;scroll-margin-top:0}.section{padding:100px max(24px,calc((100vw - 1080px)/2))}.section:before,.section:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(185,149,85,.14);border-radius:50%;pointer-events:none}.section:before{left:-140px;top:10%}.section:after{right:-160px;bottom:8%}.eyebrow{font:500 10px/1.4 Georgia,serif;letter-spacing:.34em;color:var(--gold);margin:0 0 14px}.section-heading{text-align:center;margin:0 auto 50px}.section-heading h2{font-size:clamp(28px,7vw,42px);font-weight:400;letter-spacing:.14em;margin:0 0 13px;color:#5b4844}.section-heading>p:last-child{font-size:13px;letter-spacing:.14em;color:var(--muted);margin:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:none}.outline-btn,.submit-btn,.light-btn{border:1px solid var(--gold);background:transparent;color:var(--gold);height:48px;padding:0 28px;letter-spacing:.16em;cursor:pointer;transition:.3s}.outline-btn:hover,.submit-btn:hover{background:var(--gold);color:#fff;transform:translateY(-2px)}
.hero{display:grid;place-items:center;text-align:center;color:#6b514a;isolation:isolate}.hero-bg{position:absolute;inset:0;background:url("assets/wedding-hero.png") center/cover no-repeat;z-index:-3;transition:background-image .5s}.hero-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,252,246,.08),rgba(255,250,242,.02) 55%,rgba(252,246,236,.18));z-index:-2}.hero-content{position:relative;width:min(84vw,560px);padding:50px 24px}.hero-content:before,.hero-content:after{content:"";position:absolute;inset:0;border:1px solid rgba(185,149,85,.44);clip-path:polygon(0 0,30% 0,30% 1px,70% 1px,70% 0,100% 0,100% 100%,70% 100%,70% calc(100% - 1px),30% calc(100% - 1px),30% 100%,0 100%)}.hero-content:after{inset:8px}.fine-line{display:flex;align-items:center;gap:9px;width:130px;margin:16px auto 24px;color:var(--gold);font-size:9px}.fine-line i{height:1px;flex:1;background:var(--gold)}.hero h1{font-size:clamp(42px,11vw,72px);font-family:var(--script);font-weight:400;letter-spacing:.12em;margin:0;color:#8f6261;text-shadow:0 3px 20px rgba(255,255,255,.9)}.hero-sub{font:10px Georgia,serif;letter-spacing:.31em;color:#9d7d69;margin:7px 0 35px}.names{display:flex;align-items:center;justify-content:center;gap:20px;font-size:clamp(22px,6vw,32px);letter-spacing:.12em}.names b{font:italic 30px Georgia,serif;color:var(--gold);font-weight:400}.date{font:16px Georgia,var(--serif);letter-spacing:.17em;margin:23px 0 8px}.date small{font:300 11px var(--serif);letter-spacing:.1em;margin-left:8px}.place{font-size:12px;letter-spacing:.25em;margin:0}.hero-tools{position:absolute;right:max(18px,env(safe-area-inset-right));top:max(18px,env(safe-area-inset-top));z-index:5;display:flex;gap:10px}.round-btn{border:1px solid rgba(148,107,83,.42);color:#8f665a;background:rgba(255,252,246,.66);backdrop-filter:blur(8px);width:42px;height:42px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:19px}.camera-icon{font-size:12px;position:absolute}.music-btn.playing span{animation:spin 3s linear infinite}.music-btn.playing:after{content:"";position:absolute;width:48px;height:48px;border:1px solid rgba(185,149,85,.5);border-radius:50%;animation:pulse 1.8s infinite}.restore-cover{position:absolute;right:20px;top:68px;z-index:5;border:0;background:rgba(83,62,53,.7);color:#fff;padding:6px 10px;border-radius:20px;font-size:10px;cursor:pointer}.scroll-hint{position:absolute;bottom:25px;color:#94746b;text-decoration:none;font:8px Georgia,serif;letter-spacing:.25em;display:flex;flex-direction:column;align-items:center;gap:9px}.scroll-hint i{height:36px;width:1px;background:#a88a72;animation:scrollLine 1.8s ease-in-out infinite}.petal{position:absolute;top:-12%;z-index:-1;width:12px;height:17px;background:linear-gradient(135deg,#f1babb,#fff0e8);border-radius:80% 10% 70% 30%;opacity:.65;animation:fall linear infinite;filter:blur(.2px)}
.count-section{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#fcfaf6,#f5ebe4)}.ornament{text-align:center;color:var(--gold);margin-bottom:24px}.ornament:before,.ornament:after{content:"";display:inline-block;width:35px;height:1px;background:var(--gold);vertical-align:middle;margin:0 10px}.countdown-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:780px;width:100%;margin:0 auto;gap:12px}.time-card{perspective:600px;text-align:center}.time-card span{display:grid;place-items:center;aspect-ratio:1/1.05;background:rgba(255,255,255,.72);border:1px solid rgba(185,149,85,.28);box-shadow:var(--shadow);font:clamp(28px,8vw,56px) Georgia,serif;color:#8e6b55;position:relative;transform-style:preserve-3d}.time-card span:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(185,149,85,.13)}.time-card span.flip{animation:flip .62s ease}.time-card small{display:block;margin-top:13px;color:var(--muted);font-size:11px;letter-spacing:.25em}.love-quote{text-align:center;color:var(--rose);font-family:var(--script);font-size:24px;margin:55px 0 0}.married-message{text-align:center;font-family:var(--script);color:var(--rose);font-size:30px}
.detail-section{background:#fffdf8}.event-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto 28px}.event-card{text-align:center;border:1px solid rgba(185,149,85,.28);padding:34px 12px;background:#fff;box-shadow:0 8px 30px rgba(91,66,53,.06);position:relative}.event-card.featured{background:#f6ebe6;transform:translateY(-8px)}.event-card.featured:before{content:"";position:absolute;inset:6px;border:1px solid rgba(185,149,85,.2)}.line-icon{font-size:28px;color:var(--gold)}.event-card p{font-size:13px;letter-spacing:.16em;margin:13px 0}.event-card strong{display:block;font:25px Georgia,serif;color:var(--rose-dark)}.event-card small{display:block;color:var(--muted);font-size:10px;margin-top:9px}.venue-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;max-width:900px;margin:0 auto;padding:28px;background:#f8f3eb;border-left:2px solid var(--gold)}.venue-pin{font-size:34px;color:var(--gold)}.venue-card small,.gallery-title small{font:9px Georgia,serif;letter-spacing:.2em;color:var(--gold)}.venue-card h3{font-weight:400;font-size:17px;margin:5px 0}.venue-card p{font-size:11px;color:var(--muted);margin:0}.gallery-block{max-width:900px;margin:72px auto 0}.gallery-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid rgba(185,149,85,.25);padding-bottom:17px}.gallery-title h3{font-size:24px;font-weight:400;letter-spacing:.12em;margin:5px 0 0}.outline-btn.small{height:38px;padding:0 18px;font-size:11px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.gallery-empty{grid-column:1/-1;min-height:220px;border:1px dashed rgba(185,149,85,.4);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);background:#fcf9f3}.gallery-empty span{font-size:35px;color:var(--rose)}.gallery-empty p{margin:10px 0 4px;font-size:13px}.gallery-empty small{font-size:10px}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;background:#eee}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.45s}.gallery-item:hover img{transform:scale(1.04)}.delete-photo{position:absolute;right:7px;top:7px;border:0;border-radius:50%;width:27px;height:27px;color:#fff;background:rgba(50,38,34,.58);cursor:pointer}
.schedule-section{background:#f6eee8}.timeline{max-width:670px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:89px;top:12px;bottom:12px;width:1px;background:linear-gradient(var(--gold-light),var(--gold),var(--gold-light))}.timeline article{display:grid;grid-template-columns:70px 38px 1fr;align-items:start;min-height:105px}.timeline time{font:15px Georgia,serif;color:var(--gold);padding-top:2px}.timeline i{width:11px;height:11px;background:var(--ivory);border:2px solid var(--gold);border-radius:50%;z-index:1;margin:5px auto}.timeline article:first-child i{background:var(--gold);box-shadow:0 0 0 5px rgba(185,149,85,.16)}.timeline h3{font-size:16px;font-weight:400;letter-spacing:.12em;margin:0 0 7px}.timeline p{font-size:11px;color:var(--muted);margin:0;letter-spacing:.08em}
.rsvp-section{background:#fffdf9}.rsvp-form,.success-card{max-width:570px;margin:auto;background:#fff;padding:38px;box-shadow:var(--shadow);border:1px solid rgba(185,149,85,.22);position:relative}.rsvp-form:before,.success-card:before{content:"";position:absolute;inset:7px;border:1px solid rgba(185,149,85,.12);pointer-events:none}.rsvp-form label{display:block;position:relative;margin-bottom:24px}.rsvp-form label>span{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:9px;color:#6d5b53}.rsvp-form input,.rsvp-form select,.rsvp-form textarea{width:100%;border:0;border-bottom:1px solid #d7c9bd;background:transparent;padding:10px 3px;outline:0;color:var(--ink);border-radius:0}.rsvp-form input:focus,.rsvp-form select:focus,.rsvp-form textarea:focus{border-color:var(--gold)}.rsvp-form textarea{resize:vertical;min-height:80px}.error{font-style:normal;color:#b85f5f;font-size:10px;position:absolute;right:0;top:0}.char-count{font-style:normal;font:9px Georgia,serif;color:#aaa;position:absolute;right:0;bottom:5px}.submit-btn{width:100%;background:var(--gold);color:white;margin-top:4px}.success-card{text-align:center;padding:65px 30px}.success-card>div{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:#edf2e7;color:#77916f;font-size:22px}.success-card h3{font-weight:400;letter-spacing:.15em}.success-card p{font-size:12px;color:var(--muted)}.text-btn{border:0;background:transparent;color:var(--gold);text-decoration:underline;cursor:pointer;margin-top:12px}
.traffic-section{background:#f5eee7}.traffic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:950px;margin:auto}.traffic-grid article{background:rgba(255,255,255,.7);padding:38px 28px;min-height:250px;border-top:2px solid var(--gold);text-align:center}.traffic-grid article>span{font-size:31px;color:var(--gold)}.traffic-grid h3{font-weight:400;letter-spacing:.14em;margin:20px 0}.traffic-grid p{font-size:12px;line-height:2;color:var(--muted)}.traffic-grid small{display:block;color:var(--rose);margin-top:18px;font-size:10px}.wish-section{background:#fffdf8}.wish-list{max-width:680px;margin:auto}.wish-list article{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid rgba(185,149,85,.18)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ead5cf;color:#916c6c}.wish-list strong{font-size:13px;font-weight:500}.wish-list time{font:9px Georgia,serif;color:#aaa;margin-left:10px}.wish-list p{font-size:12px;line-height:1.8;color:var(--muted);margin:7px 0}.wish-note{text-align:center;margin-top:38px;font-size:11px;color:var(--gold)}
.ending-section{display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(88,56,50,.58),rgba(69,45,42,.73)),url("assets/wedding-hero.png") center 80%/cover fixed;min-height:100svh}.ending-section:before{content:"";position:absolute;inset:16px;border:1px solid rgba(240,219,179,.45)}.ending-content{width:min(88%,650px);padding:70px 20px;position:relative}.script-word{font:clamp(46px,12vw,76px) var(--script);color:#f3d9d0;margin:0}.ending-content h2{font-weight:400;letter-spacing:.25em;font-size:clamp(27px,7vw,40px);margin:28px 0 18px}.ending-content>p:nth-of-type(2){font-size:12px;line-height:2.2;letter-spacing:.12em;color:#f1e7e2}.ending-date{border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);padding:20px;margin:30px auto 12px;max-width:350px}.ending-date strong{font:24px Georgia,serif;letter-spacing:.14em}.ending-date span{display:block;font-size:10px;margin-top:8px;letter-spacing:.2em}.ending-place{font-size:11px;letter-spacing:.13em}.ending-actions{display:flex;justify-content:center;gap:12px;margin-top:36px}.light-btn{color:#fff;border-color:rgba(255,255,255,.65);height:44px;padding:0 20px}.light-btn:hover{background:#fff;color:#74564d}.copyright{display:block;margin-top:58px;font:8px Georgia,serif;letter-spacing:.24em;color:rgba(255,255,255,.68)}.copyright b{font-style:italic;color:#efd3c7}
.dot-nav{position:fixed;right:12px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:12px;padding:10px 7px;background:rgba(255,255,255,.38);backdrop-filter:blur(8px);border-radius:20px}.dot-nav a{width:8px;height:8px;display:grid;place-items:center}.dot-nav span{width:4px;height:4px;border-radius:50%;background:#b9a99c;transition:.3s}.dot-nav a.active span{background:var(--gold);transform:scale(2);box-shadow:0 0 0 2px rgba(255,255,255,.8)}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modal-mask{position:absolute;inset:0;background:rgba(54,43,39,.62);backdrop-filter:blur(5px)}.modal-card{position:relative;width:min(86vw,390px);padding:38px 30px;background:var(--ivory);box-shadow:var(--shadow)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:25px;color:var(--muted);cursor:pointer}.modal-card small{font:9px Georgia,serif;letter-spacing:.25em;color:var(--gold)}.modal-card h3{font-size:22px;font-weight:400;letter-spacing:.12em}.modal-card a{display:flex;justify-content:space-between;text-decoration:none;color:var(--ink);border-bottom:1px solid #ddcfc2;padding:16px 2px;font-size:13px}.modal-card a span{color:var(--gold)}.modal-card p{font-size:10px;color:var(--muted);margin-top:20px}.share-guide{position:absolute;inset:0;background:linear-gradient(150deg,rgba(94,66,60,.95),rgba(51,40,38,.97));color:white;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.modal-close.light{color:white}.wechat-dots{position:absolute;right:26px;top:20px;border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:5px 12px;letter-spacing:2px}.share-arrow{position:absolute;right:70px;top:56px;font-size:45px;transform:rotate(-10deg);animation:nudge 1.2s infinite}.share-heart{font-size:55px;color:#f0d0c5}.share-guide h3{font-size:27px;font-weight:400;letter-spacing:.15em}.share-guide p{font-size:13px;line-height:2.1;color:#eee}.share-guide .light-btn{margin-top:25px}.toast{position:fixed;left:50%;bottom:35px;z-index:200;transform:translate(-50%,20px);opacity:0;background:rgba(65,49,45,.9);color:#fff;padding:10px 18px;border-radius:30px;font-size:11px;transition:.3s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes fall{to{transform:translate3d(var(--drift),115vh,0) rotate(620deg)}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.2}}@keyframes flip{0%{transform:rotateX(0)}45%{transform:rotateX(-88deg)}100%{transform:rotateX(0)}}@keyframes nudge{50%{transform:translate(7px,-8px) rotate(-10deg)}}
@media(max-width:620px){.section{padding:82px 22px}.section-heading{margin-bottom:38px}.hero-content{padding:45px 12px}.countdown-grid{gap:7px}.time-card span{font-size:clamp(25px,8vw,38px)}.event-cards{gap:7px}.event-card{padding:27px 5px}.event-card p{font-size:11px}.event-card strong{font-size:21px}.event-card small{font-size:8px}.venue-card{grid-template-columns:auto 1fr;padding:22px 17px;gap:12px}.venue-card .outline-btn{grid-column:1/-1;width:100%;margin-top:5px}.gallery{grid-template-columns:repeat(2,1fr)}.gallery-title{align-items:center}.gallery-title h3{font-size:20px}.rsvp-form{padding:30px 23px}.traffic-grid{grid-template-columns:1fr}.traffic-grid article{min-height:0;padding:30px 25px}.ending-actions{flex-direction:column;align-items:center}.ending-actions button{width:180px}.ending-section{background-attachment:scroll}.dot-nav{right:7px}.timeline:before{left:77px}.timeline article{grid-template-columns:61px 31px 1fr}.timeline time{font-size:13px}}
@media(min-width:900px){.hero-bg{background-position:center 49%}.gallery{grid-template-columns:repeat(4,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.petal,.scroll-hint i,.music-btn.playing span{animation:none!important}}