:root{--ink:#102f33;--ink-soft:#315a5c;--paper:#fbf8ef;--paper-deep:#efe5d3;--gold:#b28742;--gold-dark:#926c30;--line:#1c363729;--shadow:0 24px 70px #26221b24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 0 0,#b2874229,#0000 32rem),linear-gradient(135deg,#f3efe6 0%,#fffdf7 42%,#e9dcc8 100%);margin:0;font-family:Georgia,Times New Roman,serif}button,select,a{font:inherit}a{color:inherit;text-decoration:none}.site-shell{width:100%;margin:0 auto;padding:0 0 28px}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf7c7;border:1px solid #ffffffc7;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;width:min(1560px,100% - 26px);padding:16px 20px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #3c302214}.brand{text-transform:uppercase;align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{width:44px;height:44px;color:var(--gold-dark);background:#fffaeec7;border:1px solid #b2874273;border-radius:50%;place-items:center;display:grid}.brand strong{letter-spacing:0;font-size:clamp(1rem,2.3vw,1.3rem);display:block}.brand small{letter-spacing:0;margin-top:2px;font-size:.77rem;display:block}.nav-links{justify-content:center;gap:clamp(18px,3vw,46px);font-size:.98rem;display:flex}.nav-links a{border-bottom:1px solid #0000;align-items:center;gap:8px;display:inline-flex}.nav-links svg,.mobile-menu svg{color:var(--gold-dark);stroke-width:1.8px}.nav-links a:before{content:"";width:0;height:0}.nav-links a:hover{border-color:var(--gold)}.header-actions{align-items:center;gap:8px;display:flex}.language-select{color:var(--ink);align-items:center;gap:5px;display:inline-flex}.language-select select{max-width:76px;color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;outline:0}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#ffffffa6;border-radius:8px;place-items:center;display:grid}.menu-toggle,.mobile-menu{display:none}.hero-section,.sayings-section,.detail-section,.about-section{box-shadow:var(--shadow);background:#fffdf7db;border:1px solid #fffc;border-radius:8px;margin-top:14px;position:relative;overflow:hidden}.hero-section{background-color:#0000;background-image:linear-gradient(90deg,#fffdf7d6 0%,#fffdf78f 42%,#fffdf714 70%),url(/images/hero-confucius-bg-desktop-placeholder.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-left:0;border-right:0;border-radius:0;align-items:center;width:100vw;min-height:100vh;margin-top:0;padding:clamp(98px,13vh,132px) 0 clamp(42px,6vh,70px);display:flex}.hero-section.hero-loaded{background-image:linear-gradient(90deg,#fffdf7d6 0%,#fffdf78f 42%,#fffdf714 70%),url(/images/hero-confucius-bg-desktop.png)}.hero-section:after{content:"";pointer-events:none;background:linear-gradient(#0000,#fffdf785),radial-gradient(at 26% 100%,#16373929,#0000 38%);height:150px;position:absolute;inset:auto 0 0}.hero-container{z-index:3;align-content:center;gap:clamp(42px,8vh,82px);width:min(1560px,100% - 26px);min-height:min(720px,100vh - 150px);margin:0 auto;padding:0 clamp(20px,3.8vw,70px);display:grid;position:relative}.hero-copy{max-width:min(650px,52%);position:relative}.eyebrow{color:#151b19;margin:0 0 12px;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.25}.hero-copy h1{color:#0a4b52;text-transform:uppercase;letter-spacing:0;margin:0;font-size:clamp(3.1rem,5.1vw,5.55rem);line-height:.95}.lead{color:#151b19;max-width:560px;margin:22px 0 0;font-size:clamp(1.25rem,2.1vw,2rem);line-height:1.38}.hero-controls{z-index:4;justify-items:center;gap:14px;width:min(720px,100% - 60px);display:grid;position:relative}.stats-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;border:1px solid #fffc;border-radius:8px;grid-template-columns:repeat(3,minmax(130px,1fr));width:100%;padding:18px 24px;display:grid;box-shadow:0 16px 42px #2420191f}.stats-panel div{border-right:1px solid #173d4029;grid-template-columns:34px 1fr;align-items:center;column-gap:14px;padding:0 24px;display:grid}.stats-panel div:last-child{border-right:0}.stats-panel svg{color:#0a4b52;grid-row:span 2}.stats-panel strong{font-size:2rem;line-height:1}.stats-panel span{color:#1f2d2b;margin-top:3px}.sayings-section{width:min(1560px,100% - 26px);margin-left:auto;margin-right:auto;padding:clamp(34px,5vw,68px);scroll-margin-top:118px}.section-title{text-align:center;justify-content:center;align-items:center;gap:14px;margin-bottom:28px;display:flex}.section-title span{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:56px;height:1px}.section-title h2{color:#453823;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(1.7rem,2.6vw,2.35rem)}.sayings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:20px;display:grid}.saying-card{border:1px solid var(--line);text-align:center;cursor:pointer;background:#ffffffb3;border-radius:8px;height:340px;padding:0 18px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:visible;box-shadow:0 18px 36px #2420191a}.saying-card:hover,.saying-card.is-active{border-color:#b28742bd;transform:translateY(-4px);box-shadow:0 20px 45px #24201929}.number-badge{z-index:3;color:#fff;background:#07505a;border:3px solid #fff9ed;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:700;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.wood-strip{color:#0009;letter-spacing:0;filter:saturate(.55);background:linear-gradient(#12110e5c,#12110e5c),repeating-linear-gradient(90deg,#9a7652 0 24px,#7f5f3e 24px 28px,#b08a61 28px 51px);border-radius:8px 8px 0 0;justify-content:center;width:auto;height:150px;margin:0 -18px 24px;padding:16px 22px;display:flex;overflow:hidden}.wood-strip span{writing-mode:vertical-rl;text-orientation:upright}.book-badge{width:38px;height:38px;color:var(--gold-dark);background:#fffaf0;border-radius:50%;place-items:center;margin:-44px auto 14px;display:grid;position:relative;box-shadow:0 8px 20px #2c231524}.chinese-line{color:#111;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:45px;margin-bottom:8px;font-family:Times New Roman,serif;font-size:1.02rem;line-height:1.35;display:-webkit-box;overflow:hidden}.saying-card p:not(.chinese-line){color:#223836;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:48px;margin:8px 0 12px;font-size:.86rem;line-height:1.38;display:-webkit-box;overflow:hidden}.saying-card button{color:#0b4c53;cursor:pointer;background:0 0;border:0}.detail-section{grid-template-columns:1.15fr 1fr;width:min(1560px,100% - 26px);min-height:590px;margin-left:auto;margin-right:auto;scroll-margin-top:118px;display:grid}.detail-visual{color:#fff;background-color:#0000;background-image:radial-gradient(circle at 86% 24%,#c38f3b3d,#0000 90px),linear-gradient(135deg,#053d43f5,#052d32fa),url(/images/confucius-ma-yuan.png);background-position:100%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(24px,4vw,58px);padding:clamp(34px,5vw,72px);display:grid;position:relative}.detail-visual:after{content:"福";color:#c89a507a;text-align:center;border:1px solid #c89a5047;border-radius:50%;width:180px;height:180px;font-size:5rem;line-height:180px;position:absolute;bottom:28px;right:32px}.tablet-art{background:linear-gradient(#110f0c2e,#110f0c2e),repeating-linear-gradient(90deg,#9b7a57 0 36px,#6d5134 36px 42px,#b08a62 42px 78px);border-radius:3px;grid-template-columns:repeat(4,1fr);min-height:360px;padding:12px;display:grid;box-shadow:0 24px 38px #00000047}.tablet-art span{color:#12100eb3;writing-mode:vertical-rl;text-orientation:upright;place-items:center;font-size:clamp(1.2rem,2vw,1.9rem);display:grid}.detail-quote{z-index:2;position:relative}.detail-chinese{margin:0 0 28px;font-size:clamp(1.6rem,3vw,3rem);line-height:1.35}.detail-quote svg{color:#ffffffbf;margin-bottom:16px}.detail-quote p:last-child{max-width:560px;margin:0;font-size:clamp(1.25rem,2vw,2rem);line-height:1.55}.analysis-panel{background:#fffdf7f0;padding:clamp(32px,5vw,70px)}.breadcrumb{color:#6d6658;margin:0 0 28px;font-size:.92rem}.breadcrumb span{color:var(--gold);margin:0 12px}.analysis-panel h3{color:#2f2618;text-transform:uppercase;margin:0 0 22px;font-size:clamp(1.55rem,2.4vw,2.2rem)}.analysis-panel p:not(.breadcrumb){color:#1d2c2b;font-size:1.08rem;line-height:1.78}.pager{justify-content:space-between;align-items:center;gap:18px;margin-top:36px;display:flex}.pager button{min-height:42px;color:var(--gold-dark);cursor:pointer;background:#fffaf2;border:1px solid #b2874280;border-radius:8px;align-items:center;gap:8px;padding:0 20px;display:inline-flex}.dots{gap:13px;display:flex}.dots span{background:#c8c1b4;border-radius:50%;width:8px;height:8px}.dots .active-dot{background:var(--gold)}.about-section{background:linear-gradient(135deg,#fffdf7f5,#faf4e8d6),radial-gradient(circle at 12% 18%,#b2874229,#0000 250px),radial-gradient(circle at 88% 80%,#0a4b5214,#0000 280px);width:min(1560px,100% - 26px);margin-left:auto;margin-right:auto;padding:clamp(34px,5vw,68px);scroll-margin-top:118px}.about-title{justify-content:flex-start;margin-bottom:28px}.about-layout{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.about-copy{background:linear-gradient(90deg,#ffffff7a,#0000);border-left:3px solid #b2874273;max-width:820px;padding:clamp(20px,3vw,34px)}.about-copy p{color:#1d2c2b;margin:0;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.75}.about-copy .about-lead{color:#102f33;margin-bottom:18px;font-size:clamp(1.3rem,2vw,1.9rem);line-height:1.45}.about-stats{gap:14px;display:grid}.about-stats div{background:linear-gradient(105deg,#fffdf7f5,#fffaefc7),radial-gradient(circle at 100% 0,#b2874233,#0000 150px);border:1px solid #b2874247;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;column-gap:18px;min-height:118px;padding:24px 30px 24px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 44px #2420191f}.about-stats div:after{color:#b2874217;content:"論";font-size:6rem;line-height:1;position:absolute;bottom:-34px;right:-14px}.about-icon{z-index:1;color:#0a4b52;background:#fffdf7e6;border:1px solid #b287426b;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:relative;box-shadow:0 12px 26px #2420191f}.about-icon svg{stroke-width:2px;width:22px;height:22px;display:block}.about-stat-text{z-index:1;min-width:0;position:relative}.about-stats strong{color:#0a4b52;overflow-wrap:anywhere;font-size:clamp(1.5rem,2.2vw,2.25rem);line-height:1.08;display:block}.about-stats span{color:#453823;margin-top:8px;font-size:1rem;display:block}.about-stats .about-icon{color:#0a4b52;place-items:center;margin-top:0;font-size:0;line-height:0;display:grid}@media (max-width:1180px){.sayings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-section,.about-layout{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(3,1fr)}.about-stats div{grid-template-columns:1fr;row-gap:14px;padding:20px 18px}.about-icon{width:46px;height:46px}}@media (max-width:880px){.site-shell{width:100%;padding-top:0}.topbar{width:min(100% - 16px,560px);padding:12px;top:8px}.nav-links{display:none}.menu-toggle,.mobile-menu{display:grid}.mobile-menu{z-index:19;width:min(100% - 16px,560px);box-shadow:var(--shadow);background:#fffdf7f0;border:1px solid #fffc;border-radius:8px;gap:8px;margin-top:0;padding:12px;position:fixed;top:84px;left:50%;transform:translate(-50%)}.mobile-menu a{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px;display:inline-flex}.hero-section{background-color:#0000;background-image:linear-gradient(#fffdf7eb 0%,#fffdf7bd 22%,#fffdf73d 54%,#fffdf72e 100%),url(/images/hero-confucius-bg-mobile-placeholder.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:stretch;min-height:100vh;padding:100px 0 18px}.hero-section.hero-loaded{background-image:linear-gradient(#fffdf7eb 0%,#fffdf7bd 22%,#fffdf73d 54%,#fffdf72e 100%),url(/images/hero-confucius-bg-mobile.png)}.hero-container{align-content:space-between;gap:22px;width:min(100% - 16px,560px);min-height:calc(100vh - 118px);padding:0 14px}.hero-copy{text-align:left;max-width:100%;padding:12px 6px 0}.hero-copy h1{max-width:92%;font-size:clamp(2.05rem,10vw,3.05rem);line-height:1.03}.eyebrow{max-width:88%;font-size:clamp(1.05rem,5vw,1.45rem)}.lead{max-width:82%;font-size:clamp(1rem,4.4vw,1.3rem);line-height:1.32}.lead,.eyebrow{margin-left:0;margin-right:auto}.hero-controls{gap:12px;width:100%}.stats-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:1fr;gap:12px;padding:0;display:grid}.stats-panel div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffad;border:0;border-top:1px solid #ffffffc7;border-left:1px solid #ffffffc7;border-radius:8px;grid-template-columns:32px 1fr;width:min(72%,245px);padding:14px 18px;box-shadow:0 14px 34px #24201924}.stats-panel div:nth-child(odd){justify-self:start}.stats-panel div:nth-child(2n){justify-self:end}.stats-panel div:last-child{border-bottom:0}.sayings-section{width:min(100% - 16px,560px);padding:30px 18px 36px}.sayings-grid{grid-template-columns:1fr}.detail-visual{grid-template-columns:1fr;padding:26px}.tablet-art{min-height:230px}.analysis-panel{padding:26px 18px}.about-section{width:min(100% - 16px,560px);padding:30px 18px 36px}.about-title{justify-content:center}.about-stats{grid-template-columns:1fr}.about-stats div{grid-template-columns:52px minmax(0,1fr);padding:22px}.pager{grid-template-columns:1fr;justify-items:center;display:grid}}@media (max-width:430px){.brand strong{font-size:.86rem}.brand small{font-size:.65rem}.brand-mark{width:38px;height:38px}.language-select select{max-width:54px}.hero-section{min-height:100vh;padding-bottom:18px}.hero-copy h1{font-size:clamp(1.9rem,9vw,2.25rem)}.saying-card{height:350px}}