:root{--red:#0f766e;--ink:#172026;--muted:#637078;--line:#dce3e5;--paper:#f3f7f7;--white:#fff;--shadow:0 16px 42px rgba(17,36,40,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.7}a{color:inherit}.redline{height:7px;background:var(--red)}
.topnav{background:#17191d;color:#fff;padding:15px 24px;position:sticky;top:0;z-index:20}.topnav-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;letter-spacing:.08em}.brand i{display:inline-block;width:12px;height:12px;background:var(--red);margin-right:9px;transform:rotate(45deg)}.topnav a{text-decoration:none;font-size:13px;color:#eee}
.wrap{max-width:1180px;margin:auto;padding:32px 24px 70px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--red);text-decoration:none}
.product-hero{min-height:590px;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);background:radial-gradient(circle at 82% 22%,rgba(255,255,255,.94),transparent 31%),linear-gradient(135deg,#f4f9f8 0%,#e7f3f1 48%,#dcebed 100%);border:1px solid #d5e5e3;border-radius:25px;overflow:hidden;box-shadow:0 24px 60px rgba(60,92,96,.13);position:relative}.product-hero:before{content:"";position:absolute;width:360px;height:360px;border:78px solid rgba(82,157,149,.07);border-radius:50%;left:-170px;bottom:-190px}.hero-copy{padding:58px 28px 52px 48px;color:#1d3538;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;color:#21877e;font-weight:900;letter-spacing:.15em}.hero-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.03;margin:9px 0 13px;letter-spacing:-.04em;text-wrap:balance;color:#18363a}.alias{color:#61777a;font-size:13px}.hero-slogan{font-size:clamp(21px,2.5vw,32px);line-height:1.35;font-weight:900;margin:28px 0 20px;max-width:470px;text-wrap:balance;color:#315c5e}.badges{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 24px}.badges span{border:1px solid #bdd9d5;background:rgba(255,255,255,.68);color:#315f5b;border-radius:999px;padding:6px 11px;font-size:12px}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-stats div{border-left:3px solid #69b8ae;background:rgba(255,255,255,.66);padding:10px 12px;min-height:75px;box-shadow:0 5px 16px rgba(52,91,91,.06)}.hero-stats small{display:block;color:#71898b;font-size:10px;letter-spacing:.04em}.hero-stats strong{display:block;margin-top:3px;font-size:13px;line-height:1.45;text-wrap:pretty;color:#263f42}.hero-image{min-height:590px;display:grid;place-items:center;padding:32px 38px 44px;position:relative;z-index:2}.hero-image:before{content:"";position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 0 0 22px rgba(255,255,255,.35),0 28px 70px rgba(53,85,90,.12)}.hero-image img{position:relative;z-index:2;width:100%;height:500px;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(49,75,80,.18));transform:scale(1.04)}.hero-image small{position:absolute;z-index:3;right:22px;bottom:15px;color:#667d80;font-size:10px;background:rgba(255,255,255,.78);border:1px solid #d7e4e3;padding:5px 8px;border-radius:6px}.story{display:grid;grid-template-columns:220px 1fr;gap:30px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 30px;margin-top:20px;box-shadow:0 7px 22px rgba(17,22,31,.04)}.story h2{margin:0;font-size:23px}.story h2 span{display:block;font-size:11px;color:var(--red);letter-spacing:.12em}.story-copy{color:#3e474c;font-size:15px}.story-copy p{margin:0 0 12px;text-wrap:pretty}.story-copy p:last-child{margin-bottom:0}
.section{margin-top:34px}.section-head{display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:9px;margin-bottom:16px}.section-head h2{margin:0;font-size:25px}.section-head span{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.12em}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;box-shadow:0 5px 16px rgba(17,22,31,.04)}.feature b{display:block;color:var(--red);font-size:12px;margin-bottom:5px}.feature p{font-size:14px;margin:0;color:#3f454e}.key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#181a1f;color:#fff;border-radius:16px;overflow:hidden}.key-grid div{padding:14px 16px;border-right:1px solid rgba(255,255,255,.13)}.key-grid div:last-child{border:0}.key-grid small{display:block;color:#adb2ba;font-size:11px;line-height:1.4}.key-grid strong{display:block;margin-top:4px;font-size:14px;line-height:1.55}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery figure{margin:0;background:linear-gradient(145deg,#fff,#f7faf9);border:1px solid var(--line);border-radius:18px;padding:18px;overflow:hidden}.gallery img{width:100%;height:370px;object-fit:contain;filter:drop-shadow(0 15px 14px rgba(20,34,38,.13))}.gallery figcaption{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:9px;text-wrap:pretty}
.spec{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.spec summary{cursor:pointer;padding:17px 20px;font-weight:900;display:flex;justify-content:space-between;list-style:none}.spec summary::-webkit-details-marker{display:none}.spec summary:before{content:"＋";color:var(--red);margin-right:9px}.spec[open] summary:before{content:"−"}.spec summary span{font-size:11px;color:var(--muted);margin-left:auto}.table-wrap{overflow:auto;border-top:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:14px;table-layout:auto}th,td{padding:13px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.8;word-break:normal;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}th{width:29%;min-width:220px;background:#f5f8f8;font-weight:800}td{width:71%;min-width:480px;color:#354047}tr:last-child th,tr:last-child td{border-bottom:0}
.source-box{background:#fff;border-left:5px solid var(--red);border-radius:0 14px 14px 0;padding:18px 20px;display:flex;gap:18px;flex-wrap:wrap}.source-box a{color:var(--red);font-weight:800;text-decoration:none}.source-box p{width:100%;margin:0;color:var(--muted);font-size:12px}.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.pager a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 17px;text-decoration:none}.pager a:last-child{text-align:right}.pager small{display:block;color:var(--muted)}
.index-hero{padding:18px 24px 26px;background:linear-gradient(145deg,#f5faf9 0%,#e7f4f1 46%,#dcecef 100%);overflow:hidden;border-bottom:1px solid #d7e5e4}.campaign-visual{height:480px;max-width:1280px;margin:auto;position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(255,255,255,.98) 0 19%,transparent 45%),linear-gradient(125deg,#eaf6f3 0%,#d9eeeb 50%,#d6e8ec 100%);box-shadow:0 20px 55px rgba(63,104,108,.13)}.campaign-visual:before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;border:82px solid rgba(69,152,143,.08);left:-190px;top:-200px}.campaign-visual:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.45);right:-95px;bottom:-185px;box-shadow:-610px 300px 0 60px rgba(255,255,255,.22)}.campaign-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(32,107,102,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(32,107,102,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 72%)}.campaign-line{position:absolute;left:4%;top:8%;width:39%;height:80%;border-left:6px solid rgba(37,139,130,.34);border-bottom:6px solid rgba(37,139,130,.13);border-radius:0 0 0 42px;transform:skewX(-7deg)}.campaign-copy{position:absolute;z-index:8;left:7%;top:9%;width:39%;color:#17383b}.campaign-copy small{display:block;color:#23887f;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:8px}.campaign-copy h1{font-size:clamp(31px,3.7vw,49px);line-height:1.12;letter-spacing:-.035em;margin:0 0 12px;text-wrap:balance}.campaign-copy p{font-size:14px;line-height:1.6;color:#536e70;max-width:440px;margin:0 0 15px;text-wrap:pretty}.campaign-features{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-width:400px}.campaign-features span{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.72);border:1px solid #c9dfdc;border-radius:9px;padding:7px 10px;color:#315d59;font-size:12px;font-weight:800;box-shadow:0 5px 12px rgba(56,99,99,.05)}.campaign-features span:before{content:"";width:6px;height:6px;background:#5db2a8;border-radius:50%;box-shadow:0 0 0 3px rgba(93,178,168,.13)}.campaign-product{position:absolute;margin:0;display:grid;place-items:center}.campaign-product img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 20px rgba(44,73,78,.18))}.campaign-product.p1{width:44%;height:91%;right:0;bottom:-5%;z-index:4}.campaign-product.p2{width:23%;height:43%;left:42%;bottom:1%;z-index:3}.campaign-product.p3{width:22%;height:35%;left:56%;bottom:0;z-index:5}.campaign-product.p4{width:21%;height:35%;left:45%;top:0;z-index:2;opacity:.9}.campaign-product.p4 img{filter:drop-shadow(0 18px 16px rgba(44,73,78,.14)) saturate(.9)}.campaign-glow{position:absolute;width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.8);filter:blur(2px);left:49%;top:5%;box-shadow:0 0 65px 28px rgba(255,255,255,.5)}
.searchbar{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:25px;position:sticky;top:62px;z-index:10;box-shadow:var(--shadow)}.searchbar input{width:100%;border:0;outline:0;font:inherit;padding:5px}.category{margin-top:34px}.category-title{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);margin-bottom:15px}.category-title h2{margin:0 0 7px}.category-title b{color:var(--muted);margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:0 7px 22px rgba(17,22,31,.05);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.card img{width:100%;height:210px;object-fit:contain;background:#fafafa}.card-copy{padding:15px}.card small{color:var(--red);font-weight:800}.card h3{margin:3px 0 5px;font-size:20px}.card p{margin:0;color:var(--muted);font-size:12px}.footer{max-width:1180px;margin:auto;padding:0 24px 45px;color:var(--muted);font-size:11px}
.product-listing{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 7px 22px rgba(17,22,31,.05)}.listing-head,.listing-row{display:grid;grid-template-columns:1.15fr 2.85fr;gap:0;align-items:center}.listing-head{background:#e7f1ef;color:#315b58;font-size:12px;font-weight:900;letter-spacing:.04em;border-bottom:1px solid #d2e2df}.listing-head span,.listing-row>span{padding:12px 16px;border-right:1px solid var(--line)}.listing-head span:last-child,.listing-row>span:last-child{border-right:0}.listing-row{color:#263439;text-decoration:none;border-bottom:1px solid var(--line);transition:.16s}.listing-row:last-child{border-bottom:0}.listing-row:hover{background:#f1f8f6}.listing-row .model{font-size:15px;font-weight:900;color:#183b3d}.listing-row .spec-text{font-size:15px;color:#284f5d;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.listing-row .spec-text i{font-style:normal;color:#5f7d87;margin:0 5px}.mobile-label{display:none}.footer{max-width:1180px;margin:auto;padding:0 24px 45px;color:var(--muted);font-size:11px}
@media(max-width:930px){.product-hero{grid-template-columns:1fr}.hero-copy{padding:42px 34px}.hero-image{min-height:450px}.hero-image img{height:410px}.story{grid-template-columns:1fr;gap:10px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery img{height:280px}th{min-width:190px}td{min-width:430px}.campaign-visual{height:540px}.campaign-copy{width:54%;top:7%}.campaign-product.p1{width:54%;height:61%;bottom:-1%}.campaign-product.p2{width:30%;height:33%;left:34%}.campaign-product.p3{width:27%;height:26%;left:50%}.campaign-product.p4{width:26%;height:26%;left:55%;top:4%}}
@media(max-width:560px){body{line-height:1.6}.redline{height:5px}.topnav{padding:10px 12px}.topnav-inner{gap:10px}.brand{font-size:13px;letter-spacing:.04em}.brand i{width:9px;height:9px;margin-right:6px}.topnav a{font-size:11px}.wrap{padding:16px 12px 38px}.breadcrumb{margin-bottom:12px;font-size:11px}.product-hero{min-height:0;border-radius:18px}.hero-copy{padding:25px 18px 19px}.hero-copy h1{font-size:34px;margin:7px 0 9px}.alias{font-size:11px}.hero-slogan{font-size:20px;margin:16px 0 13px}.badges{gap:5px;margin-bottom:14px}.badges span{padding:4px 8px;font-size:10px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hero-stats div{min-height:64px;padding:7px 8px;border-left-width:2px}.hero-stats small{font-size:9px}.hero-stats strong{font-size:11px;line-height:1.35}.hero-image{min-height:260px;padding:10px 16px 22px}.hero-image:before{width:72%;box-shadow:0 0 0 14px rgba(255,255,255,.35),0 18px 40px rgba(53,85,90,.1)}.hero-image img{height:235px;transform:none}.hero-image small{right:10px;bottom:8px;font-size:8px;padding:3px 5px}.story{grid-template-columns:1fr;gap:7px;padding:18px 16px;margin-top:12px}.story h2{font-size:20px}.story-copy{font-size:13px}.story-copy p{margin-bottom:8px}.section{margin-top:24px}.section-head{padding-bottom:6px;margin-bottom:10px}.section-head h2{font-size:21px}.section-head span{font-size:9px}.feature-grid{grid-template-columns:1fr;gap:8px}.feature{padding:13px}.feature p{font-size:13px}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-grid div{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.13)}.key-grid small{font-size:10px;line-height:1.35}.key-grid strong{font-size:12px;line-height:1.45;margin-top:3px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery figure{border-radius:12px;padding:8px}.gallery img{height:155px}.gallery figcaption{font-size:9px;padding-top:6px}.spec{margin-bottom:8px}.spec summary{padding:13px 14px;font-size:14px}.spec summary span{font-size:9px}.table-wrap{overflow:visible}table,tbody,tr,th,td{display:block;width:100%;min-width:0}tr{border-bottom:1px solid var(--line)}th,td{border-bottom:0;padding:8px 11px}th{background:#eef4f3;font-size:11px}td{font-size:12px;line-height:1.65}.pager{grid-template-columns:1fr 1fr;gap:7px;margin-top:20px}.pager a{padding:10px;font-size:11px}.footer{padding:0 12px 28px;font-size:9px}.index-hero{padding:8px}.campaign-visual{height:500px;border-radius:17px}.campaign-copy{left:6%;top:5%;width:88%}.campaign-copy small{font-size:8px}.campaign-copy h1{font-size:29px;line-height:1.15;margin-bottom:9px}.campaign-copy p{font-size:12px;line-height:1.5;margin-bottom:10px;max-width:94%}.campaign-features{gap:5px}.campaign-features span{padding:5px 7px;font-size:10px}.campaign-product.p1{width:72%;height:39%;right:-9%;bottom:3%}.campaign-product.p2{width:39%;height:20%;left:1%;bottom:1%}.campaign-product.p3{width:34%;height:17%;left:30%;bottom:0}.campaign-product.p4,.campaign-line{display:none}.searchbar{top:48px;margin-bottom:18px;padding:9px;border-radius:10px}.searchbar input{font-size:13px}.category{margin-top:25px}.category-title{margin-bottom:9px}.category-title h2{font-size:20px;margin-bottom:5px}.product-listing{border-radius:11px}.listing-head,.listing-row{grid-template-columns:1fr 2.35fr}.listing-head{display:grid;font-size:10px}.listing-head span,.listing-row>span{padding:9px 10px}.listing-row .model,.listing-row .spec-text{font-size:12px}.listing-row .model{line-height:1.35}.listing-row .spec-text{line-height:1.5}.mobile-label{display:none}}
@media(max-width:380px){.hero-copy h1{font-size:30px}.hero-stats{grid-template-columns:1fr}.hero-stats div{min-height:0}.campaign-visual{height:485px}.campaign-copy h1{font-size:26px}.gallery{grid-template-columns:1fr}.gallery img{height:190px}.listing-head,.listing-row{grid-template-columns:.9fr 2.5fr}.listing-head span,.listing-row>span{padding:8px}.listing-row .model,.listing-row .spec-text{font-size:11px}}
@media print{.topnav,.pager{display:none}.wrap{padding:0}.product-hero{box-shadow:none}.spec{break-inside:avoid}.spec{display:block}.spec>summary{display:none}.table-wrap{display:block!important}}

/* 統一 KYOCERA 詳細頁頁首公司中英文名稱 */
.topnav .brand{display:flex;align-items:center;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;letter-spacing:0}
.topnav .brand>span{display:flex;flex-direction:column;line-height:1.15}
.topnav .brand strong{font-family:inherit;font-size:15px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.topnav .brand small{display:block;margin-top:5px;font-family:inherit;font-size:9px;font-weight:600;letter-spacing:.035em;white-space:nowrap}
@media(max-width:760px){.topnav .brand strong{font-size:12px}.topnav .brand small{font-size:7.5px;letter-spacing:.015em}}