*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0e;color:#f2eadb;font-family:Arial,"Noto Sans TC",sans-serif}a{color:inherit;text-decoration:none}nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 30px;border-bottom:1px solid #383126}.brand{color:#d8b568;font-size:26px;font-weight:900;letter-spacing:-1px}.brand span{font-size:12px;letter-spacing:2px;margin-left:12px}nav .links{display:flex;gap:28px;font-size:14px}.btn{display:inline-block;background:linear-gradient(135deg,#edcf87,#c5a057);color:#19150d;padding:15px 23px;border-radius:5px;font-weight:700}.hero{max-width:1200px;margin:auto;padding:70px 30px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:bold;color:#c5a56b}h1{font-size:clamp(44px,6vw,76px);line-height:1.15;letter-spacing:-3px;margin:24px 0}h1 em{font-style:normal;color:#d8b568}p{line-height:1.9;color:#b5afa4}.hero p{max-width:450px}.actions{display:flex;gap:20px;align-items:center;margin-top:30px}.pitch{height:430px;background:radial-gradient(ellipse at top right,#42331a 0,#171513 65%);border-radius:8px;position:relative;overflow:hidden;box-shadow:16px 16px 0 #242018}.field{position:absolute;inset:35px;border:1px solid #6f5c37;background:repeating-linear-gradient(0deg,transparent 0 49px,#ffffff04 50px 100px)}.field:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:1px solid #6f5c37}.field:after{content:"";position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px;border:1px solid #6f5c37;border-radius:50%}.player{position:absolute;width:24px;height:24px;background:#d8b568;border:5px solid #7c6437;border-radius:50%;z-index:2}.arrow{position:absolute;width:4px;height:170px;background:#d8b568;transform:rotate(30deg);left:52%;top:100px}.arrow:after{content:"";position:absolute;top:-4px;left:-7px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:15px solid #d8b568}.pitch-label{position:absolute;bottom:22px;left:25px;color:white;font-size:12px;letter-spacing:2px}.pitch-number{position:absolute;top:17px;right:22px;color:#d8b568;font-size:46px;font-weight:900}.strip{border-top:1px solid #3d3425;border-bottom:1px solid #3d3425;background:#171513;color:#d6be8f;padding:19px;text-align:center;letter-spacing:3px;font-size:12px}.section{max-width:1200px;margin:auto;padding:65px 30px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-size:32px;margin:12px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{transition:transform .2s ease}.card:hover{transform:translateY(-5px)}.card{border-bottom:1px solid #3d3425;padding-bottom:20px}.art{height:190px;background:#242018;display:flex;justify-content:center;align-items:center;font-size:64px;font-weight:900;letter-spacing:-4px;color:#d8b568}.card:nth-child(2) .art{background:#20201e;color:#bda77e}.card:nth-child(3) .art{background:#28221a;color:#dfbf7b}.tag{font-size:11px;letter-spacing:2px;color:#bc9e65;margin-top:22px}h3{font-size:22px;line-height:1.5}.card p{font-size:14px}.read{font-size:13px;font-weight:bold}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;border-top:1px solid #3d3425}.join{border:1px solid #55452a;background:linear-gradient(120deg,#171513,#2c2316);color:white;border-radius:8px;padding:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.join p{color:#bdb3a1}.join h2{font-size:34px}.note{font-size:12px}.article{max-width:800px;margin:60px auto;padding:0 25px}.article h1{font-size:48px}.article p{font-size:18px}.article h2{margin-top:40px}footer{max-width:1200px;margin:auto;padding:30px;border-top:1px solid #3d3425;display:flex;justify-content:space-between;font-size:12px;color:#a89c87}@media(max-width:760px){nav{padding:20px}.brand span{display:none}nav .links{gap:14px;font-size:12px}.hero{grid-template-columns:1fr;padding:40px 22px;gap:30px}.pitch{height:320px}.grid{grid-template-columns:1fr}.art{height:210px}.section{padding:40px 22px}.about{grid-template-columns:1fr;gap:8px}.join{padding:28px;display:block}.heading{display:block}footer{gap:20px}.article h1{font-size:36px}}
body{background:#0d0d0e}nav .brand{font-weight:900}.hero{position:relative;isolation:isolate;gap:70px;padding-top:50px;padding-bottom:50px}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0d0d0ef5 20%,#0d0d0ecc 65%,#0d0d0eaa),url('/assets/huji-005.webp') center 35%/cover;opacity:.45;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 80%,transparent)}.huji-sign{font-size:17px;letter-spacing:5px;color:#d8b568;margin-top:26px}.hero h1{font-size:clamp(42px,5vw,64px);line-height:1.25}.hero h1 em{display:block}.brand-poster{position:relative;display:block;width:100%;max-width:360px;justify-self:center;border:1px solid #82683d;box-shadow:0 20px 70px #000a,8px 8px 0 #362718;transform:rotate(2deg);transition:transform .2s}.brand-poster:hover{transform:rotate(0deg)}.brand-poster img{display:block;width:100%;height:auto}.poster-link{position:absolute;bottom:0;left:0;right:0;padding:20px 12px 14px;background:linear-gradient(transparent,#000);font-size:12px;color:#edcf87;text-align:center}.strip{border-top:2px solid #aa2c25}.cover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cover-grid figure{margin:0}.cover-grid img{display:block;width:100%;height:auto;border:1px solid #55452a;border-radius:4px}.cover-grid figcaption{font-size:13px;color:#c5a56b;padding:16px 0}.join{background:linear-gradient(90deg,#171513f5,#171513dd),url('/assets/huji-009.webp') right 80%/cover}.brand-poster:focus-visible,a:focus-visible{outline:3px solid #edcf87;outline-offset:5px}@media(max-width:760px){.hero{gap:34px;padding-top:35px}.hero h1{font-size:46px}.brand-poster{max-width:330px;transform:none}.cover-grid{grid-template-columns:1fr;max-width:390px;margin:auto;gap:28px}.huji-sign{font-size:13px}.hero:before{background-position:center}.join{background-position:right bottom}}

.hero{grid-template-columns:1.05fr 1fr;gap:32px;min-height:590px}.hero:before{background:radial-gradient(ellipse at 80% 55%,#9a713a24,transparent 60%);opacity:1;mask-image:none}.mascot-hero{position:relative;max-width:540px;justify-self:center;width:100%}.mascot-hero img{display:block;width:100%;height:auto;border-radius:14px;mask-image:linear-gradient(180deg,#000 80%,transparent 100%)}.hero h1{letter-spacing:-2px}.cover-grid{grid-template-columns:repeat(4,1fr);gap:20px}.join{background:linear-gradient(120deg,#171513,#2c2316)}@media(max-width:900px){.cover-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:10px;min-height:0}.mascot-hero{max-width:420px}.cover-grid{grid-template-columns:repeat(2,1fr);max-width:none;gap:16px}.cover-grid figcaption{font-size:11px}.hero h1{font-size:44px}.hero .actions{margin-bottom:10px}}

.score-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #3d3425;border-bottom:1px solid #3d3425}.score-entry p{margin:8px 0}.score-entry .note{font-size:11px}nav .links{flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){nav{align-items:flex-start;gap:18px}nav .brand{font-size:22px;white-space:nowrap}nav .links{max-width:220px;gap:12px 16px}.score-entry{display:block}.score-entry .btn{margin-top:16px}}

.score-entry>div:last-child{min-width:320px}.live-line{display:flex;flex-direction:column;gap:9px;margin-top:22px;padding:22px 24px;border:1px solid #8c6d37;border-radius:8px;background:linear-gradient(135deg,#302718,#191612);transition:border-color .2s,background .2s}.live-line:hover{border-color:#edcf87;background:#332918}.live-label{color:#d8b568;font-size:12px;letter-spacing:1px}.live-line strong{font-size:18px;color:#f2eadb;line-height:1.5}.live-hint{font-size:12px;line-height:1.7;color:#b5afa4}@media(max-width:760px){.score-entry>div:last-child{min-width:0}.live-line{padding:20px}.live-line strong{font-size:17px}}

.score-entry{gap:40px}.score-entry>div:last-child{min-width:0;width:52%;max-width:530px}.entry-cards{display:grid;gap:14px}.entry-card{display:flex;align-items:center;gap:18px;width:100%;min-height:134px;padding:24px;border:1px solid #59472b;border-radius:10px;background:#141312;transition:transform .2s,border-color .2s}.entry-card:hover{transform:translateY(-2px);border-color:#edcf87}.entry-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;background:#262117;color:#d8b568}.entry-icon svg{width:28px;height:28px}.entry-copy{display:flex;flex-direction:column;gap:8px}.entry-label{font-size:12px;color:#c5a56b;letter-spacing:1px}.entry-card strong{font-size:19px;line-height:1.5;color:#f2eadb}.entry-hint{font-size:12px;line-height:1.7;color:#b5afa4}.stream-card{border-color:#a78544;background:linear-gradient(120deg,#392d19,#211b12)}.stream-card .entry-icon{background:#d8b568;color:#211b12}.stream-card .entry-label{color:#edcf87}@media(max-width:760px){.score-entry>div:last-child{width:100%;max-width:none;margin-top:24px}.entry-card{min-height:128px;padding:20px;gap:14px}.entry-card strong{font-size:17px}.entry-icon{width:42px;height:42px}.entry-hint{font-size:11px}}

.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:28px}.community-cta{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px;padding:24px;border-radius:10px;border:1px solid #f1d793;background:linear-gradient(120deg,#edcf87,#c59c4d);color:#19150d;box-shadow:0 8px 32px #c99d4420;transition:transform .2s,box-shadow .2s}.community-cta:hover{transform:translateY(-3px);box-shadow:0 12px 36px #c99d4433}.community-badge{font-size:11px;letter-spacing:1px;font-weight:700}.community-cta strong{font-size:20px;line-height:1.55}.community-sub{font-size:13px;line-height:1.7;color:#49381b}.hero-read{font-size:13px;color:#c5bca9;padding:4px 0}@media(max-width:760px){.community-cta{padding:20px}.community-cta strong{font-size:18px}.community-sub{font-size:12px}.hero-actions{gap:12px}}