@font-face{font-family:Oswald;src:url('assets/oswald-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{--red:#922c25;--deep:#571916;--muted:#736a64}
body{background:#f5f4f1 url('assets/reference-paper.jpg') center top/1536px auto repeat-y}body:before{display:none}
header{height:88px;background:linear-gradient(110deg,#5a1b18,#9a3128 58%,#6b201a);border-top:2px solid #c17c63;border-bottom:3px solid #4a1815;box-shadow:0 2px 0 #c1846d,0 7px 17px #23151124}header:after{content:"";position:absolute;bottom:-5px;left:0;width:255px;height:7px;background:#72241e;clip-path:polygon(0 0,100% 0,97% 100%,0 100%)}
.official-logo{width:176px;max-height:52px}.brand-caption{font-size:9px;opacity:.8;letter-spacing:2.8px;margin-top:4px}nav a{font-family:Oswald,"Microsoft JhengHei",sans-serif;font-size:14px;letter-spacing:.45px;font-weight:700;gap:8px}nav a.active:after{height:3px;bottom:14px;background:#f4d6ba}nav a:hover{color:#f4d6ba}.edition{font-size:10px;padding:7px 12px;background:#f3eeea;color:#70231e;border:1px solid #ffffff80}
.wrap{max-width:1192px}.breadcrumb{letter-spacing:1.5px;margin-top:26px;color:#958a80;font-size:10px}.page-title{position:relative;margin:30px 0 34px;padding:7px 0 19px}.page-title h1{font:700 61px/1.05 Oswald,Arial,sans-serif;letter-spacing:1px;background:linear-gradient(#0a0a0a 40%,#8f2e24 100%);background-clip:text;-webkit-background-clip:text}.page-title p{font-size:12px;letter-spacing:5px;margin-top:12px;font-weight:600}.page-title:after{content:"";position:absolute;bottom:0;width:44px;height:3px;left:calc(50% - 22px);background:var(--red)}
.slant{font-family:Oswald,Arial,sans-serif;font-weight:700;font-style:italic;letter-spacing:-.4px}.hero-banner{height:190px;border:0;clip-path:none;background:linear-gradient(115deg,#f0ede7,#fff 60%,#ece8e2);box-shadow:0 6px 18px #3b211c16;outline:1px solid #49403a;outline-offset:-1px}.hero-banner:after{content:"";position:absolute;inset:9px;pointer-events:none;border:1px solid #8e81712e;clip-path:polygon(0 0,98% 0,100% 17%,100% 100%,0 100%)}.banner-art{width:35%;max-width:385px;background:#242527;clip-path:polygon(0 0,100% 0,83% 100%,0 100%);border-left:5px solid #6e251e}.banner-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#121210a0);pointer-events:none}.banner-art img{width:320px;left:-8px;top:-12px;transform:rotate(-17deg)}.banner-art img+img{width:240px;left:160px;top:12px;transform:rotate(17deg)}.hero-copy{padding:16px 24px}.hero-copy h2{font-size:49px;line-height:1.15;margin-bottom:8px;letter-spacing:-1px}.hero-copy p{font-size:15px;line-height:1.75}.hero-copy small{font-size:11px;letter-spacing:.6px}.hero-no{font:10px/1.5 monospace;color:#9c8d7c;right:20px;top:14px}
.entry-grid{gap:22px;margin-top:23px;margin-bottom:44px}.entry{min-height:167px;clip-path:none;border:1px solid #b7aea3;border-bottom:3px solid #6c2922;padding:26px 24px;background:linear-gradient(135deg,#fff 55%,#eeeae3);box-shadow:0 7px 13px #30231b13;overflow:hidden}.entry:before{height:3px;right:76%;background:#9f352a}.entry:after{content:"";position:absolute;width:48px;height:48px;right:-25px;top:-25px;transform:rotate(45deg);background:#eee9e2;border-bottom:1px solid #b8aaa0}.entry h3{font-size:30px;letter-spacing:-.5px;margin-bottom:8px}.entry p{font-size:13px;color:#54453c;letter-spacing:1px}.entry small{margin-top:17px;color:#95877a;letter-spacing:1.3px;font-size:10px}.entry .arrow{top:auto;bottom:24px;right:23px;font-size:31px;font-weight:normal;color:#8f2b23}.entry:hover{border-color:#8f2b23;background:linear-gradient(135deg,#fff,#f5eee7);box-shadow:0 10px 20px #30231b23;transform:translateY(-3px)}
.section-head{padding:0 0 11px;border-bottom:1px solid #a79b8b;position:relative;gap:17px}.section-head:after{content:"";position:absolute;bottom:-1px;left:0;width:45px;height:3px;background:var(--red)}.section-head h2{font:700 25px Oswald;letter-spacing:1px}.section-head span{font-size:11px;color:#887a6b}.section-head a{font-size:11px}.collection-row{gap:20px}.collection{background:linear-gradient(135deg,#fdfcf9,#e6e1d8);border:1px solid #c9bfb1;padding:20px;min-height:113px;box-shadow:0 4px 10px #30231b0a;transition:transform .18s}.collection strong{font:700 29px Oswald;letter-spacing:1px}.collection small{font-size:10px;letter-spacing:.35px;line-height:1.9;color:#706250}.collection img{width:145px;right:-22px;top:-9px;opacity:.16}.collection:hover{transform:translateY(-2px)}.note{font-size:11px;color:#938677;line-height:1.9}
.search-panel{background:linear-gradient(125deg,#fff,#f8f5ef);border:1px solid #b6a697;border-left:6px solid #8b2a22;border-right:6px solid #8b2a22;padding:25px 32px;box-shadow:0 5px 16px #3c251719}.search-panel:before,.search-panel:after{content:"";position:absolute;top:5px;width:5px;height:5px;border:1px solid #c09979}.search-panel:before{left:5px}.search-panel:after{right:5px}.filter-line{grid-template-columns:75px 1fr 60px 1fr;gap:13px 16px}.filter-line label{font-size:13px;letter-spacing:1px}.filter-line select{font-size:13px;min-height:43px;border:1px solid #86402e;outline:1px solid #ccad91;outline-offset:-4px;padding:8px 16px;background:linear-gradient(#a43c2f,#75231c);box-shadow:inset 0 1px 2px #fff2}.keyword-line{margin-top:20px;max-width:760px}.keyword-line input{background:white;border:1px solid #c5b5a5;font-size:13px;padding:11px 15px}.search-button{font:700 17px Oswald;border:1px solid #88402d;box-shadow:inset 0 0 0 3px #e7dacc;color:#50231b;background:#fff;letter-spacing:.3px}.search-button:hover{background:#f2e8dc}.toolbar{margin:26px 0 22px;font-size:11px;letter-spacing:.3px}.toolbar strong{font:700 17px Oswald;margin:0 4px;color:var(--red)}.view-switch button{font-size:11px;padding:6px 15px;border-color:#ab8770}.view-switch button.selected{background:#8a2b22;border-color:#8a2b22}
.card-grid{gap:27px 23px}.card-tile{border:1px solid #d0c7ba;box-shadow:0 5px 14px #3021160d;background:#fffefa}.card-tile:hover{box-shadow:0 9px 22px #45281c26;transform:translateY(-4px)}.card-tile:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8f2e24 0 33px,#d7cabe 33px)}.thumb{background:#e9e3d9;border-bottom:1px solid #b9afa3}.thumb img{transition:transform .3s}.card-tile:hover .thumb img{transform:scale(1.025)}.zoom-mark{width:27px;height:27px;background:#79271fed;border-color:#edd2b9;box-shadow:0 2px 6px #0003;font-family:Arial;font-size:20px;bottom:8px}.tile-info{padding:13px 15px 18px;min-height:127px}.tile-top{font-size:9px;letter-spacing:.5px;margin-bottom:8px}.card-code{font:700 11px Oswald;letter-spacing:.6px;background:#8f2b23;padding:3px 8px 3px 14px}.tile-info h2{font-size:16px;line-height:1.45;font-weight:700;letter-spacing:.25px;margin-bottom:5px}.tile-info .english{font:700 12px/1.4 Oswald;color:#887767;letter-spacing:.3px}.chips{gap:5px;margin-top:11px}.chip{border-color:#d8cfc0;background:#f4f0e8;color:#85735f;font-size:10px;padding:1px 6px}.tile-info .chip:first-child{background:#eee6db;border-color:#d9c7b0;color:#72553e}
footer{background:linear-gradient(110deg,#27231f,#32251f);border-top:3px solid #863026;padding-top:33px}.footer-inner strong{font:700 20px Oswald;letter-spacing:1px}.footer-inner p{font-size:10px;line-height:1.9;color:#b4a89b}.footer-credit{padding-top:19px;margin-top:24px;letter-spacing:.4px}.footer-credit strong{font-size:12px;color:#f1e2cd}.footer-credit span{font-size:11px;color:#c1ad97}
.modal{box-shadow:0 20px 100px #0009;border:1px solid #ae8269;background:#fffefa}.modal-head{padding:12px 22px;background:linear-gradient(110deg,#60211a,#943329);border-bottom-color:#b6865b}.modal-head strong{font:700 19px Oswald;letter-spacing:1px}.modal-head span{font:700 12px Oswald;letter-spacing:.8px}.modal-layout{gap:32px;padding:29px}.detail h2{font-size:26px;letter-spacing:.5px}.detail .en{font:700 17px Oswald;letter-spacing:.6px;color:#997c60;margin-top:7px}.detail h3{font:700 15px Oswald,"Microsoft JhengHei";letter-spacing:1px;border-color:#8b2b23;background:linear-gradient(90deg,#eee7db,#f7f3ed);padding:8px 12px}.detail .effect h4{font-size:15px}.effect p{line-height:1.95}.unit-parameters span{background:linear-gradient(120deg,#eee6d9,#f6f2ec);border-left-width:2px;padding:9px 12px;font:700 12px Oswald}.unit-parameters strong{font:700 31px Oswald}.image-hint{font-size:10px;color:#9a8a77}.related button{background:#f7f1e8}.related span{padding:8px;color:#80694e}
@media(min-width:1500px){.wrap{max-width:1280px}}
@media(max-width:950px){header{padding:0 23px;gap:20px}.hero-copy h2{font-size:43px}.banner-art{width:32%}.hero-copy{padding:16px}.entry{padding:24px 19px}.entry h3{font-size:27px}.card-grid{gap:22px 18px}.search-panel{padding:23px}.filter-line{grid-template-columns:67px 1fr 47px 1fr;gap:12px}.filter-line select{font-size:12px}.tile-info{padding:12px}.tile-info h2{font-size:15px}.tile-info .english{font-size:11px}nav{gap:19px}}
@media(max-width:650px){header{height:auto;min-height:114px;padding:13px 18px 0;gap:5px}.official-logo{width:153px;max-height:43px}.brand-caption{font-size:8px;letter-spacing:2px;margin:2px 0 0 37px}header:after{width:190px}nav{height:43px;gap:10px}nav a{font-size:12px;letter-spacing:.2px}nav a.active:after{bottom:3px;height:2px}.breadcrumb{font-size:9px;margin-top:20px}.page-title{margin:23px 0 27px;padding:4px 0 18px}.page-title h1{font-size:46px}.page-title p{font-size:10px;letter-spacing:4px}.hero-banner{height:157px}.banner-art{width:31%;min-width:101px}.banner-art img{width:245px;left:-42px;top:5px}.banner-art img+img{display:none}.hero-copy{padding:10px}.hero-copy h2{font-size:31px;letter-spacing:-.5px}.hero-copy p{font-size:12px}.hero-copy small{font-size:9px;letter-spacing:.1px}.hero-no{top:9px;right:10px;font-size:7px}.entry-grid{gap:13px;margin:20px 0 32px}.entry{min-height:105px;padding:19px 20px}.entry h3{font-size:27px;margin-bottom:3px}.entry p{font-size:12px;letter-spacing:.5px}.entry small{position:absolute;top:42px;right:52px;margin:0;font-size:9px;letter-spacing:.3px}.entry .arrow{bottom:29px;right:20px}.section-head{gap:10px}.section-head h2{font-size:22px}.section-head span{font-size:10px}.collection-row{gap:13px}.collection{min-height:102px;padding:15px}.collection strong{font-size:27px}.collection small{font-size:9px}.search-panel{padding:19px 14px;border-left-width:5px;border-right-width:5px}.filter-line{grid-template-columns:64px 1fr;gap:12px 8px}.filter-line label{font-size:11px}.filter-line select{font-size:12px;min-height:41px}.keyword-line{gap:8px;margin-top:17px}.keyword-line input{font-size:11px;padding:10px}.search-button{font-size:15px;min-width:83px;padding:7px 10px}.toolbar{margin:22px 0 18px;font-size:10px;gap:8px}.toolbar strong{font-size:15px}.view-switch button{padding:5px 10px;font-size:10px}.card-grid{gap:18px 12px}.tile-info{padding:10px;min-height:122px}.tile-info h2{font-size:13px;letter-spacing:0}.tile-info .english{font-size:10px}.tile-top{font-size:8px;letter-spacing:.1px}.card-code{font-size:10px;padding:2px 5px 2px 10px}.chip{font-size:9px;padding:1px 4px}.zoom-mark{width:23px;height:23px;font-size:17px;right:6px;bottom:6px}.modal-layout{padding:16px;gap:20px}.detail h2{font-size:22px}.modal-head{padding:10px 14px}.modal-head strong{font-size:17px}.footer-inner strong{font-size:19px}.footer-credit{gap:6px}.footer-credit strong{font-size:11px}.footer-credit span{font-size:10px}body{background-size:1000px auto}}

.entry-art{position:absolute;inset:0 0 0 52%;opacity:.55;pointer-events:none;overflow:hidden}.entry-art img{width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:saturate(.65);transform:scale(1.08)}.entry-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#ffffffa6 34%,#ffffff0a 100%)}.entry h3,.entry p,.entry small,.entry .arrow{position:relative;z-index:1}.entry .arrow{position:absolute}.entry small{max-width:76%}.entry:hover .entry-art{opacity:.75}@media(max-width:650px){.entry-art{left:61%;opacity:.4}.entry small{position:absolute;max-width:38%;right:48px}.entry .arrow{right:20px}}

/* Full-viewport paper, including wide desktop screens. */
body{background:#f7f5f1;isolation:isolate}body:before{display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:1;background:url("assets/reference-paper.jpg") center top/cover no-repeat}