.trend-dashboard{position:relative;padding:86px 0 78px;background:#eef2eb;border-top:1px solid #dce6d9;border-bottom:1px solid #dce6d9;overflow:hidden}.trend-dashboard:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,91,50,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,91,50,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,black,transparent)}.trend-dashboard>.shell{position:relative}.trend-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.trend-head h2{font-size:clamp(35px,4.5vw,58px);line-height:1.12;letter-spacing:-.055em;color:var(--green);margin:12px 0}.trend-head>div:first-child>p:last-child{font-family:"Noto Sans TC";font-size:14px;color:#607567;margin:0}.trend-time{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#fff;border:1px solid #cfdacf;min-width:218px}.trend-time>i{width:11px;height:11px;border-radius:50%;background:#3ea84a;box-shadow:0 0 0 0 rgba(62,168,74,.45);animation:trend-live 1.8s ease-out infinite}.trend-time div{display:grid}.trend-time span{font:9px "DM Mono";letter-spacing:.12em;color:#6f8475}.trend-time b{font:11px "DM Mono";color:#163d29;margin-top:3px}.trend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trend-column{background:#fff;border:1px solid #cfdacf;box-shadow:0 16px 35px rgba(22,50,35,.06);min-width:0}.trend-column>header{display:grid;grid-template-columns:48px 1fr auto;gap:11px;align-items:center;padding:18px;border-bottom:1px solid #dce6d9}.trend-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e7f2e8;color:#075b32;font:800 18px "DM Mono"}.trend-column header div:nth-child(2){display:grid}.trend-column header span{font:9px "DM Mono";letter-spacing:.12em;color:#7a8e80}.trend-column header h3{font-size:19px;color:#173223;margin:4px 0 0}.trend-column header>b{font-size:10px;color:#fff;background:#075b32;padding:5px 7px;border-radius:20px}.trend-ai .trend-icon{background:#fff3cd;color:#82600f}.trend-ai header>b{background:#d6a918;color:#173223}.trend-code .trend-icon{background:#e6eef8;color:#27598d;font-size:12px}.trend-code header>b{background:#27598d}.trend-feature{display:grid;grid-template-columns:39px 1fr;gap:15px;padding:24px 18px;min-height:330px;background:linear-gradient(145deg,#f9fbf7,#f0f5ed)}.trend-ai .trend-feature{background:linear-gradient(145deg,#fffdf5,#f7f0dc)}.trend-code .trend-feature{background:linear-gradient(145deg,#f8fbff,#eaf1f8)}.trend-rank{font:800 29px "DM Mono";color:#c8d4ca}.trend-ai .trend-rank{color:#dfc873}.trend-code .trend-rank{color:#a9bfd5}.trend-tag{display:inline-block;font:9px "DM Mono";letter-spacing:.1em;color:#3ea84a;margin:2px 0 13px}.trend-ai .trend-tag{color:#ac8219}.trend-code .trend-tag{color:#3973a7}.trend-feature h4{font-family:"Noto Sans TC";font-size:19px;line-height:1.5;color:#163523;margin:0}.trend-feature p{font-family:"Noto Sans TC";font-size:14px;line-height:1.95;color:#66796c;margin:13px 0 0}.trend-item{display:grid;grid-template-columns:40px 1fr 20px;gap:12px;align-items:start;min-height:154px;padding:16px 18px;border-top:1px solid #e0e7de}.trend-item div{display:grid}.trend-item b{font-family:"Noto Sans TC";font-size:13px;color:#173223}.trend-item p{font-family:"Noto Sans TC";font-size:13px;line-height:1.8;color:#748579;margin:5px 0 0}.trend-item>em{font:10px "DM Mono";font-style:normal;color:#a3b0a7;align-self:start}.topic-symbol{position:relative;width:38px;height:38px;border-radius:10px;background:#eef4eb;display:grid;place-items:center}.trend-ai .topic-symbol{background:#fff5d9}.trend-code .topic-symbol{background:#e9f1f8}.calendar-icon:before{content:"";width:20px;height:17px;border:2px solid #277343;border-radius:3px}.calendar-icon:after{content:"";position:absolute;width:20px;height:2px;top:13px;background:#277343}.calendar-icon i:before,.calendar-icon i:after{content:"";position:absolute;width:2px;height:5px;background:#277343;top:8px}.calendar-icon i:before{left:12px}.calendar-icon i:after{right:12px}.food-icon:before{content:"";width:17px;height:10px;border:2px solid #277343;border-radius:0 0 13px 13px;transform:translateY(4px)}.food-icon:after{content:"";position:absolute;width:12px;height:7px;border-top:2px solid #277343;border-radius:50%;top:9px}.chip-icon:before{content:"";width:17px;height:17px;border:2px solid #a87c10;box-shadow:0 -5px 0 -3px #a87c10,0 5px 0 -3px #a87c10,5px 0 0 -3px #a87c10,-5px 0 0 -3px #a87c10}.chip-icon:after{content:"AI";position:absolute;font:700 7px "DM Mono";color:#a87c10}.shield-icon:before{content:"";width:18px;height:21px;background:#b1871d;clip-path:polygon(50% 0,100% 20%,88% 72%,50% 100%,12% 72%,0 20%)}.shield-icon:after{content:"✓";position:absolute;color:white;font-size:10px}.java-icon i{font:800 16px serif;font-style:normal;color:#326c9d}.game-icon:before{content:"";width:23px;height:15px;border:2px solid #326c9d;border-radius:6px 6px 10px 10px}.game-icon:after{content:"+ •";position:absolute;font:800 9px monospace;color:#326c9d}.trend-foot{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:18px 0 0}.trend-foot>span{font:600 10px "DM Mono";color:#2d6542}.trend-foot>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#3ea84a;margin-right:7px}.trend-foot p{font-family:"Noto Sans TC";font-size:10px;color:#718276;margin:0}.trend-foot a{font-size:11px;font-weight:800;color:#075b32;border-bottom:1px solid #075b32;padding-bottom:3px}@keyframes trend-live{0%{box-shadow:0 0 0 0 rgba(62,168,74,.5)}70%,100%{box-shadow:0 0 0 9px rgba(62,168,74,0)}}
@media(max-width:900px){.trend-grid{grid-template-columns:1fr}.trend-feature{min-height:auto}.trend-head{align-items:start}.trend-column{display:grid;grid-template-columns:1fr 1fr}.trend-column>header{grid-column:span 2}.trend-feature{grid-row:span 2}.trend-item{min-height:110px}.trend-foot{grid-template-columns:auto 1fr}.trend-foot a{grid-column:2}}
@media(max-width:600px){.trend-dashboard{padding:62px 0}.trend-head{display:block}.trend-time{margin-top:22px;width:max-content}.trend-column{display:block}.trend-column>header{grid-column:auto}.trend-feature{min-height:auto}.trend-foot{display:block}.trend-foot p{margin:10px 0 15px}.trend-head h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.trend-time>i{animation:none}}