:root{font-family:system-ui,-apple-system,"Noto Sans TC","Segoe UI",sans-serif;color:#25344a;background:#fff9e9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,select{font:inherit}.star-page{background:linear-gradient(125deg,#fff8e4,#fff 54%,#f4fbff);min-height:100vh}
.star-wrap{width:min(1250px,calc(100% - 32px));margin:auto}
.star-topbar{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px max(16px,calc((100% - 1250px)/2));background:#fffdfa;border-bottom:2px solid #d9a94c;flex-wrap:wrap}
.star-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;color:#533576;font-size:1.1rem}.star-logo img{object-fit:contain}.star-logo small{display:block;color:#9f701f;font-size:.64rem;letter-spacing:.13em}
.star-topbar nav{display:flex;gap:10px;flex-wrap:wrap}.star-topbar nav a{padding:10px 13px;border-radius:9px;background:#623d85;color:#fff;text-decoration:none;font-weight:750;font-size:.88rem}
.star-lang{display:flex;align-items:center;gap:8px;color:#65523f;font-weight:750;font-size:.84rem}.star-lang select{background:#fff;min-height:42px;padding:8px;border-radius:8px;border:1px solid #d5b45b}
.star-hero{position:relative;overflow:hidden;padding:65px 0 47px;background:radial-gradient(circle at 82% 0%,#e3e0ff 0,transparent 37%),linear-gradient(115deg,#fff0aa,#fff8dd 54%,#e8f7fa);border-bottom:3px solid #e8bf69}
.star-overline{font-size:.77rem;font-weight:900;letter-spacing:.17em;color:#91621b}.star-hero h1{color:#412c70;font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.1;margin:14px 0 21px}
.star-hero p{font-size:1.08rem;color:#4e5a6a;line-height:1.9;max-width:850px}
.star-badges{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.star-badges span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #d6ab54;color:#554369;border-radius:99px;padding:9px 16px;font-size:.87rem}
.star-monitor{display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:940px;padding:15px 17px;background:#fffdfa;border:1px solid #d8be86;border-radius:14px;box-shadow:0 6px 22px #906f2920}
.star-monitor>div{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.star-monitor small{color:#727989}.star-monitor button{background:#643884;color:#fff;border:0;border-radius:9px;padding:10px 17px;cursor:pointer;white-space:nowrap;font-weight:800}
.star-monitor-light{height:10px;width:10px;background:#e2a230;border-radius:50%;box-shadow:0 0 0 4px #f3d998}.star-monitor[data-state=ok] .star-monitor-light{background:#299a68;box-shadow:0 0 0 4px #d2f3e6}.star-monitor[data-state=error] .star-monitor-light{background:#c94a45;box-shadow:0 0 0 4px #ffe2de}
.star-content{padding:40px 0 60px}.star-intro h2{margin:0;color:#3e356a;font-size:clamp(1.4rem,3vw,2rem)}.star-intro p{color:#657083;line-height:1.7;margin-top:9px}
.star-category-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 26px}.star-category-nav a{background:#fff;border:1.5px solid #dabc79;padding:10px 16px;border-radius:10px;color:#48345b;font-size:.9rem;text-decoration:none;font-weight:800}
.star-category-nav a:hover,.star-category-nav a:focus-visible{background:#fff0bb}
.star-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.star-card{border:2px solid #dab865;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 11px 30px #394b6614;scroll-margin-top:20px}
.star-card-header{display:flex;gap:13px;align-items:center;background:linear-gradient(110deg,#fff0be,#fff8e4 65%,#f9fcff);padding:21px 18px;border-bottom:3px solid var(--star-color)}
.star-icon{font-size:2rem}.star-card-header small{font-size:.68rem;letter-spacing:.14em;color:var(--star-color);font-weight:900}.star-card-header h3{color:#383d65;font-size:1.18rem;margin:4px 0 0}.star-count{margin-left:auto;white-space:nowrap;padding:7px 9px;background:#fff;border:1px solid #d8b568;border-radius:9px;font-size:.8rem;font-weight:850;color:#785522}
.star-list{padding:6px 16px 12px 38px;margin:0;list-style:decimal}.star-list>li{border-bottom:1px solid #ebe4d7;padding:19px 2px;color:#9e7c32}.star-list>li:last-child{border-bottom:0}.star-list a{display:block;text-decoration:none;color:#2c3c75;font-size:1.05rem;font-weight:800;line-height:1.55}.star-list a:hover{text-decoration:underline;color:#ad5136}
.star-article-meta{display:flex;flex-wrap:wrap;gap:13px;color:#6b7280;margin-top:10px;font-size:.78rem}.star-list p{margin:9px 0 0;font-size:.88rem;color:#626e7d;line-height:1.7}.star-list .empty{color:#7c6e55;list-style:none}
.star-disclosure{margin-top:25px;padding:23px;background:#fff8e8;border:1px solid #dcc38e;border-radius:15px}.star-disclosure h2{margin:0 0 9px;color:#674778;font-size:1.05rem}.star-disclosure p{margin:0;line-height:1.8;color:#6b6672;font-size:.92rem}
.star-back{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.star-back a{display:inline-block;padding:12px 17px;color:#fff;background:#5e3e81;border-radius:10px;text-decoration:none;font-weight:800}
.star-footer{text-align:center;padding:25px;color:#615d69;border-top:1px solid #e5d2a5}.star-page[dir=rtl] .star-count{margin-left:0;margin-right:auto}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #a877d1;outline-offset:3px}
@media(max-width:820px){.star-grid{grid-template-columns:1fr}.star-hero{padding:43px 0 35px}.star-topbar{justify-content:flex-start}.star-monitor{align-items:flex-start;flex-direction:column}.star-monitor button{width:100%}}
@media(max-width:450px){.star-card-header{padding:18px 13px}.star-list{padding-left:33px;padding-right:12px}.star-category-nav a{flex:1;text-align:center}}