:root{--night:#11171b;--paper:#f6f2e9;--gold:#d4bd90;--ink:#252b2e;--muted:#736b5d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC','PingFang TC',sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #b4914f;outline-offset:5px}.wrap{width:min(1080px,90%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:26px 0;border-bottom:1px solid #d8cebc}.brand{font-family:'Noto Serif TC',serif;font-size:25px;font-weight:700;letter-spacing:.13em;line-height:1.5}.brand small{font-family:Arial,sans-serif;display:block;font-size:7px;letter-spacing:.11em}.back{font-size:12px;color:var(--muted)}.intro{padding:48px 0 30px}.eyebrow{font-size:10px;letter-spacing:.17em;color:#8b7653}h1,h2,h3,p{margin:0}h1,h2{font-family:'Noto Serif TC',serif}h1{font-size:43px;line-height:1.45;letter-spacing:.03em;margin:14px 0 20px}h1 br{display:none}.intro>p{font-size:15px;color:#6e685d;line-height:2}.intro strong{font-weight:500;color:#302f28}.join-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.join-copy>h2{font-size:20px;margin-bottom:15px}.join-button{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--night);color:#f6eddc;border:1px solid #a28c61;padding:17px;border-radius:5px;font-size:16px;font-weight:700}.join-button:hover{background:#30393c}.line-badge{font-family:Arial,sans-serif;font-size:11px;background:var(--gold);border-radius:5px;padding:2px 6px;color:#212a29}.device-note{font-size:12px;color:#7d7464;margin:15px 0 18px}.rescue{background:#ebe0cb;border:1px solid #ccba93;border-radius:5px;padding:16px;margin:10px 0 18px;font-size:12px}.rescue h3{font-size:14px;margin-bottom:6px}.rescue a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.rescue p+p{margin-top:8px}.topic-heading{font-size:15px;letter-spacing:.05em;margin-top:13px}.topics{list-style:none;margin:10px 0 15px;padding:0}.topics li{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #ded5c5;font-size:13px;color:#6e675c}.topics b{display:flex;align-items:center;justify-content:center;flex:none;min-width:66px;font-size:12px;background:#e9e1d1;color:#51452f;padding:5px 10px;border-radius:3px}.preview-link{font-size:12px;border-bottom:1px solid #8b7754;padding-bottom:3px}.qr-card{padding:32px;text-align:center;background:linear-gradient(140deg,#12191e,#293032);border:1px solid #a9936d;box-shadow:0 15px 40px #1820241a;border-radius:8px;color:#efe5d1}.qr-card .eyebrow{color:#b7a682}.qr-card h2{font-size:24px;line-height:1.65;margin:12px 0 22px}.qr-frame{padding:18px;background:white;margin:0 auto 22px;max-width:310px;border-radius:3px}.qr-frame img{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-card>strong{font-size:13px}.qr-card p{font-size:12px;color:#bcb5a8;margin-top:12px}footer{border-top:1px solid #d8cebc;margin-top:45px!important;padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}footer p{font-family:'Noto Serif TC',serif;font-size:16px}footer a{font-size:12px}footer small{display:block;flex-basis:100%;color:#8c8374;font-size:10px}@media(max-width:719px){header{padding:20px 0}.brand{font-size:21px}.back{font-size:10px}.intro{padding:30px 0 25px}.intro .eyebrow{font-size:8px;letter-spacing:.1em}h1{font-size:32px;margin-top:12px}h1 br{display:block}.intro>p{font-size:12px}.intro>p br{display:none}.join-grid{grid-template-columns:1fr;gap:32px}.join-button{font-size:14px;gap:10px;padding:15px 10px}.join-copy>h2{font-size:18px}.topics li{font-size:12px}.qr-card{padding:25px}.qr-frame{max-width:260px}.qr-card h2{font-size:22px}footer{margin-top:32px!important}footer p{font-size:14px}}
.brand{display:flex;align-items:center}.brand>b{display:inline-block;width:4.52em;font:inherit}.brand>span:last-child{display:inline-block;margin-left:16px;padding-left:16px;border-left:1px solid #b7aa91;font-family:'Noto Sans TC','PingFang TC',sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;vertical-align:middle}.brand small{font-family:'Noto Sans TC','PingFang TC',sans-serif;text-transform:none;display:block;width:100%;letter-spacing:normal;text-align:justify;text-align-last:justify;white-space:nowrap}@media(max-width:719px){.brand>span:last-child{display:block;margin:5px 0 0;padding:0;border:0;font-size:9px;letter-spacing:.06em}}

/* Supplied Social University logo treatment v8 — 2026-09-27 */
.brand>b{width:4.52em;color:#2a2119;font-family:'Noto Serif TC','Songti TC',serif;font-size:30px;font-weight:700;line-height:1.08;letter-spacing:.13em}.brand small{margin-top:5px;color:#a98b54;font-family:Georgia,'Times New Roman',serif;font-size:8px;font-weight:600;line-height:1.15;letter-spacing:normal;text-transform:uppercase}.brand>span:last-child{border-left-color:#a98b5480;color:#514638}@media(max-width:719px){.brand>b{font-size:23px}.brand small{margin-top:3px;font-size:6px}}

/* Single flattened source logo: no clipping, filters or blending on user devices. */
.brand>.brand-mark{position:static;display:block;flex:0 0 164px;width:164px;height:auto;overflow:visible;border:0;padding:0;margin:0}
.brand>.brand-mark img{display:block;position:static;width:100%;max-width:100%;height:auto;clip-path:none;filter:none;mix-blend-mode:normal;opacity:1}
.brand>span:last-child{padding-left:15px;font-size:10px;letter-spacing:.08em}
@media(max-width:719px){
 .brand>.brand-mark{display:block;flex-basis:136px;width:136px;height:auto;border:0;margin:0;padding:0}
 .nav .brand>span:last-child,.footer-main .brand>span:last-child,.brand>span:last-child{padding-left:9px;font-size:8px;line-height:1.4}
}

/* LINE welcome gift */
.gift{display:none;scroll-margin-top:20px;margin:0 0 54px;padding:42px;border:1px solid #cdbd9f;border-radius:8px;background:#fffdf7;box-shadow:0 16px 45px #1820240d}.gift-head{max-width:760px}.gift h2{font-size:34px;line-height:1.5;margin:12px 0 15px}.gift-head>p{font-size:14px;color:#6e685d}.signal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:30px 0 0;padding:0;list-style:none;border-top:1px solid #ded5c5}.signal-list li{display:flex;gap:17px;padding:22px 0;border-bottom:1px solid #ded5c5}.signal-list li>span{flex:none;color:#9b7e48;font-family:Georgia,'Times New Roman',serif;font-size:19px}.signal-list h3{font-family:'Noto Serif TC',serif;font-size:16px;margin-bottom:5px}.signal-list p{font-size:12px;color:#6e675c;line-height:1.8}.gift-rule{margin-top:28px;padding:20px 22px;border-left:3px solid #a88c58;background:#eee5d5}.gift-rule h3{font-size:14px;margin-bottom:5px}.gift-rule p{font-size:12px;color:#665e52}.gift-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;margin-top:26px}.secondary-button{display:flex;align-items:center;justify-content:center;border:1px solid #8e7b58;border-radius:5px;padding:14px 16px;font-size:13px;font-weight:700}.text-button{grid-column:1/-1;justify-self:center;border-bottom:1px solid #8e7b58;padding:4px;font-size:12px;color:#665a46}.gift-disclaimer{margin-top:22px;font-size:10px;color:#8a8173;text-align:center}.gift-mode .intro{display:none}.gift-mode .gift{display:block;margin-top:42px}.gift-mode .join-grid{display:none}
@media(max-width:719px){.gift{margin-bottom:36px;padding:28px 20px}.gift h2{font-size:26px;line-height:1.55}.gift-head>p{font-size:12px}.signal-list{grid-template-columns:1fr;gap:0}.signal-list li{padding:18px 0}.signal-list h3{font-size:15px}.signal-list p{font-size:12px}.gift-actions{grid-template-columns:1fr}.text-button{grid-column:1}.gift-mode .gift{margin-top:28px}}