:root{--primary-blue: #002D5E;--accent-yellow: #FFC107;--bg-color: #f8f9fa;--text-dark: #333333;--text-light: #666666;--border-color: #e0e0e0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,Noto Sans TC,sans-serif;background-color:var(--bg-color);color:var(--text-dark);line-height:1.6}a{text-decoration:none;color:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:900px){.main-content{grid-template-columns:3fr 1fr}}.site-header{background-color:var(--primary-blue);color:#fff;padding:1rem 0;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo-wrapper{display:flex;align-items:center;gap:.5rem}.header-logo-img{height:42px;width:42px;object-fit:cover;border-radius:50%;margin-right:.5rem;border:2px solid rgba(255,255,255,.1)}.logo-text{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;color:#fff}.logo-accent{color:var(--accent-yellow)}.main-nav{display:flex;gap:1.5rem}.nav-link{color:#fff;font-weight:500;transition:color .2s ease;position:relative}.nav-link:hover{color:var(--accent-yellow)}.nav-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-4px;left:0;background-color:var(--accent-yellow);transform-origin:bottom right;transition:transform .25s ease-out}.nav-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.nav-link-active{color:var(--accent-yellow)}.nav-link-active:after{transform:scaleX(1);transform-origin:bottom left}.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.ham-bar{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.hamburger-btn .ham-bar.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn .ham-bar.open:nth-child(2){opacity:0}.hamburger-btn .ham-bar.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;background:var(--primary-blue);padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .2s ease}.mobile-nav-open{max-height:300px;padding:.75rem 0 1rem}.mobile-nav-link{color:#ffffffd9;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;display:block;border-left:3px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}.mobile-nav-link:hover,.mobile-nav-link-active{background:#ffffff14;border-left-color:var(--accent-yellow);color:var(--accent-yellow)}@media(max-width:768px){.desktop-nav{display:none}.hamburger-btn,.mobile-nav{display:flex}}.site-footer{background-color:var(--primary-blue);color:#fff;padding:3rem 1rem 1.5rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.footer-content{grid-template-columns:repeat(3,1fr)}}.footer-col h3{color:var(--accent-yellow);margin-bottom:1rem;font-size:1.2rem}.footer-col p,.footer-col ul{font-size:.95rem;color:#ccc}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.5rem}.footer-topics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 1rem;list-style:none}.footer-col a:hover{color:#fff;text-decoration:underline}.footer-bottom{max-width:1200px;margin:2rem auto 0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.85rem;color:#999}.floating-line-btn{position:fixed;bottom:6rem;right:2.5rem;width:65px;height:65px;background-color:#00b900;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 4px 20px #00b90080;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;animation:line-pulse 2.5s infinite}@keyframes line-pulse{0%{box-shadow:0 0 #00b90066}70%{box-shadow:0 0 0 14px #00b90000}to{box-shadow:0 0 #00b90000}}.floating-line-btn img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}.floating-line-btn:hover{transform:scale(1.12) translateY(-4px);box-shadow:0 8px 24px #00b9008c;animation:none}.floating-tooltip{position:absolute;right:72px;top:50%;transform:translateY(-50%);background-color:#fff;color:var(--text-dark);padding:.45rem .9rem;border-radius:8px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #0000001f;opacity:0;visibility:hidden;transition:opacity .25s ease,right .25s ease;white-space:nowrap;pointer-events:none}.floating-tooltip:after{content:"";position:absolute;top:50%;right:-6px;transform:translateY(-50%);border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent white}.floating-line-btn:hover .floating-tooltip{opacity:1;visibility:visible;right:68px}@media(max-width:768px){.floating-line-btn{bottom:1.2rem;right:1.2rem;width:52px;height:52px}.floating-line-btn img{width:30px;height:30px}.floating-tooltip{display:none}}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;align-items:start}.article-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.article-image{aspect-ratio:16 / 9;flex-shrink:0;background-color:#f0f4f8;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.article-card:hover .article-image img{transform:scale(1.04)}.ribbon{position:absolute;top:15px;left:-5px;background-color:var(--accent-yellow);color:var(--text-dark);padding:4px 12px;font-size:.8rem;font-weight:700;box-shadow:0 2px 4px #0003;z-index:2}.ribbon:before{content:"";position:absolute;bottom:-5px;left:0;border-width:5px 5px 0 0;border-style:solid;border-color:#cca000 transparent transparent transparent}.article-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.article-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;line-height:1.4;color:var(--primary-blue);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-excerpt{font-size:.88rem;color:var(--text-light);margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.read-more{color:var(--accent-yellow);font-weight:700;font-size:.9rem;display:inline-flex;align-items:center;gap:4px}.read-more:after{content:"→";transition:transform .2s ease}.article-card:hover .read-more:after{transform:translate(4px)}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.soul-food-card{background-color:var(--accent-yellow);padding:2rem;border-radius:12px;color:var(--text-dark);box-shadow:0 4px 12px #ffc1074d}.soul-food-card h3{font-size:1.5rem;font-weight:800;margin-bottom:1rem;line-height:1.1}.soul-food-quote{font-size:1.1rem;font-weight:500;font-style:italic;margin-bottom:1rem}.soul-food-author{font-weight:700;text-align:right;font-size:.95rem}.sidebar-widget{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000d}.sidebar-widget h4{color:var(--primary-blue);font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.case-sensitive{position:relative}.case-sensitive .article-image:after{content:"";position:absolute;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff6;z-index:1}.lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;font-size:2rem;background:var(--accent-yellow);width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #0003}.hero-banner{background:linear-gradient(135deg,var(--primary-blue) 0%,#004d99 100%);border-radius:16px;padding:3rem 2rem;color:#fff;margin-bottom:2rem;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 10px 30px #002d5e33}.hero-banner h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;line-height:1.2}.hero-banner p{font-size:1.1rem;opacity:.9;margin-bottom:2rem;max-width:600px}.btn-primary{background-color:var(--accent-yellow);color:var(--text-dark);padding:.8rem 1.5rem;border-radius:30px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc10766}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}