*{box-sizing:border-box}html{background:#00191b}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 35%,#103335 0%,#00191b 62%,#001013 100%);color:#f5e5c9;font-family:Georgia,"Noto Serif TC","PMingLiU",serif;overflow-x:hidden}.page{position:relative;z-index:1;max-width:880px;margin:auto;padding:30px 6% 38px}header{text-align:center}.brand{display:block;width:min(100%,620px);margin:0 auto;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 65% 70% at 50% 50%,black 48%,transparent 100%)}.ornament{font-size:18px;letter-spacing:.3em;color:#e4d2af;margin:-5px 0 16px;white-space:nowrap}.subhead{font-size:clamp(18px,3.6vw,32px);letter-spacing:.23em;margin:0 0 28px}.subhead span{margin:0 .4em}.links{display:grid;gap:22px}.glass{position:relative;display:flex;align-items:center;min-height:142px;padding:14px 28px;border:2px solid #e5d4b0;border-radius:90px;color:#f8e7cc;text-decoration:none;background:linear-gradient(145deg,rgba(240,239,213,.13),rgba(54,99,97,.12) 46%,rgba(232,225,197,.1));box-shadow:0 0 15px #d4c19a45,inset 0 0 20px #d9dbc51e,0 12px 30px #0005;transition:transform .2s,box-shadow .2s}.glass:hover,.glass:focus-visible{transform:translateY(-3px);box-shadow:0 0 24px #e8d7ae88,inset 0 0 22px #fff3}.glass:not([href]){opacity:.55;cursor:not-allowed}.emblem{display:grid;place-items:center;flex:0 0 126px;height:104px;font-size:65px;text-shadow:0 0 12px #f9ebc2;border-radius:50%;border:1px solid #e7d7b68a;box-shadow:inset 0 0 20px #e6d5ac55,0 0 20px #e6d5ac33}.emblem.line{font:700 23px Arial,sans-serif;letter-spacing:-1px;background:radial-gradient(circle,#f4e5c6 0 40%,transparent 42%);color:#092225;text-shadow:none}.rule{height:90px;width:1px;background:#e4d3b8;margin:0 38px 0 16px}.copy{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.copy strong{font-size:clamp(23px,4.1vw,39px);font-weight:500;white-space:nowrap}.copy small{font-size:clamp(10px,2vw,17px);letter-spacing:.18em;white-space:nowrap}.arrow{font:50px/1 Georgia;margin-left:10px}.notice{border:1px solid #d5b98d;margin:34px auto 28px;padding:21px 24px;display:flex;align-items:center;justify-content:center;gap:24px;max-width:760px}.shield{font-size:57px}.notice strong{font-size:clamp(15px,2.8vw,23px);font-weight:500;letter-spacing:.08em}.notice p{font-size:clamp(12px,2vw,18px);margin:10px 0 0;letter-spacing:.06em}footer{display:flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap;font-size:18px;letter-spacing:.1em}footer small{font-size:13px;letter-spacing:.2em;margin-left:8px}.foot-line{height:1px;background:#d2b88a;flex:1;max-width:150px}.smoke{pointer-events:none;position:fixed;width:75vw;height:75vw;border-radius:50%;filter:blur(35px);opacity:.15;border:35px solid #b8c8b7;transform:rotate(35deg)}.smoke-a{top:-55vw;left:-25vw}.smoke-b{bottom:-55vw;right:-30vw}@media(max-width:600px){.page{padding:18px 5% 30px}.brand{width:100%}.ornament{font-size:12px}.subhead{margin-bottom:24px}.links{gap:17px}.glass{min-height:95px;padding:9px 14px;border-width:1px}.emblem{flex-basis:70px;height:65px;font-size:38px}.emblem.line{font-size:14px}.rule{height:56px;margin:0 17px 0 9px}.arrow{font-size:33px;margin-left:5px}.notice{margin:30px auto 26px;padding:15px 12px;gap:12px}.shield{font-size:36px}footer{gap:8px;font-size:13px}footer small{font-size:9px;margin-left:3px}}@media(max-width:370px){.copy strong{font-size:20px}.copy small{font-size:9px;letter-spacing:.08em}.emblem{flex-basis:55px;height:55px}.rule{margin:0 10px}.glass{padding:8px}}
/* LINE featured CTA: isolated from other links */
#line.glass{isolation:isolate;overflow:hidden;border:2px solid #b7ff70;background:linear-gradient(115deg,#073c30 0%,#0b9950 48%,#044d3e 100%);color:#fff9e8;box-shadow:0 0 0 1px #e4d3a44d,0 0 18px #31ff7999,0 0 42px #2cff6655,inset 0 0 26px #aaff7040;animation:line-breathe 1.5s ease-in-out infinite;transition:transform .25s ease,filter .25s ease,box-shadow .25s ease}
#line.glass::before{content:"";position:absolute;z-index:-1;inset:-65% auto -65% -75%;width:45%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,#ffffff05 20%,#e5ffb680 50%,#ffffff08 80%,transparent);animation:line-shine 3.0s ease-in-out infinite;pointer-events:none}
#line.glass .emblem.line{color:#063d25;background:radial-gradient(circle at 35% 30%,#fff 0%,#e6ffdc 65%,#b6ffc2 100%);border:2px solid #d9ffd0;box-shadow:0 0 18px #d5ff9eaa,inset 0 0 12px #52ff7c55;text-shadow:none}
#line.glass .rule{background:linear-gradient(transparent,#fff7c8,transparent);box-shadow:0 0 10px #dbffab80}
#line.glass .copy strong{text-shadow:0 0 12px #9bff8c88;font-weight:700}
#line.glass .copy small{color:#e6ffd9}
#line.glass .arrow{text-shadow:0 0 14px #c9ff9a}
#line.glass:hover,#line.glass:focus-visible{transform:translateY(-4px) scale(1.025);filter:brightness(1.15);box-shadow:0 0 0 2px #e6ffc5,0 0 28px #46ff91cc,0 0 60px #30ff7c88,inset 0 0 32px #c6ff8b66}
#line.glass:not([href]){animation:none;filter:grayscale(.7);opacity:.55}
@keyframes line-breathe{0%,100%{box-shadow:0 0 0 1px #e4d3a44d,0 0 14px #31ff7977,0 0 30px #2cff6644,inset 0 0 22px #aaff7030}50%{box-shadow:0 0 0 2px #b8ff9988,0 0 26px #31ff79cc,0 0 56px #2cff6688,inset 0 0 30px #aaff7055}}
@keyframes line-shine{0%,15%{left:-75%}48%,100%{left:145%}}
@media(max-width:600px){#line.glass{border-width:2px}#line.glass:hover,#line.glass:focus-visible{transform:translateY(-2px) scale(1.01)}}
@media(prefers-reduced-motion:reduce){#line.glass,#line.glass::before{animation:none}#line.glass{transition:none}}