:root{--bg: #f5efe7;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .9);--text: #1f2937;--muted: #5b6472;--line: rgba(31, 41, 55, .12);--primary: #b45309;--primary-soft: #fde7c7;--shadow: 0 18px 48px rgba(61, 42, 24, .12);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--max-width: 1180px;--topbar-height: 110px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(244,196,109,.22),transparent 26%),radial-gradient(circle at 90% 20%,rgba(180,83,9,.12),transparent 18%),linear-gradient(180deg,#f7f2eb 0%,var(--bg) 100%);min-height:100vh}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.top-row{position:sticky;top:16px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}.clock-stack{position:relative;display:flex;align-items:stretch;min-width:272px;padding-left:74px}.topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;min-height:var(--topbar-height);background:var(--surface);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;overflow:hidden;isolation:isolate}.topbar:before{content:"";position:absolute;top:-30%;right:-20%;bottom:-35%;left:-20%;z-index:-2;background:linear-gradient(90deg,#fff1d6fa,#f7c674e6,#e89c3dd1,#ffdda6eb 48%,#d6831fd6 66%,#ffefd3fa);background-size:220% 100%;filter:blur(10px);opacity:.98;animation:navGradientFlow 14s linear infinite}.topbar:after{content:"";position:absolute;top:-55%;right:-10%;bottom:-55%;left:-10%;z-index:-1;background:radial-gradient(circle at 15% 35%,rgba(255,255,255,.35),transparent 22%),radial-gradient(circle at 78% 62%,rgba(255,255,255,.28),transparent 24%);opacity:.95;filter:blur(1px);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 220' preserveAspectRatio='none'%3E%3Cpath d='M0 124 C110 86 200 70 318 92 C432 112 521 160 640 156 C744 152 835 112 940 110 C1084 108 1156 176 1286 168 C1410 160 1492 108 1600 88 L1600 220 L0 220 Z' fill='white'/%3E%3Cpath d='M0 74 C132 112 244 144 358 132 C492 118 566 52 712 48 C850 44 934 98 1052 110 C1172 122 1346 102 1600 46 L1600 0 L0 0 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 220' preserveAspectRatio='none'%3E%3Cpath d='M0 124 C110 86 200 70 318 92 C432 112 521 160 640 156 C744 152 835 112 940 110 C1084 108 1156 176 1286 168 C1410 160 1492 108 1600 88 L1600 220 L0 220 Z' fill='white'/%3E%3Cpath d='M0 74 C132 112 244 144 358 132 C492 118 566 52 712 48 C850 44 934 98 1052 110 C1172 122 1346 102 1600 46 L1600 0 L0 0 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:0 0;mask-position:0 0;animation:navWaveScroll 9s linear infinite}.brand{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:168px;height:76px;padding:0 6px 0 0}.brand-mark{position:relative;display:inline-flex;align-items:baseline;gap:2px;font-family:Georgia,Times New Roman,serif;font-size:2rem;line-height:1;font-weight:700;letter-spacing:-.04em;color:#8a4b0f;text-shadow:0 1px 0 rgba(255,248,235,.18),0 8px 18px rgba(138,75,15,.08);white-space:nowrap}.brand-mark .brand-envy{font-style:italic;font-weight:600;letter-spacing:-.05em}.brand-mark .brand-fish{position:relative;font-style:normal;font-weight:600;letter-spacing:-.06em}.nav{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}.nav a{padding:10px 14px;border-radius:999px;color:var(--muted);transition:background-color .2s ease,color .2s ease}.nav a:hover{background:#b4530914;color:var(--text)}.hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:stretch;margin-top:32px;padding:28px;background:var(--surface);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-xl);overflow:hidden}.hero-copy,.hero-visual{min-height:420px}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:14px 8px}.hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.meta-pill{padding:10px 14px;border-radius:999px;background:#ffffffad;border:1px solid rgba(31,41,55,.08);color:var(--muted);font-size:.95rem}.eyebrow{display:inline-flex;align-items:center;width:fit-content;gap:8px;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.92rem;font-weight:600}h1{margin:0;font-size:clamp(2.6rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.04em;font-family:STZhongsong,Songti SC,"Noto Serif SC",SimSun,serif;font-weight:700;color:#1c2433;text-shadow:0 1px 0 rgba(255,255,255,.24),0 18px 28px rgba(28,36,51,.08);transform-origin:left center;animation:heroNamePulse 3.8s ease-in-out infinite}.hero-subtitle{margin:18px 0 0;max-width:30ch;font-size:clamp(1.12rem,2vw,1.4rem);line-height:1.8;color:var(--muted)}.hero-subtitle-line{display:block;width:fit-content;transform-origin:left center;animation:subtitleFlow 4.8s ease-in-out infinite}.hero-subtitle-line-delay{animation-delay:.28s}.hero-note{margin:20px 0 0;font-size:1rem;color:var(--text)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #b453092e}.button-primary{background:linear-gradient(135deg,#b45309,#d97706);color:#fff}.button-secondary{background:#ffffff94;border-color:var(--line);color:var(--text)}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),transparent 28%),linear-gradient(160deg,#fcf0ddf2,#f2e2cfbf);border:1px solid rgba(255,255,255,.7);overflow:hidden}.clock-widget{position:relative;z-index:20;min-width:190px;min-height:var(--topbar-height);display:flex;flex-direction:column;justify-content:center;padding:16px;border-radius:20px;background:#fffbf59e;border:1px solid rgba(255,248,240,.88);box-shadow:0 14px 28px #5835121f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:right;overflow:hidden;isolation:isolate;animation:clockDock 6.5s ease-in-out infinite}.clock-widget:before{content:"";position:absolute;top:-30%;right:-20%;bottom:-30%;left:-20%;z-index:-2;background:linear-gradient(90deg,#fff1d6f5,#f7c674e0,#e89c3dcc,#ffdda6e6 48%,#d6831fd1 66%,#ffefd3f5);background-size:220% 100%;opacity:.94;filter:blur(10px);animation:navGradientFlow 14s linear infinite}.clock-widget:after{content:"";position:absolute;top:-40%;right:-25%;bottom:-40%;left:-25%;z-index:-1;background:radial-gradient(circle at 24% 34%,rgba(255,255,255,.42),transparent 20%),radial-gradient(circle at 74% 68%,rgba(255,255,255,.24),transparent 24%);opacity:.92;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 240' preserveAspectRatio='none'%3E%3Cpath d='M0 128 C76 88 144 84 226 108 C312 134 366 176 452 166 C530 158 586 116 666 112 C718 110 760 122 800 136 L800 240 L0 240 Z' fill='white'/%3E%3Cpath d='M0 66 C84 94 148 126 230 120 C326 112 378 54 478 48 C574 42 644 82 726 94 C756 98 778 96 800 90 L800 0 L0 0 Z' fill='white'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 240' preserveAspectRatio='none'%3E%3Cpath d='M0 128 C76 88 144 84 226 108 C312 134 366 176 452 166 C530 158 586 116 666 112 C718 110 760 122 800 136 L800 240 L0 240 Z' fill='white'/%3E%3Cpath d='M0 66 C84 94 148 126 230 120 C326 112 378 54 478 48 C574 42 644 82 726 94 C756 98 778 96 800 90 L800 0 L0 0 Z' fill='white'/%3E%3C/svg%3E");-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:200% 0;mask-position:200% 0;animation:navWaveScroll 9s linear infinite}.clock-link{position:absolute;top:30px;left:0;width:96px;height:42px;z-index:15;pointer-events:none;opacity:.9;filter:blur(6px);background:linear-gradient(90deg,#ffd69900,#eca24238,#d6831f47 56%,#ffdb9e14);clip-path:path("M 0 28 C 18 12, 34 10, 52 20 S 84 36, 96 14 L 96 28 C 84 38, 68 40, 50 30 S 16 18, 0 28 Z");animation:navGradientFlow 14s linear infinite,linkPulse 5s ease-in-out infinite}.clock-date{margin:0;color:var(--text);font-size:.98rem;font-weight:600}.clock-time{margin:4px 0 0;color:#8a4b0f;text-shadow:0 1px 0 rgba(255,255,255,.35);font-size:clamp(1.85rem,3vw,2.45rem);font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums;animation:clockPulse 1.8s ease-in-out infinite}.hero-visual:before,.hero-visual:after{content:"";position:absolute;border-radius:999px;filter:blur(4px);animation:float 6s ease-in-out infinite}.hero-visual:before{width:180px;height:180px;right:-40px;top:30px;background:#b453091f}.hero-visual:after{width:120px;height:120px;left:28px;bottom:36px;background:#d9770624;animation-delay:-2s}.photo-card{position:relative;width:min(320px,82%);aspect-ratio:4 / 5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-radius:28px;background:linear-gradient(180deg,#fffffff2,#fff8f0c7);border:1px solid rgba(180,83,9,.1);box-shadow:0 20px 48px #58351224;z-index:1;text-align:center;padding:24px}.photo-frame{width:min(214px,100%);aspect-ratio:1 / 1;padding:8px;border-radius:32px;background:linear-gradient(145deg,#fff7e9f2,#f7d6a28c);box-shadow:inset 0 1px #fff6,0 16px 28px #b453091f}.hero-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:26px}.photo-card p{margin:0;color:var(--muted);line-height:1.7}.photo-quote{margin-top:8px;color:#b45309;font-size:1rem;font-weight:600;letter-spacing:.02em}.section-title{display:flex;align-items:center;gap:12px;margin:34px 0 18px;color:var(--muted);font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.section-title:before{content:"";width:42px;height:1px;background:#1f29372e}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:0}.card{padding:28px;background:var(--surface-strong);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.card h2{margin:0 0 18px;font-size:1.45rem;letter-spacing:-.02em}.card p{margin:0;color:var(--muted);line-height:1.9}.card-lead{margin-bottom:16px;color:var(--text);font-size:1.02rem;line-height:1.9}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag{padding:8px 12px;border-radius:999px;background:#b4530914;color:#8a460b;font-size:.95rem;font-weight:600}.timeline{display:grid;gap:16px;margin-top:18px}.timeline-item{padding:16px 18px;border-radius:var(--radius-md);background:#f5efe7b8;border:1px solid rgba(31,41,55,.08)}.timeline-item strong{display:block;margin-bottom:6px;font-size:1rem}.timeline-item span{color:var(--muted);line-height:1.8}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.mini-card{padding:16px;border-radius:var(--radius-md);background:#f5efe7b8;border:1px solid rgba(31,41,55,.08)}.mini-card strong{display:block;margin-bottom:8px;font-size:.98rem}.mini-card span{color:var(--muted);line-height:1.75;font-size:.95rem}.contact{margin-top:28px;padding:30px 28px;background:linear-gradient(145deg,#fff8f0eb,#ffffffd1);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:var(--radius-xl)}.contact-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.contact-header h2{margin:0;font-size:1.6rem}.contact-header p{margin:10px 0 0;color:var(--muted);line-height:1.8}.contact-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-link{padding:18px;border-radius:var(--radius-md);background:#ffffffc7;border:1px solid rgba(31,41,55,.08)}.contact-link small{display:block;margin-bottom:8px;color:var(--muted);font-size:.88rem}.contact-link strong{font-size:1rem;word-break:break-all}.footer-note{margin-top:18px;text-align:center;color:var(--muted);font-size:.96rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes heroNamePulse{0%,to{transform:scale(1) translateY(0)}20%{transform:scale(1.018) translateY(-1px)}38%{transform:scale(.996) translateY(0)}55%{transform:scale(1.012) translateY(-2px)}72%{transform:scale(1) translateY(0)}}@keyframes subtitleFlow{0%,to{transform:translate(0) scale(1)}30%{transform:translate(8px) scale(1.02)}55%{transform:translate(14px) scale(1.035)}78%{transform:translate(4px) scale(1.01)}}@keyframes navGradientFlow{0%{background-position:220% 50%}to{background-position:0% 50%}}@keyframes navWaveScroll{0%{-webkit-mask-position:200% 0;mask-position:200% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}@keyframes clockPulse{0%,to{transform:scale(1);opacity:.92}50%{transform:scale(1.03);opacity:1}}@keyframes clockDock{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes linkPulse{0%,to{opacity:.55}50%{opacity:.95}}@media(max-width:900px){.top-row{position:static;grid-template-columns:1fr}.clock-stack{display:none}.topbar{border-radius:24px}.topbar:before{top:-24%;right:-18%;bottom:-24%;left:-18%}.topbar:after{top:-45%;right:-18%;bottom:-45%;left:-18%}.hero{grid-template-columns:1fr}.hero-copy,.hero-visual{min-height:auto}.hero-visual{min-height:360px}.section-grid,.mini-grid,.contact-links{grid-template-columns:1fr}.contact-header{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.page-shell{width:min(var(--max-width),calc(100% - 20px));padding-top:12px}.topbar{padding:16px}.brand{min-width:132px;height:58px;padding:0}.brand-mark{font-size:1.55rem}.clock-widget{min-height:auto;padding:8px 14px}.topbar:before,.topbar:after{display:none}.nav{gap:6px}.nav a{padding:8px 10px;font-size:.92rem}.hero,.card,.contact{padding:22px 18px}.hero-subtitle{line-height:1.7}.photo-card{width:100%}}