.popup-hero{background:linear-gradient(135deg,rgba(0,0,0,.9),hsla(0,0%,97%,.8) 90%),url(/商場pop\ up/popup-hero.jpeg) 50%/cover no-repeat;padding:100px 0;border-bottom:1px solid var(--border-color)}.popup-hero-container{display:flex;align-items:center;min-height:300px}.popup-hero-content{max-width:700px}.popup-hero-content h1{font-size:48px;margin-bottom:16px;color:var(--accent-gold)}.popup-hero-content p{font-size:20px;font-weight:700;margin-bottom:24px;letter-spacing:2px}.popup-hero-desc{color:var(--text-secondary);line-height:1.8;font-size:16px}.popup-process{padding:120px 0;background-color:var(--bg-secondary);position:relative;overflow:hidden}.popup-process-header{text-align:center;margin-bottom:80px}.popup-process-header .subtitle{color:var(--accent-gold);font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;display:block;margin-bottom:12px}.popup-process-header .section-title{font-size:36px;color:var(--text-primary);margin-bottom:16px;font-weight:700}.popup-process-header .section-desc{color:var(--text-secondary);font-size:16px;max-width:600px;margin:0 auto}.popup-process-wrapper{display:flex;justify-content:space-between;align-items:stretch;position:relative;gap:30px}.process-step{flex:1 1;position:relative;text-align:center}.process-number{font-size:100px;font-weight:900;color:hsla(0,0%,100%,.03);position:absolute;top:-50px;left:50%;transform:translateX(-50%);z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Arial Black,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1}.process-content{position:relative;z-index:1;background:var(--bg-primary);padding:50px 30px 40px;border-radius:16px;border:1px solid hsla(0,0%,100%,.05);transition:all .4s cubic-bezier(.165,.84,.44,1);height:100%;display:flex;flex-direction:column;align-items:center}.process-content:hover{transform:translateY(-10px);border-color:rgba(197,160,89,.5);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 20px rgba(197,160,89,.1)}.process-icon-wrapper{width:80px;height:80px;border-radius:50%;background:rgba(197,160,89,.1);color:var(--accent-gold);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .4s ease;position:relative}.process-icon-wrapper:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:1px solid var(--accent-gold);opacity:0;transform:scale(.8);transition:all .4s ease}.process-content:hover .process-icon-wrapper{background:var(--accent-gold);color:var(--bg-primary)}.process-content:hover .process-icon-wrapper:after{opacity:.3;transform:scale(1)}.process-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.process-desc{color:var(--text-secondary);font-size:15px;line-height:1.7}.process-connector{position:absolute;top:90px;right:-50%;width:100%;height:2px;background:linear-gradient(90deg,rgba(197,160,89,0),rgba(197,160,89,.3) 50%,rgba(197,160,89,0));z-index:0}.process-step:last-child .process-connector{display:none}@media (max-width:1200px){.process-connector{display:none}}@media (max-width:992px){.popup-process-wrapper{flex-wrap:wrap;gap:60px 30px}.process-step{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 15px)}}@media (max-width:576px){.popup-process{padding:80px 0}.process-step{flex:0 0 100%}.process-number{font-size:80px;top:-40px}.popup-process-header{margin-bottom:60px}.popup-process-header .section-title{font-size:28px}}.popup-references{padding:80px 0;background-color:var(--bg-primary)}.popup-references-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.popup-reference-card{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;cursor:pointer}.popup-reference-image{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s ease}.popup-reference-card:hover .popup-reference-image{transform:scale(1.05)}.popup-reference-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,transparent);color:var(--text-primary);opacity:0;transform:translateY(20px);transition:all .3s ease;display:flex;align-items:flex-end}.popup-reference-card:hover .popup-reference-overlay{opacity:1;transform:translateY(0)}.popup-reference-overlay span{font-size:16px;font-weight:700;letter-spacing:1px}@media (max-width:992px){.popup-references-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.popup-references-grid{grid-template-columns:1fr}}