.so-page{--bg:#F8F7F4;--card:#FFFFFF;--text:#1A1A1A;--text-soft:#5C5C5C;--accent:#5C4FC7;--accent-dark:#4a3fb0;--brown:#8F8D88;--line:#E3E0D9;--lime:#AAFF47;--badge-pending-bg:#E0D0A8;--badge-pending-fg:#6b5320;--badge-paid-bg:#f4c9dd;--badge-paid-fg:#7a2d52;--badge-shipped-bg:#cfe3d0;--badge-shipped-fg:#2f5c34;--radius-lg:24px;--radius-md:16px;--radius-sm:10px;--font-script:"Snell Roundhand","Brush Script MT",cursive;--font-body:"DM Sans","Noto Sans TC",-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}.so-page *{box-sizing:border-box}.so-page{scroll-behavior:smooth}.so-page{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}.so-page img{max-width:100%;display:block}.so-page .wrap{max-width:1120px;margin:0 auto;padding:0 24px}.so-page section{padding:88px 0}.so-page h1,.so-page h2,.so-page h3{margin:0 0 12px}.so-page .eyebrow{font-size:14.3px;letter-spacing:.14em;color:var(--accent-dark);font-weight:700;text-transform:uppercase;margin-bottom:10px}.so-page .section-title{font-size:clamp(28px,4vw,42px);font-weight:800}.so-page .section-sub{color:var(--text-soft);font-size:20px;max-width:640px}.so-page .center{text-align:center;margin-left:auto;margin-right:auto}.so-page .topnav{position:sticky;top:0;z-index:40;background:#f5f0e8e0;backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.so-page .topnav-inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.so-page .topnav-logo{font-weight:800;font-size:16px;color:var(--text);letter-spacing:.02em}.so-page .topnav-cta{background:var(--text);color:#fff;border:none;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.so-page .hero{padding:64px 0 40px;text-align:center}.so-page .hero-word{font-family:var(--font-script);color:var(--brown);font-size:clamp(20px,3vw,28px);display:block;margin-bottom:6px}.so-page .hero h1{font-size:clamp(32px,6vw,54px);font-weight:800;letter-spacing:.01em}.so-page .hero-sub{font-size:clamp(15px,2vw,19px);color:var(--text-soft);max-width:560px;margin:14px auto 0}.so-page .hero-phones{display:flex;justify-content:center;align-items:flex-start;gap:64px;margin-top:56px;flex-wrap:wrap}.so-page .phone-story-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.so-page .phone-caption{font-size:13px;font-weight:700;color:var(--text-soft);background:var(--card);padding:6px 16px;border-radius:999px;box-shadow:0 2px 8px #3a2e2214}.so-page .phone{position:relative;width:200px;aspect-ratio:390/844;background:#12100e;border-radius:34px;padding:9px;box-shadow:0 22px 44px -18px #3a2e2273,0 4px 10px #3a2e221f;transform:rotate(var(--tilt,0deg))}.so-page .phone--seller{--tilt:-4deg}.so-page .phone--buyer{--tilt:4deg}.so-page .phone-notch{position:absolute;top:9px;left:50%;transform:translate(-50%);width:70px;height:16px;background:#12100e;border-radius:0 0 12px 12px;z-index:5}.so-page .phone-screen{position:relative;width:100%;height:100%;background:var(--bg);border-radius:26px;overflow:hidden}.so-page .scene{position:absolute;inset:0;opacity:0;padding:26px 12px 12px;display:flex;flex-direction:column;gap:8px}.so-page .act-chip{position:absolute;right:12px;z-index:3;font-size:10px;font-weight:800;letter-spacing:.06em;white-space:nowrap;background:var(--accent);color:#fff;padding:3px 9px;border-radius:999px;box-shadow:0 2px 6px #5c4fc759;opacity:0;pointer-events:none}.so-page .act-copy{bottom:14px;animation:seqCopy 19s infinite}.so-page .act-paste{top:30px;animation:seqPasteChip 19s infinite}@keyframes seqCopy{0%,11.5%{opacity:0;transform:translateY(5px) scale(.9)}12.5%,15%{opacity:1;transform:translateY(0) scale(1)}16%,to{opacity:0;transform:translateY(0) scale(1)}}@keyframes seqPasteChip{0%,17.5%{opacity:0;transform:translateY(-5px) scale(.9)}19%,25%{opacity:1;transform:translateY(0) scale(1)}27%,to{opacity:0;transform:translateY(0) scale(1)}}.so-page .mock-topbar{font-size:10px;font-weight:800;color:var(--text);text-align:left;padding-bottom:6px;border-bottom:1px solid var(--line);margin-bottom:2px}.so-page .mock-topbar.buyer{display:flex;justify-content:space-between;align-items:center}.so-page .badge{display:inline-block;font-size:9px;font-weight:700;padding:3px 8px;border-radius:999px}.so-page .badge-pending{background:var(--badge-pending-bg);color:var(--badge-pending-fg)}.so-page .badge-paid{background:var(--badge-paid-bg);color:var(--badge-paid-fg)}.so-page .feed-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.so-page .feed-avatar{width:16px;height:16px;border-radius:50%;background:var(--brown);opacity:.6}.so-page .feed-postline{flex:1;height:6px;border-radius:4px;background:var(--line)}.so-page .feed-postbox{height:40px;border-radius:8px;background:#fff;margin-bottom:8px;box-shadow:0 1px 3px #0000000f}.so-page .feed-comments{display:flex;flex-direction:column;gap:6px}.so-page .comment{background:#fff;border-radius:8px;padding:6px 8px;font-size:9.5px;text-align:left;box-shadow:0 1px 3px #0000000f;opacity:0;transform:translate(14px)}.so-page .comment .c-name{font-weight:800;margin-right:4px}.so-page .comment.c1{animation:seqC1 19s infinite}.so-page .comment.c2{animation:seqC2 19s infinite}.so-page .comment.c3{animation:seqC3 19s infinite}.so-page .scene-feed{animation:seqFeed 19s infinite}.so-page .mock-paste-card,.so-page .mock-order-card{background:#fff;border-radius:12px;padding:10px;box-shadow:0 1px 4px #00000012;text-align:left}.so-page .mock-textarea{font-size:9.5px;color:var(--text-soft);background:var(--bg);border-radius:8px;padding:8px;line-height:1.7;min-height:44px}.so-page .mock-btn{margin-top:8px;width:100%;border:none;border-radius:999px;padding:7px 0;font-size:9.5px;font-weight:800;cursor:default}.so-page .mock-btn-grab{background:#ddd0af;color:var(--text)}.so-page .mock-btn-msg{background:#4a7a52;color:#fff;margin-top:10px}.so-page .mock-btn-submit{background:var(--text);color:#fff}.so-page .mock-order-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.so-page .mock-name{font-weight:800;font-size:11px}.so-page .mock-order-item{font-size:9.5px;color:var(--text-soft)}.so-page .mock-filled-badge{margin-top:8px;display:inline-block;background:#dff0df;color:#2f5c34;font-size:9px;font-weight:700;padding:3px 8px;border-radius:999px}.so-page .scene-paste{animation:seqPaste 19s infinite}.so-page .scene-order{animation:seqOrder 19s infinite}.so-page .scene-filled{animation:seqFilled 19s infinite}.so-page .mock-btn-grab.press{animation:seqGrabPress 19s infinite}.so-page .mock-btn-msg.press{animation:seqMsgPress 19s infinite}.so-page .scene-idle{animation:seqIdle 19s infinite}.so-page .scene-msg{animation:seqMsg 19s infinite}.so-page .scene-detail{animation:seqDetail 19s infinite}.so-page .scene-fill{animation:seqFill 19s infinite}.so-page .mock-bubble{align-self:flex-start;max-width:88%;background:#fff;border-radius:10px 10px 10px 2px;padding:8px 10px;font-size:9.5px;text-align:left;box-shadow:0 1px 4px #00000014}.so-page .mock-link{color:var(--accent-dark);text-decoration:underline;font-weight:700;display:inline-block;margin-top:4px}.so-page .mock-greet{font-size:11px;font-weight:800;text-align:left}.so-page .mock-pay-methods{display:flex;gap:6px;margin-top:8px}.so-page .mock-pay{flex:1;text-align:center;font-size:8.5px;padding:6px 2px;border-radius:8px;background:var(--bg);color:var(--text-soft)}.so-page .mock-pay.active{background:var(--text);color:#fff;font-weight:700}.so-page .mock-field{font-size:9.5px;text-align:left;margin-bottom:6px}.so-page .mock-field-val{font-weight:800;border-bottom:1px dashed var(--accent)}.so-page .mock-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#dff0df;color:#2f5c34;font-size:10px;margin-left:6px;opacity:0;animation:seqCheckPop 19s infinite}@keyframes seqFeed{0%,1%{opacity:0;transform:translateY(6px)}2%,13%{opacity:1;transform:translateY(0)}16%,to{opacity:0;transform:translateY(-6px)}}@keyframes seqC1{0%,1.5%{opacity:0;transform:translate(14px)}2.5%,7.5%{opacity:1;transform:translate(0);box-shadow:0 1px 3px #0000000f}8.5%{box-shadow:0 0 0 2px var(--accent)}10%{box-shadow:0 1px 3px #0000000f}11.5%{box-shadow:0 0 0 2px var(--accent)}13.5%{opacity:1;box-shadow:0 1px 3px #0000000f}16%,to{opacity:0}}@keyframes seqC2{0%,4.5%{opacity:0;transform:translate(14px)}5.5%,13.5%{opacity:1;transform:translate(0)}16%,to{opacity:0}}@keyframes seqC3{0%,7.5%{opacity:0;transform:translate(14px)}8.5%,13.5%{opacity:1;transform:translate(0)}16%,to{opacity:0}}@keyframes seqPaste{0%,16%{opacity:0;transform:translateY(14px)}18%,28%{opacity:1;transform:translateY(0)}30%,to{opacity:0;transform:translateY(-14px)}}@keyframes seqGrabPress{0%,25.5%{transform:scale(1)}26.5%{transform:scale(.94)}27.5%,to{transform:scale(1)}}@keyframes seqOrder{0%,30%{opacity:0;transform:translateY(14px)}32%,60%{opacity:1;transform:translateY(0)}62%,to{opacity:0;transform:translateY(-14px)}}@keyframes seqMsgPress{0%,39.5%{transform:scale(1)}40.5%{transform:scale(.94)}41.5%,to{transform:scale(1)}}@keyframes seqFilled{0%,62%{opacity:0;transform:translateY(14px)}64%,90%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(-14px)}}@keyframes seqIdle{0%,1%{opacity:0}2%,38%{opacity:1}40%,to{opacity:0}}@keyframes seqMsg{0%,40%{opacity:0;transform:translate(-14px)}42%,53%{opacity:1;transform:translate(0)}55%,to{opacity:0}}@keyframes seqDetail{0%,55%{opacity:0;transform:translateY(14px)}57%,74%{opacity:1;transform:translateY(0)}76%,to{opacity:0;transform:translateY(-14px)}}@keyframes seqFill{0%,76%{opacity:0;transform:translateY(14px)}78%,90%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(-14px)}}@keyframes seqCheckPop{0%,85.5%{opacity:0;transform:scale(.4)}87%{opacity:1;transform:scale(1.15)}88.5%,91.5%{opacity:1;transform:scale(1)}93%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.so-page .scene,.so-page .comment,.so-page .mock-btn-grab.press,.so-page .mock-btn-msg.press,.so-page .mock-check{animation:none!important}.so-page .comment,.so-page .scene{opacity:0;transform:none}.so-page .act-chip{animation:none!important;opacity:0}.so-page .phone--seller .scene-order,.so-page .phone--seller .scene-order .comment,.so-page .phone--buyer .scene-detail{opacity:1}}@media(max-width:640px){.so-page .hero-phones{flex-direction:row;align-items:flex-start;justify-content:center;gap:14px;flex-wrap:nowrap}.so-page .phone{width:min(150px,40vw)}.so-page .phone-story-wrap{gap:10px}.so-page .phone-caption{font-size:11px;padding:4px 10px}}.so-page .loop-section{background:var(--card)}.so-page .loop-grid{display:flex;gap:56px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:40px}.so-page .loop-diagram{width:min(420px,90vw)}.so-page .loop-node-label{font-size:13.5px;font-weight:700;fill:var(--text)}.so-page .loop-node-circle{fill:var(--bg);stroke:var(--accent);stroke-width:1.5}.so-page .loop-node-circle.strong{fill:var(--accent);stroke:none}.so-page .loop-node-circle.strong+text{fill:#fff}.so-page .loop-plus{fill:var(--lime)}.so-page .loop-arrow{stroke:var(--lime);stroke-width:2.4;fill:none;opacity:1}.so-page .loop-evidence{display:flex;flex-direction:column;gap:18px;max-width:320px}.so-page .loop-evidence-card{display:flex;gap:12px;align-items:center;background:var(--bg);border-radius:var(--radius-md);padding:12px;box-shadow:0 2px 10px #3a2e220f}.so-page .loop-evidence-card img{width:64px;border-radius:10px;flex-shrink:0;box-shadow:0 2px 6px #0000001f}.so-page .loop-evidence-card p{margin:0;font-size:17px;color:var(--text-soft)}.so-page .loop-summary{text-align:center;margin-top:36px;font-size:19.5px;font-weight:700;color:var(--brown)}.so-page .feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin-top:44px}.so-page .feature-card{background:var(--card);border-radius:var(--radius-lg);padding:20px;box-shadow:0 4px 18px #3a2e2212;display:flex;flex-direction:column;align-items:center;text-align:center}.so-page .feature-frame{width:150px;border-radius:20px;border:6px solid #12100e;overflow:hidden;box-shadow:0 10px 24px -10px #3a2e2266;margin-bottom:16px;background:#12100e}.so-page .feature-frame img{width:100%;display:block}.so-page .feature-frame.paper{border-radius:6px;border:1px solid var(--line);box-shadow:0 8px 20px -8px #3a2e224d;background:#fff}.so-page .feature-card h3{font-size:21px;font-weight:800;margin-bottom:6px}.so-page .feature-card p{font-size:17px;color:var(--text-soft);margin:0}.so-page .user-section{background:var(--card)}.so-page .user-grid{display:flex;gap:48px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:40px}.so-page .user-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;max-width:380px}.so-page .user-list li{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border-radius:var(--radius-md);padding:14px 16px;font-size:16.9px}.so-page .user-list .ico{font-size:18px;flex-shrink:0}.so-page .user-facepic{width:200px;border-radius:26px;border:8px solid #12100e;overflow:hidden;box-shadow:0 16px 30px -14px #3a2e2266}.so-page .user-facepic img{width:100%}.so-page .user-flow{text-align:center;margin-top:30px;font-size:19.5px;font-weight:700;color:var(--brown)}.so-page .start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:44px}.so-page .start-card{background:var(--card);border-radius:var(--radius-lg);padding:22px;box-shadow:0 4px 18px #3a2e2212}.so-page .start-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.so-page .start-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:14px}.so-page .start-card h3{font-size:21px;font-weight:800;margin:2px 0 0}.so-page .start-card p{font-size:17px;color:var(--text-soft);margin:0}.so-page .start-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.so-page .start-list li{font-size:17px;color:var(--text-soft);position:relative;padding-left:14px;line-height:1.55}.so-page .start-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.5}.so-page .cta-wrap{text-align:center;margin-top:52px}.so-page .cta-btn{display:inline-block;background:var(--text);color:#fff;text-decoration:none;font-size:18.2px;font-weight:800;padding:16px 46px;border-radius:999px;box-shadow:0 10px 26px -8px #3a2e2280}.so-page .cta-btn:hover{background:var(--accent-dark)}.so-page footer{padding:36px 0;text-align:center;color:var(--text-soft);font-size:12.5px}.so-page footer .foot-brand{font-family:var(--font-script);color:var(--brown);font-size:18px;display:block;margin-bottom:6px}.so-page{padding-bottom:0}.so-page section:first-of-type{padding-top:56px}