.article-site{background:var(--skin-bg);min-height:100vh;color:var(--skin-ink);font-family:var(--font-sans,system-ui,-apple-system,"PingFang HK","Noto Sans TC",sans-serif)}.article-site *{box-sizing:border-box}.article-site a{color:inherit}.article-skip{z-index:999;border:2px solid var(--skin-line);border-radius:var(--ui-control-radius);background:var(--skin-accent);padding:10px 14px;font-weight:900;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.article-skip:focus{transform:none}.article-topbar{z-index:20;border-bottom:1.5px solid var(--skin-line);background:color-mix(in srgb,var(--skin-surface) 93%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:10px clamp(16px,4vw,54px);display:flex;position:sticky;top:0}.article-brand-stack{justify-items:start;gap:7px;display:grid}.article-brand{align-items:center;gap:11px;text-decoration:none;display:flex}.article-brand-mark{background:url(/playhardstudyhard-logo-v1.png) 50%/contain no-repeat;width:46px;height:46px}.article-brand>span:last-child{gap:1px;display:grid}.article-brand b{font-size:1.05rem}.article-brand small{color:var(--skin-muted);letter-spacing:.08em;font-size:.72rem;font-weight:800}.article-topbar nav{align-items:center;gap:9px;display:flex}.article-platform-back,.article-topbar nav>a,.article-topbar .skin-trigger{border:1.5px solid var(--skin-line);background:var(--skin-surface);min-height:42px;color:var(--skin-ink);font:inherit;box-shadow:var(--ui-button-shadow);border-radius:999px;padding:9px 15px;font-size:.82rem;font-weight:850;text-decoration:none}.article-platform-back{justify-content:center;align-items:center;display:inline-flex}.article-main,.article-reader{width:min(1180px,100% - 32px);margin:auto;padding:clamp(28px,5vw,72px) 0 90px}.article-hero{border:var(--ui-card-border);border-radius:calc(var(--ui-card-radius) + 8px);background:linear-gradient(135deg,color-mix(in srgb,var(--skin-soft) 88%,var(--skin-surface)),var(--skin-surface));min-height:430px;box-shadow:var(--ui-card-shadow);grid-template-columns:minmax(0,1.65fr) minmax(240px,.7fr);align-items:end;gap:clamp(20px,5vw,64px);padding:clamp(28px,6vw,76px);display:grid;overflow:hidden}.article-eyebrow,.article-featured>header>span,.article-library>header>div>span,.article-submit>div>span,.article-related>header>span{color:var(--skin-muted);letter-spacing:.16em;font-size:.76rem;font-weight:950;display:inline-block}.article-hero h1{letter-spacing:-.045em;max-width:820px;margin:12px 0 18px;font-size:clamp(2.2rem,6vw,5.1rem);line-height:1.03}.article-hero p{max-width:680px;color:var(--skin-muted);margin:0 0 26px;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.75}.article-hero>div>a,.article-mail-button,.article-learning-cta>a{border:2px solid var(--skin-line);border-radius:var(--ui-control-radius);background:var(--skin-accent);min-height:48px;color:var(--skin-on-accent,var(--skin-ink));box-shadow:var(--ui-button-shadow);justify-content:center;align-items:center;padding:11px 20px;font-weight:950;text-decoration:none;display:inline-flex}.article-hero aside{border-left:4px solid var(--skin-third);padding-left:24px}.article-hero aside strong{font-size:clamp(3.2rem,8vw,6.4rem);line-height:.9;display:block}.article-hero aside span{font-weight:900}.article-hero aside p{margin:15px 0 0;font-size:.88rem}.article-featured,.article-library,.article-submit,.article-related{margin-top:clamp(54px,8vw,100px)}.article-featured>header,.article-library>header,.article-related>header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.article-featured h2,.article-library h2,.article-submit h2,.article-related h2{margin:6px 0 0;font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.15}.article-featured>div{grid-template-columns:1.3fr 1fr;gap:16px;display:grid}.article-featured .article-card:first-child{grid-row:span 2}.article-card{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--ui-card-bg,var(--skin-surface));min-width:0;box-shadow:var(--ui-card-shadow);grid-template-columns:132px minmax(0,1fr);transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.article-card:hover{box-shadow:var(--ui-card-hover-shadow);transform:translateY(-3px)}.article-card.is-featured{grid-template-rows:190px 1fr;grid-template-columns:1fr}.article-card-art{background:linear-gradient(145deg,var(--skin-accent),var(--skin-third));color:var(--skin-ink);place-items:center;font-family:serif;font-size:3rem;font-weight:900;display:grid}.article-card.is-featured .article-card-art{font-size:5rem}.article-card-copy{flex-direction:column;padding:20px;display:flex}.article-meta{flex-wrap:wrap;gap:7px;display:flex}.article-meta span{border:1px solid var(--skin-line);background:var(--skin-soft);border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:900}.article-card h2{margin:13px 0 9px;font-size:clamp(1.08rem,1.7vw,1.45rem);line-height:1.35}.article-card h2 a{text-decoration:none}.article-card h2 a:after{content:"";position:absolute;inset:0}.article-card p{color:var(--skin-muted);margin:0;font-size:.88rem;line-height:1.65}.article-card footer{color:var(--skin-muted);flex-wrap:wrap;gap:7px 14px;margin-top:auto;padding-top:18px;font-size:.7rem;font-weight:750;display:flex}.article-library>header{align-items:center}.article-search{min-width:min(350px,100%);color:var(--skin-muted);gap:5px;font-size:.74rem;font-weight:850;display:grid}.article-search input,.article-tools select,.article-reader-tools select{border:1.5px solid var(--skin-line);border-radius:var(--ui-control-radius);background:var(--skin-surface);min-height:46px;color:var(--skin-ink);font:inherit;padding:9px 12px}.article-tools{border-block:1px solid var(--ui-divider);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.article-categories{gap:8px;padding:3px;display:flex;overflow-x:auto}.article-categories button,.article-empty button,.article-reader-tools button,.article-helpful button{border:1.5px solid var(--skin-line);background:var(--skin-surface);min-height:42px;color:var(--skin-ink);font:inherit;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:850}.article-categories button[aria-pressed=true],.article-reader-tools button[aria-pressed=true],.article-helpful button[aria-pressed=true]{background:var(--skin-accent);box-shadow:var(--ui-button-shadow)}.article-tools>label{color:var(--skin-muted);align-items:center;gap:8px;font-size:.76rem;font-weight:850;display:flex}.article-result{color:var(--skin-muted);font-size:.8rem;font-weight:800}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.article-empty{border:1.5px dashed var(--skin-line);border-radius:var(--ui-card-radius);background:var(--skin-soft);text-align:center;padding:42px}.article-empty h3{margin:0}.article-empty p{color:var(--skin-muted)}.article-submit{border:var(--ui-card-border);border-radius:calc(var(--ui-card-radius) + 6px);background:var(--skin-soft);grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,62px);padding:clamp(26px,5vw,58px);display:grid}.article-submit>div p{color:var(--skin-muted);line-height:1.75}.article-submit aside{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--skin-surface);padding:22px}.article-submit aside h3{margin:0 0 9px}.article-submit aside>a:not(.article-mail-button){overflow-wrap:anywhere;font-weight:900}.article-submit ul{color:var(--skin-muted);padding-left:20px;font-size:.85rem;line-height:1.65}.article-mail-button{width:100%;margin-top:8px}.article-footer{border-top:1.5px solid var(--skin-line);background:var(--skin-surface);grid-template-columns:1fr auto;gap:18px;padding:30px clamp(16px,4vw,54px);display:grid}.article-footer p{max-width:620px;color:var(--skin-muted);margin:7px 0;line-height:1.55}.article-footer nav{flex-wrap:wrap;align-items:start;gap:14px;font-size:.82rem;font-weight:850;display:flex}.article-footer>small{color:var(--skin-muted);grid-column:1/-1}.article-breadcrumb{color:var(--skin-muted);gap:8px;font-size:.82rem;font-weight:800;display:flex}.article-reader-head{text-align:center;max-width:900px;margin:34px auto 54px}.article-reader-head .article-meta{justify-content:center}.article-reader-head h1{letter-spacing:-.04em;margin:18px 0;font-size:clamp(2.25rem,6vw,4.8rem);line-height:1.08}.article-reader-head>p{max-width:760px;color:var(--skin-muted);margin:auto;font-size:clamp(1rem,2vw,1.25rem);line-height:1.75}.article-byline{color:var(--skin-muted);flex-wrap:wrap;justify-content:center;gap:9px 20px;margin-top:24px;font-size:.8rem;font-weight:800;display:flex}.article-reader-layout{grid-template-columns:minmax(0,760px) 190px;justify-content:center;align-items:start;gap:38px;display:grid}.article-body{min-width:0;font-size:1.05rem;line-height:1.95}.article-reader.is-large .article-body{font-size:1.2rem}.article-disclaimer{border-left:4px solid var(--skin-accent);border-radius:0 var(--ui-control-radius) var(--ui-control-radius) 0;background:var(--skin-soft);color:var(--skin-muted);padding:14px 18px;font-size:.82em}.article-body>section{margin:52px 0;position:relative}.article-section-number{color:var(--skin-third);letter-spacing:.15em;font-size:.76rem;font-weight:950;display:block}.article-body h2{margin:5px 0 16px;font-size:1.65em;line-height:1.3}.article-body p{margin:0 0 1.15em}.article-body ul{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--skin-soft);padding:18px 20px 18px 42px}.article-reader-tools{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--skin-surface);box-shadow:var(--ui-card-shadow);gap:9px;padding:14px;display:grid;position:sticky;top:96px}.article-reader-tools button{border-radius:var(--ui-control-radius);width:100%}.article-reader-tools label{color:var(--skin-muted);gap:5px;font-size:.72rem;font-weight:850;display:grid}.article-reader-tools p{color:var(--skin-muted);margin:0;font-size:.72rem;line-height:1.4}.article-learning-cta{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--skin-soft);justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.article-learning-cta h2{font-size:1.35em}.article-learning-cta p{color:var(--skin-muted);margin:0;font-size:.85em}.article-learning-cta>a{flex:none}.article-helpful{border-block:1px solid var(--ui-divider);justify-content:space-between;align-items:center;gap:20px;max-width:990px;margin:62px auto 0;padding:24px 0;display:flex}.article-helpful h2{margin:0;font-size:1.2rem}.article-helpful p{color:var(--skin-muted);margin:5px 0 0;font-size:.8rem}.article-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.article-related article{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--skin-surface);box-shadow:var(--ui-card-shadow);padding:20px;position:relative}.article-related article>span,.article-related small{color:var(--skin-muted);font-size:.7rem;font-weight:850}.article-related h3{font-size:1.08rem;line-height:1.4}.article-related h3 a{text-decoration:none}.article-related h3 a:after{content:"";position:absolute;inset:0}.article-related p{color:var(--skin-muted);font-size:.82rem;line-height:1.55}.article-reader.has-ranking-table .article-reader-layout{grid-template-columns:minmax(0,900px) 190px}.article-study-plan>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.article-study-plan article{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--skin-soft);box-shadow:var(--ui-card-shadow);padding:18px}.article-study-plan h3{margin:0 0 9px;font-size:1em;line-height:1.35}.article-study-plan strong{color:var(--skin-ink);font-size:.82em;line-height:1.55;display:block}.article-study-plan article p{color:var(--skin-muted);margin:10px 0 0;font-size:.76em;line-height:1.65}.article-table-hint{color:var(--skin-muted);font-size:.75em;font-weight:850}.article-table-scroll{border:var(--ui-card-border);border-radius:var(--ui-card-radius);background:var(--skin-surface);max-width:100%;box-shadow:var(--ui-card-shadow);overscroll-behavior-inline:contain;overflow-x:auto}.article-table-scroll:focus-visible{outline:3px solid var(--skin-third);outline-offset:3px}.article-ranking table{border-collapse:separate;border-spacing:0;width:100%;min-width:920px;font-size:.78em;line-height:1.65}.article-ranking caption{background:var(--skin-soft);color:var(--skin-muted);text-align:left;padding:14px 16px;font-size:.8em;font-weight:900}.article-ranking th,.article-ranking td{border-top:1px solid var(--ui-divider);text-align:left;vertical-align:top;padding:14px 13px}.article-ranking thead th{background:var(--skin-soft);color:var(--skin-ink);letter-spacing:.03em;font-size:.85em}.article-ranking tbody th{min-width:9em;font-weight:950}.article-ranking tbody td:first-child{z-index:1;background:var(--skin-surface);text-align:center;width:66px;position:sticky;left:0}.article-ranking tbody tr.is-top-three td:first-child{border-left:5px solid var(--skin-accent)}.article-ranking tbody tr.is-top-three td,.article-ranking tbody tr.is-top-three th{background:color-mix(in srgb,var(--skin-soft) 78%,var(--skin-surface))}.article-ranking tbody tr.is-top-three td:first-child{background:var(--skin-soft)}.article-rank-number{font-size:1.2em;font-weight:950;display:block}.article-ranking td small{color:var(--skin-muted);white-space:nowrap;margin-top:3px;font-size:.7em;font-weight:900;display:block}.article-ranking th:nth-child(4),.article-ranking td:nth-child(4){min-width:13em}.article-ranking th:last-child,.article-ranking td:last-child{min-width:27em}.article-abstract{border:var(--ui-card-border);border-radius:calc(var(--ui-card-radius) + 4px);background:linear-gradient(145deg,var(--skin-soft),var(--skin-surface));box-shadow:var(--ui-card-shadow);padding:clamp(22px,4vw,36px)}.article-abstract>span{color:var(--skin-muted);letter-spacing:.14em;font-size:.72rem;font-weight:950}.article-abstract h3{margin:24px 0 8px;font-size:1em}.article-abstract ul,.article-limitations ul{margin-bottom:0}.article-method{border-bottom:1px solid var(--ui-divider);padding-bottom:34px}.article-citations{color:var(--skin-muted);flex-wrap:wrap;gap:2px;font-size:.75em;font-weight:800;display:flex;margin-top:18px!important}.article-citations a{border:1px solid var(--skin-line);background:var(--skin-surface);border-radius:999px;justify-content:center;align-items:center;min-width:30px;min-height:30px;text-decoration:none;display:inline-flex}.article-limitations{border:1.5px dashed var(--skin-line);border-radius:var(--ui-card-radius);background:var(--skin-soft);padding:24px}.article-limitations ul{background:0 0;border:0;padding-top:0;padding-bottom:0}.article-references ol{gap:14px;padding:0;list-style:none;display:grid}.article-references li{border-top:1px solid var(--ui-divider);grid-template-columns:110px minmax(0,1fr);gap:14px;padding-top:14px;scroll-margin-top:100px;display:grid}.article-source-type{border:1px solid var(--skin-line);background:var(--skin-soft);text-align:center;border-radius:999px;align-self:start;padding:4px 8px;font-size:.65em;font-weight:900}.article-references p{margin:0;font-size:.82em;line-height:1.65}.article-references a{text-underline-offset:3px;font-weight:850;display:block}.article-references small{color:var(--skin-muted);margin-top:4px;display:block}.article-site button,.article-site a,.article-site input,.article-site select{transition:transform .18s,box-shadow .18s,background-color .18s}.article-site :focus-visible{outline:3px solid var(--skin-third);outline-offset:3px}@media (max-width:820px){.article-topbar{flex-direction:column;align-items:flex-start}.article-topbar nav{width:100%;padding:2px 2px 7px;overflow-x:auto}.article-topbar nav>a,.article-topbar .skin-trigger{flex:none}.article-hero,.article-submit{grid-template-columns:1fr;min-height:0}.article-featured>div,.article-grid{grid-template-columns:1fr}.article-featured .article-card:first-child{grid-row:auto}.article-reader-layout,.article-reader.has-ranking-table .article-reader-layout{grid-template-columns:1fr}.article-reader-tools{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.article-reader-tools label,.article-reader-tools p{grid-column:1/-1}.article-related>div{grid-template-columns:1fr}.article-learning-cta{flex-direction:column;align-items:flex-start}.article-footer{grid-template-columns:1fr}}@media (max-width:560px){.article-main,.article-reader{width:min(100% - 22px,1180px);padding-top:22px}.article-topbar{min-height:66px;padding:8px 11px}.article-brand-mark{width:40px;height:40px}.article-brand small{font-size:.62rem}.article-platform-back,.article-topbar nav>a,.article-topbar .skin-trigger{min-height:38px;padding:7px 11px;font-size:.7rem}.article-hero{padding:28px 20px}.article-hero h1{font-size:2.35rem}.article-featured>header,.article-library>header,.article-related>header{flex-direction:column;align-items:flex-start}.article-search{width:100%;min-width:0}.article-tools{flex-direction:column;align-items:stretch}.article-categories{margin-inline:-3px}.article-tools>label{justify-content:space-between}.article-card{grid-template-columns:92px minmax(0,1fr)}.article-card.is-featured{grid-template-rows:130px 1fr;grid-template-columns:1fr}.article-card-copy{padding:16px}.article-submit{padding:24px 18px}.article-reader-head{margin:28px auto 40px}.article-reader-head h1{font-size:2.25rem}.article-byline{gap:7px 12px}.article-body{font-size:1rem;line-height:1.85}.article-reader.is-large .article-body{font-size:1.1rem}.article-study-plan>div{grid-template-columns:1fr}.article-ranking table{min-width:860px}.article-references li{grid-template-columns:1fr;gap:7px}.article-source-type{justify-self:start}.article-helpful{flex-direction:column;align-items:flex-start}.article-helpful button{width:100%}.article-footer{padding:24px 16px}}@media (prefers-reduced-motion:reduce){.article-site *{scroll-behavior:auto!important;transition:none!important}.article-card:hover{transform:none}}