:root{color-scheme:light;--ink:#1f2430;--muted:#6b7280;--blue:#1f8fc4;--cyan:#5bcefa;--pink:#d9748f;--pink-light:#f5a9b8;--paper:#fff;--wash:#fafafa;--line:#e5e7eb;--blue-wash:#cce2ed;--sidebar:270px;--shadow:0 18px 50px rgba(31,36,48,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--wash);font:16px/1.75 "Noto Sans TC","Segoe UI",system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}
.topbar{position:fixed;z-index:30;inset:0 0 auto;height:68px;display:grid;grid-template-columns:var(--sidebar) 1fr auto;align-items:center;gap:26px;padding:0 30px 0 22px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;white-space:nowrap}.brand strong{font-size:.97rem;letter-spacing:-.02em}.brand strong b{color:var(--blue)}
.topnav{justify-self:center;display:flex;gap:30px;color:var(--muted);font-size:.87rem}.topnav a{position:relative;padding:22px 0 19px}.topnav a:hover{color:var(--ink)}.topnav a:first-child{color:var(--ink);font-weight:700}.topnav a:first-child:after{content:"";position:absolute;inset:auto 0 -1px;height:2px;background:var(--pink-light)}
.search-trigger{min-width:190px;height:40px;display:flex;align-items:center;gap:10px;padding:0 11px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:7px;cursor:pointer}.search-trigger:hover{border-color:var(--blue);color:var(--ink)}.search-icon{position:relative;width:14px;height:14px;flex:0 0 auto;border:2px solid currentColor;border-radius:50%}.search-icon:after{content:"";position:absolute;width:6px;height:2px;right:-5px;bottom:-2px;background:currentColor;border-radius:2px;transform:rotate(45deg)}kbd{margin-left:auto;padding:1px 6px;color:var(--muted);background:#f5f5f5;border:1px solid var(--line);border-radius:4px;font-size:.68rem}
.menu-button{display:none;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:7px;background:#fff}.menu-button span{width:16px;height:1.5px;background:var(--ink)}
.sidebar{position:fixed;z-index:20;inset:68px auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:24px 17px 18px;background:#fff;border-right:1px solid var(--line);overflow-y:auto}.nav-label{margin:0 10px 8px;color:#9ca3af;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-item,.subnav-item{display:flex;align-items:center;gap:11px;min-height:40px;padding:7px 10px;margin:2px 0;color:var(--muted);border-radius:7px;font-size:.85rem}.nav-item>span{width:19px;color:#9ca3af;text-align:center}.nav-item b,.subnav-item b{margin-left:auto;color:#a8afb9;font-size:.67rem}.nav-item:hover,.subnav-item:hover{color:var(--ink);background:#f7f8fa}.nav-item.active,.subnav-item.active{color:var(--blue);background:rgba(31,143,196,.08);font-weight:700;box-shadow:inset 2px 0 var(--blue)}.nav-divider{height:1px;margin:18px 8px;background:var(--line)}.subnav-item{min-height:33px;padding-left:40px;font-size:.78rem}.sidebar footer{margin-top:auto;padding:18px 10px 2px;border-top:1px solid var(--line)}.sidebar footer strong,.sidebar footer span{display:block}.sidebar footer strong{font-size:.75rem}.sidebar footer span{color:#9ca3af;font-size:.7rem}
main{min-height:100vh;margin-left:var(--sidebar);padding-top:68px}.page{max-width:1240px;margin:0 auto;padding:54px clamp(26px,5vw,72px) 80px}
.hero{min-height:510px;margin:-54px clamp(-72px,-5vw,-26px) 0;padding:92px clamp(26px,6vw,86px) 58px;display:grid;align-items:center;overflow:hidden;background:radial-gradient(circle at 88% 24%,rgba(245,169,184,.42),transparent 31%),radial-gradient(circle at 18% 96%,rgba(91,206,250,.34),transparent 38%),linear-gradient(120deg,#fff 20%,#fffafa 62%,#fff4f7);border-bottom:1px solid #f0e9eb}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--pink);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:22px;height:2px;background:currentColor}.hero h1{margin:14px 0 18px;font-size:clamp(3rem,6.1vw,5.6rem);line-height:1.02;letter-spacing:-.06em}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy{max-width:820px}.hero-copy>p{max-width:610px;margin:0;color:var(--muted);font-size:1.08rem}.hero-search{width:min(530px,100%);height:54px;display:flex;align-items:center;gap:13px;margin-top:27px;padding:0 16px;color:var(--muted);background:rgba(255,255,255,.92);border:1px solid rgba(31,143,196,.35);border-radius:8px;box-shadow:var(--shadow);cursor:pointer}.hero-search:hover{border-color:var(--blue);color:var(--ink)}.hero-stats{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px;color:var(--muted);font-size:.74rem}.hero-stats span{display:flex;align-items:baseline;gap:5px}.hero-stats strong{color:var(--ink);font-size:1rem}
.content-section{padding-top:58px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{margin:5px 0 0;font-size:1.7rem;letter-spacing:-.035em}.section-head>a{color:var(--blue);font-size:.82rem;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-card{position:relative;min-height:178px;padding:21px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px;transition:transform .18s,box-shadow .18s,border-color .18s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(31,143,196,.42)}.category-card .card-number{position:absolute;top:14px;right:17px;color:#d7dbe0;font-size:.68rem;font-weight:700;letter-spacing:.12em}.category-card>i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:21px;color:var(--blue);background:rgba(91,206,250,.13);border-radius:7px;font-style:normal}.category-card:nth-child(even)>i{color:var(--pink);background:rgba(245,169,184,.16)}.category-card h3{margin:0;font-size:.96rem}.category-card p{margin:4px 0 0;color:var(--muted);font-size:.75rem}.category-card>b{display:block;margin-top:13px;color:#9ca3af;font-size:.68rem}
.recent-section{max-width:860px}.recent-list,.document-list{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px}.doc-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:13px;min-height:65px;padding:10px 18px;border-bottom:1px solid var(--line)}.doc-row:last-child{border-bottom:0}.doc-row:hover{background:#f9fbfc}.doc-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%}.doc-row:nth-child(even) .doc-dot{background:var(--pink-light)}.doc-row strong,.doc-row small{display:block}.doc-row strong{font-size:.84rem}.doc-row small{color:var(--muted);font-size:.68rem}.doc-row em{color:var(--blue);font-size:.72rem;font-style:normal}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;color:var(--muted);font-size:.74rem}.breadcrumb a:hover{color:var(--blue)}.listing-head{position:relative;padding:34px 38px;overflow:hidden;background:linear-gradient(110deg,#fff,rgba(204,226,237,.5));border:1px solid var(--line);border-radius:10px}.listing-head:after{content:"";position:absolute;width:180px;height:180px;right:-36px;top:-70px;background:var(--pink-light);border-radius:50%;opacity:.2}.listing-head h1{margin:7px 0 5px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.15;letter-spacing:-.05em}.listing-head p{max-width:600px;margin:0;color:var(--muted)}.listing-head>strong{display:block;margin-top:18px;color:var(--blue);font-size:.8rem}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px;color:var(--muted);font-size:.74rem}.list-toolbar button{display:flex;align-items:center;gap:9px;padding:9px 13px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:6px;cursor:pointer}.list-toolbar button:hover{border-color:var(--blue);color:var(--blue)}.pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:22px}.pagination a{justify-self:start;padding:8px 13px;color:var(--blue);background:#fff;border:1px solid var(--line);border-radius:6px;font-size:.78rem}.pagination a:last-child{justify-self:end}.pagination b{color:var(--muted);font-size:.72rem}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) 220px;gap:62px;align-items:start}.article>header{padding-bottom:30px;border-bottom:1px solid var(--line)}.article h1{margin:10px 0 13px;font-size:clamp(2.2rem,4.7vw,4rem);line-height:1.14;letter-spacing:-.05em}.article-meta{display:flex;flex-wrap:wrap;gap:9px 20px;color:var(--muted);font-size:.73rem}.article h2{margin:48px 0 15px;padding-top:8px;font-size:1.65rem;line-height:1.25;letter-spacing:-.025em}.article h3{margin-top:32px;font-size:1.25rem}.article h4{margin-top:28px}.article p,.article li{color:#394150}.article a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(31,143,196,.25);text-underline-offset:3px}.article strong{color:var(--ink)}.article code{padding:2px 5px;background:#f2f4f6;border-radius:4px;font-size:.88em}.article pre{overflow-x:auto;padding:17px;color:#e9eef2;background:var(--ink);border-radius:7px}.article pre code{padding:0;color:inherit;background:none}.article hr{height:1px;margin:38px 0;background:var(--line);border:0}.table-wrap{max-width:100%;margin:20px 0;overflow-x:auto;border:1px solid var(--line);border-radius:7px}.article table{width:100%;border-collapse:collapse;font-size:.82rem;background:#fff}.article th,.article td{min-width:110px;padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.article th{color:var(--ink);background:#f4f8fa;white-space:nowrap}.article tr:last-child td{border-bottom:0}
.callout{margin:23px 0;padding:15px 18px;color:#394150;background:rgba(91,206,250,.09);border:1px solid rgba(31,143,196,.24);border-left:4px solid var(--blue);border-radius:6px}.callout strong,.callout p{display:block}.callout p{margin:4px 0 0}.callout.danger,.callout.warning{background:rgba(245,169,184,.11);border-color:rgba(217,116,143,.27);border-left-color:var(--pink)}.callout.tip{border-left-color:var(--cyan)}blockquote{margin:22px 0;padding:4px 0 4px 17px;color:var(--muted);border-left:3px solid var(--pink-light)}.broken-link{color:var(--pink);text-decoration:underline dotted;cursor:help}.article-footer{margin-top:54px;padding:23px 25px;background:linear-gradient(110deg,rgba(204,226,237,.38),rgba(245,169,184,.13));border-radius:7px}.article-footer p{margin:4px 0 0;font-size:.78rem}
.toc{position:sticky;top:94px;padding-left:18px;border-left:1px solid var(--line)}.toc>strong,.toc-related>strong{display:block;margin-bottom:10px;font-size:.74rem}.toc>button,.toc>span,.toc-related a{display:block;width:100%;padding:4px 0;color:var(--muted);background:none;border:0;text-align:left;font-size:.69rem;line-height:1.45;cursor:pointer}.toc>button:hover,.toc-related a:hover{color:var(--blue)}.toc .level-3{padding-left:10px}.toc-related{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.search-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:start center;padding:11vh 18px 20px;background:rgba(31,36,48,.35);backdrop-filter:blur(8px)}.search-modal[hidden]{display:none}.search-panel{width:min(700px,100%);overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 28px 90px rgba(31,36,48,.2)}.search-panel>label{display:block;padding:16px 19px 5px;color:var(--pink);font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.search-input-wrap{display:flex;align-items:center;gap:12px;margin:0 13px;padding:0 7px 12px;color:var(--muted);border-bottom:1px solid var(--line)}.search-input-wrap input{flex:1;min-width:0;padding:8px 0;background:transparent;border:0;outline:0;font-size:1.05rem}.search-input-wrap button{padding:3px 7px;color:var(--muted);background:#f7f7f7;border:1px solid var(--line);border-radius:4px;font-size:.64rem;cursor:pointer}.search-results{max-height:420px;overflow-y:auto;padding:8px}.result{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:11px;padding:10px 11px;border-radius:6px}.result:hover,.result.selected{background:#f3f8fa}.result-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--blue);background:rgba(91,206,250,.12);border-radius:6px}.result strong,.result small{display:block}.result strong{font-size:.8rem}.result small{color:var(--muted);font-size:.67rem}.search-empty{padding:44px 20px;color:var(--muted);text-align:center}.search-hint{margin:0;padding:9px 18px;color:#9ca3af;background:#fafafa;border-top:1px solid var(--line);font-size:.65rem}.loading{padding:150px 30px;color:var(--muted);text-align:center}.backdrop{display:none}
@media(max-width:1040px){.topbar{grid-template-columns:var(--sidebar) 1fr auto}.topnav{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{display:none}}
@media(max-width:760px){.topbar{height:62px;grid-template-columns:40px 1fr 40px;padding:0 12px;gap:9px}.menu-button{display:grid;place-content:center;gap:4px}.brand strong{font-size:.83rem}.search-trigger{min-width:38px;width:38px;padding:0;justify-content:center}.search-trigger span:not(.search-icon),.search-trigger kbd{display:none}.sidebar{top:62px;width:min(285px,86vw);transform:translateX(-102%);transition:transform .22s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.backdrop{position:fixed;z-index:15;inset:62px 0 0;display:block;background:rgba(31,36,48,.3)}.backdrop[hidden]{display:none}main{margin-left:0;padding-top:62px}.page{padding:32px 17px 58px}.hero{min-height:auto;margin:-32px -17px 0;padding:65px 20px 48px}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(2.75rem,14vw,4rem)}.hero-copy>p{font-size:.94rem}.category-grid{grid-template-columns:1fr}.category-card{min-height:150px}.section-head{align-items:start;flex-direction:column;gap:5px}.listing-head{padding:28px 22px}.doc-row{grid-template-columns:9px 1fr}.doc-row em{display:none}.article h1{font-size:clamp(2rem,10vw,3rem)}.article p,.article li{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}