/* Copyright (c) 2026 Clancy. Based on Serenity-Grace, Copyright (c) 2026 Serenity (https://github.com/atangccc/Serenity-Grace). Licensed under GPL-3.0 (see LICENSE). */
.about-page{--about-ink: color-mix(in srgb, var(--color-accent) 55%, #f5f7ff);--about-on: #f3f5fa;--about-secondary: #d0d8e4;--about-hair: rgba(235, 240, 255, .18);padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-12);color:var(--about-on)}.about-page h1,.about-page h2,.about-page h3{margin-top:0}.about-page a:focus-visible,.about-page button:focus-visible,.about-page summary:focus-visible{outline:2px solid var(--about-ink);outline-offset:4px}.about-page .about-panel{--color-text: var(--about-on);--color-text-secondary: var(--about-secondary);--color-text-muted: var(--about-secondary);--color-text-mute: var(--about-secondary);--color-bg-mute: rgba(20, 22, 34, .25);--color-border: var(--about-hair);position:relative;background:#14162252;border:1px solid var(--surface-photo-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);box-shadow:0 12px 32px #0a0d1929,inset 0 1px #eef2ff38;min-width:0}.about-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=light] .about-page .about-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.about-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.48fr) minmax(240px,.8fr);align-items:center;gap:var(--space-6);min-height:300px;padding:var(--space-6) var(--space-6);margin-bottom:var(--space-5)}.about-page .about-hero{border-radius:var(--radius-lg)}.about-hero.no-resume{grid-template-columns:minmax(0,1.6fr) minmax(120px,.6fr)}.about-hero-info{min-width:0}.about-kicker{display:flex;align-items:center;gap:var(--space-3);font-size:var(--t-label);font-weight:600;letter-spacing:.25em;color:var(--about-ink);margin:0 0 var(--space-5)}.about-kicker:before{content:"";height:1px;width:26px;background:currentColor}.about-page .about-name{font-size:clamp(40px,4.3vw,56px);font-weight:600;font-style:italic;letter-spacing:-.055em;line-height:1.1;color:var(--about-ink);padding-right:var(--space-2);margin-bottom:var(--space-4);overflow-wrap:anywhere}.about-bio{font-size:var(--t-meta);line-height:1.9;margin:0;color:var(--about-on);overflow-wrap:anywhere}.about-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.about-tag-group{display:contents}.about-tag{font-size:var(--t-small);line-height:1.7;color:var(--about-secondary);padding:var(--space-1) var(--space-3);border:1px solid var(--about-hair);border-radius:var(--radius-full);overflow-wrap:anywhere}.about-portrait{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.about-portrait img{width:114px;height:114px;object-fit:cover;border-radius:50%;border:5px solid rgba(232,239,255,.12);box-shadow:0 10px 40px #0c0f1e40}.about-portrait span{font-size:var(--t-meta);color:var(--about-ink);text-align:center}.about-resume{padding-left:var(--space-6);border-left:1px solid var(--about-hair);align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0}.about-resume-caption{display:flex;align-items:center;gap:var(--space-2);color:var(--about-ink);font-size:var(--t-meta)}.about-resume-caption svg{width:18px;height:18px}.about-page .about-resume h2{font-size:var(--t-h2);font-family:var(--font-display);line-height:1.3;letter-spacing:-.035em;margin:var(--space-4) 0 0;font-weight:var(--fw-display);color:var(--about-on)}.about-resume p{color:var(--about-secondary);font-size:var(--t-small);margin:var(--space-2) 0 var(--space-4)}.about-resume-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:45px;padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--about-ink);color:#283343;box-shadow:inset 0 1px #f2f6fe80;font-size:var(--t-small);font-weight:600;transition:transform var(--dur-1) ease,opacity var(--dur-1) ease}.about-resume-link>span:last-child{font-size:19px;font-weight:400}.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);margin-bottom:var(--space-5)}.about-intro-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.about-site-section,.about-skills-section,.about-history-section{padding:var(--space-6) var(--space-6);min-width:0}.about-skills-section:not(:first-child){border-left:1px solid var(--about-hair)}.about-page .about-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--t-title);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-5);color:var(--about-on)}.about-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--about-hair),transparent)}.about-section-title>svg{display:none}.about-text{font-size:var(--t-meta);line-height:1.95;color:var(--about-secondary);overflow-wrap:anywhere}.about-text p{margin-bottom:var(--space-3)}.about-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-5);border-top:1px solid var(--about-hair);padding-top:var(--space-4)}.about-page .stat-num{display:block;font-size:var(--t-stat);font-weight:600;line-height:1.2;color:var(--about-ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.about-page .stat-label{display:block;font-size:var(--t-meta);color:var(--about-secondary);margin-top:var(--space-1)}.about-page .stat-divider{display:none}.about-page .skills-grid{display:flex;flex-direction:column;gap:var(--space-3)}.about-page .skill-card{display:flex;align-items:center;gap:var(--space-3);min-width:0}.about-page .skill-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--about-ink);font-size:var(--t-small)}.about-page .skill-icon svg,.about-page .skill-icon img{width:18px;height:18px;object-fit:contain}.about-page .skill-info{flex:1;display:grid;grid-template-columns:minmax(70px,.9fr) minmax(35px,1fr) 30px;align-items:center;gap:var(--space-3);min-width:0}.skill-name{font-size:var(--t-text);overflow-wrap:anywhere}.skill-bar{height:3px;border-radius:var(--radius-full);background:#eaf0ff29;overflow:hidden}.skill-fill{height:100%;background:var(--about-ink);border-radius:inherit}.skill-level{font-size:var(--t-small);color:var(--about-secondary);text-align:right;font-variant-numeric:tabular-nums}.about-body-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-5)}.about-body-grid:has(>:only-child){grid-template-columns:minmax(0,1fr)}.about-side-stack{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.about-history{list-style:none;padding:0;margin:0;color:var(--about-secondary);font-size:var(--t-meta);line-height:1.95}.about-history li{position:relative;padding:0 0 var(--space-5) var(--space-5);overflow-wrap:anywhere}.about-history li:last-child{padding-bottom:0}.about-history li:before{content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background:var(--about-ink)}.about-history li:not(:last-child):after{content:"";position:absolute;top:21px;bottom:-2px;left:2px;width:1px;background:var(--about-hair)}.about-card-watermark{position:absolute;bottom:30px;right:30px;font-size:var(--fs-6xl,48px);color:var(--about-ink);opacity:.025;transform:rotate(-35deg);pointer-events:none}.about-page .forever-blog-card,.about-contact-section{padding:var(--space-6) var(--space-6)}.forever-blog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.about-page .forever-blog-title{font-size:var(--t-title);line-height:1.5;margin-bottom:var(--space-3)}.forever-blog-title a{color:var(--about-on)}.forever-blog-desc{font-size:var(--t-meta);color:var(--about-secondary);margin:0}.about-ten-years{font-size:var(--t-stat-xl);font-family:var(--font-display);font-style:italic;font-weight:var(--fw-display);color:var(--about-ink);line-height:1;letter-spacing:-.06em;white-space:nowrap}.about-ten-years small{font-size:var(--t-meta);font-weight:400;margin-left:var(--space-2);font-style:normal}.about-page .progress-bar{height:5px;background:#eaf0ff29;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.about-page .progress-fill{height:100%;border-radius:inherit;background:var(--about-ink)}.progress-text{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) var(--space-3);font-size:var(--t-meta);color:var(--about-secondary);font-variant-numeric:tabular-nums}.progress-text strong{color:var(--about-ink)}.remaining-time{width:100%;order:3;font-size:var(--t-meta);overflow-wrap:anywhere}.about-contact{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;max-width:100%;padding:var(--space-2) var(--space-3);color:var(--about-ink);border:1px solid var(--about-hair);border-radius:var(--radius-full);font-size:var(--t-small);overflow-wrap:anywhere}.contact-link svg{width:16px;height:16px;flex-shrink:0}.about-extras{padding:var(--space-2) var(--space-6);margin-top:var(--space-5)}.about-extra+.about-extra{border-top:1px solid var(--about-hair)}.about-extra-summary{display:flex;align-items:center;gap:var(--space-4);list-style:none;cursor:pointer;min-height:67px;color:var(--about-on);font-size:var(--t-title)}.about-extra-summary::-webkit-details-marker{display:none}.about-extra-summary small{margin-left:auto;color:var(--about-secondary);font-size:var(--t-meta)}.about-extra-summary:after{content:"+";color:var(--about-ink);font-size:var(--fs-xl,20px)}.about-extra[open]>.about-extra-summary:after{content:"\2212"}.about-extra-content{padding:var(--space-1) 0 var(--space-5);min-width:0}@media(hover:hover)and (pointer:fine){.about-resume-link:hover{transform:translateY(-1px);opacity:.9;color:#283343}.contact-link:hover{border-color:var(--about-ink);color:var(--about-on)}}@media(min-width:541px)and (max-width:768px){.about-hero{grid-template-columns:minmax(0,1fr) 110px;gap:var(--space-5)}.about-portrait img{width:100px;height:100px}.about-resume{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:var(--space-6);padding:var(--space-5) 0 0;border-left:0;border-top:1px solid var(--about-hair)}.about-resume-caption,.about-page .about-resume h2,.about-resume p{grid-column:1}.about-resume-link{grid-column:2;grid-row:1 / 4;align-self:center}.about-page .about-resume h2{font-size:var(--t-h2);font-weight:var(--fw-display);font-family:var(--font-display);margin-top:var(--space-2)}.about-resume p{margin-bottom:0}}@media(max-width:768px){.about-intro-grid,.about-body-grid{grid-template-columns:minmax(0,1fr)}.about-skills-section:not(:first-child){border-left:0;border-top:1px solid var(--about-hair)}}@media(max-width:540px){.about-page{padding-top:calc(var(--header-height) + var(--space-5));padding-bottom:var(--space-8)}.about-page .about-panel{border-radius:var(--radius-lg)}.about-hero,.about-hero.no-resume{grid-template-columns:minmax(0,1fr) 64px;padding:var(--space-5) var(--card-pad);gap:var(--space-5) var(--space-3);min-height:0;margin-bottom:var(--space-4)}.about-kicker{font-size:var(--t-small);margin-bottom:var(--space-4)}.about-page .about-name{font-size:var(--t-display);font-weight:var(--fw-display);font-family:var(--font-display);letter-spacing:-.06em}.about-bio{font-size:var(--t-small)}.about-portrait{align-self:start;padding-top:var(--space-6)}.about-portrait img{width:64px;height:64px;border-width:3px}.about-portrait span{display:none}.about-tags{gap:var(--space-1);margin-top:var(--space-4);margin-right:-64px}.about-tag{font-size:var(--t-small);padding:2px var(--space-2)}.about-resume{grid-column:1 / -1;padding:var(--space-5) 0 0;border-left:0;border-top:1px solid var(--about-hair)}.about-page .about-resume h2{font-size:var(--t-h2);font-weight:var(--fw-display);font-family:var(--font-display);margin-top:var(--space-3)}.about-resume p{margin:var(--space-2) 0 var(--space-4)}.about-resume-link{min-height:46px}.about-site-section,.about-skills-section,.about-history-section,.about-page .forever-blog-card,.about-contact-section{padding:var(--card-pad)}.about-page .about-section-title{font-size:var(--t-title);margin-bottom:var(--space-4)}.about-intro-grid{margin-bottom:var(--space-4)}.about-body-grid,.about-side-stack{gap:var(--space-4)}.about-stats{gap:var(--space-5)}.about-page .skill-info{grid-template-columns:minmax(65px,.9fr) minmax(30px,1fr) 28px;gap:var(--space-2)}.about-extras{margin-top:var(--space-4);padding:var(--space-2) var(--card-pad)}.about-extra-summary{gap:var(--space-3)}.about-extra-summary small{font-size:var(--t-meta)}}html:not(:has(#site-bg)) .about-page .about-panel{background:#141622e0}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.about-page .about-panel{background:#141622eb}}@media(prefers-reduced-motion:reduce){.about-page *,.about-page *:before,.about-page *:after{animation:none!important;transition:none!important}.about-resume-link:hover{transform:none}}.afdian-card{overflow:hidden}.afdian-sponsors{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.afdian-empty{width:100%;text-align:center;padding:var(--space-6);color:var(--color-text-mute)}.afdian-empty svg{width:48px;height:48px;margin-bottom:var(--space-2);opacity:.5}.sponsor-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-mute);border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--dur-2) ease;min-width:200px;flex:1 1 200px;max-width:280px}.sponsor-item:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.sponsor-avatar{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--color-border);transition:border-color var(--dur-2) ease}.sponsor-item:hover .sponsor-avatar{border-color:var(--color-accent)}.sponsor-avatar img{width:100%;height:100%;object-fit:cover}.sponsor-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sponsor-name{font-size:var(--t-meta);color:var(--color-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sponsor-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--t-meta)}.sponsor-amount{color:var(--color-accent);font-weight:600}.sponsor-time{color:var(--color-text-mute)}.afdian-footer{display:flex;justify-content:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.afdian-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));color:var(--color-on-accent, #fff);border-radius:var(--radius-full);font-size:var(--t-text);font-weight:600;text-decoration:none;transition:all var(--dur-2) ease;box-shadow:0 4px 12px rgba(var(--color-accent-rgb),.3)}.afdian-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-accent-rgb),.4)}.afdian-btn svg{width:18px;height:18px}@media(max-width:768px){.afdian-sponsors{gap:var(--space-2)}.sponsor-item{min-width:100%;max-width:100%;padding:var(--space-2)}.sponsor-avatar{width:36px;height:36px}.sponsor-name{font-size:var(--t-meta)}.afdian-btn{font-size:var(--t-text);padding:var(--space-2) var(--space-4)}.afdian-btn svg{width:15px;height:15px}.afdian-empty svg{width:36px;height:36px}.afdian-empty p{font-size:var(--t-meta)}}.afdian-toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--t-meta);color:var(--color-on-accent, #fff);background:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--dur-2) ease,transform var(--dur-1) ease;font-family:inherit}.afdian-toggle-btn:hover{opacity:.85}.afdian-toggle-btn:active{transform:scale(.98)}.afdian-section-title{font-size:var(--t-meta);font-weight:600}.afdian-toggle-chevron{width:18px;height:18px;flex-shrink:0;transition:transform var(--dur-2) ease}.afdian-toggle-btn--open .afdian-toggle-chevron{transform:rotate(180deg)}.afdian-collapse-panel{max-height:0;overflow:hidden;transition:max-height var(--dur-2) ease}.afdian-collapse-panel .afdian-plan-grid,.afdian-collapse-panel .afdian-shop-grid{padding-top:var(--space-3)}.afdian-plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.afdian-plan-item{position:relative;padding:var(--space-4) var(--space-4) var(--space-6);background:var(--color-bg-mute);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all var(--dur-2) var(--ease-enter);overflow:hidden;display:flex;flex-direction:column}[data-theme=light] .afdian-plan-item{border-color:#0000000d}.afdian-plan-item:hover{border-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 12px 32px #0000001f}.afdian-plan-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2);gap:var(--space-2)}.afdian-plan-name{font-size:var(--t-title);font-weight:600;color:var(--color-text);line-height:1.4}.afdian-plan-price{font-size:var(--t-title);font-weight:600;color:var(--color-accent);white-space:nowrap;flex-shrink:0}.afdian-plan-desc{font-size:var(--t-meta);color:var(--color-text-muted);line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:var(--space-2)}.afdian-plan-item .afdian-plan-action{position:absolute;right:var(--space-3);bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-1);font-size:var(--t-meta);color:var(--color-accent);opacity:0;transform:translate(-4px);transition:all var(--dur-2) ease}.afdian-plan-item:hover .afdian-plan-action{opacity:1;transform:translate(0)}.afdian-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.afdian-shop-item{background:var(--color-bg-mute);border-radius:var(--radius-md);border:1px solid transparent;overflow:hidden;cursor:pointer;transition:all var(--dur-2) ease}.afdian-shop-item:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.afdian-shop-pic{width:100%;aspect-ratio:1;overflow:hidden}.afdian-shop-pic img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-2) ease}.afdian-shop-item:hover .afdian-shop-pic img{transform:scale(1.05)}.afdian-shop-info{padding:var(--space-3);display:flex;justify-content:space-between;align-items:center}.afdian-shop-name{font-size:var(--t-text);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.afdian-shop-price{font-size:var(--t-text);font-weight:600;color:var(--color-accent);flex-shrink:0;margin-left:var(--space-2)}@media(max-width:768px){.afdian-plan-grid{grid-template-columns:1fr}.afdian-shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.afdian-plan-item{padding:var(--space-3)}.afdian-shop-info{padding:var(--space-2)}.afdian-shop-name,.afdian-shop-price{font-size:var(--t-text)}}.afdian-modal-overlay{position:fixed;inset:0;background:#0c0e1680;z-index:1000;display:none;align-items:center;justify-content:center}.afdian-modal-overlay.active{display:flex}.afdian-modal{border-radius:var(--radius-lg);width:440px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;animation:afdianModalIn var(--dur-1) ease}@keyframes afdianModalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.afdian-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.afdian-modal-title{font-size:var(--t-text);font-weight:600;color:var(--color-text)}.afdian-modal-close{position:relative;flex:none;width:var(--btn-h-m);height:var(--btn-h-m);padding:0;border:0;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--t-h3);line-height:1;color:var(--color-text-muted);transition:background var(--dur-1),color var(--dur-1)}.afdian-modal-close:hover{background:color-mix(in srgb,currentColor 12%,transparent);color:var(--color-text)}.afdian-modal-close:focus-visible{outline:2px solid var(--btn-ring);outline-offset:2px}.afdian-modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.afdian-modal-pic{width:100%;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3)}.afdian-modal-pic img{width:100%;max-height:200px;object-fit:cover;display:block}.afdian-modal-info{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:rgba(var(--color-accent-rgb),.08);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.afdian-modal-name{font-size:var(--t-title);font-weight:600;color:var(--color-text)}.afdian-modal-price{font-size:var(--t-lead);font-weight:600;color:var(--color-accent)}.afdian-modal-desc{font-size:var(--t-meta);color:var(--color-text-muted);line-height:1.5;padding:var(--space-3) var(--space-4);background:var(--color-bg-mute);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.afdian-modal-label{font-size:var(--t-meta);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-2)}.afdian-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.afdian-month-opt{padding:var(--space-2) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--t-small);font-weight:500;color:var(--color-text-muted);text-align:center;cursor:pointer;transition:all var(--dur-1)}.afdian-month-opt:hover{border-color:var(--color-accent);color:var(--color-accent)}.afdian-month-opt.active{border-color:var(--color-accent);background:rgba(var(--color-accent-rgb),.08);color:var(--color-accent);font-weight:600}.afdian-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.afdian-modal-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--t-small);font-weight:600;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-1);min-height:var(--btn-h-m);padding-block:0;border-radius:var(--radius-full)}.afdian-modal-btn:hover{background:var(--color-bg-mute);color:var(--color-text)}.afdian-modal-btn-primary{border-color:transparent;background:var(--btn-fill);color:var(--btn-on);box-shadow:var(--btn-glow)}.afdian-modal-btn-primary:hover{background:var(--btn-fill);color:var(--btn-on);filter:brightness(1.06);box-shadow:var(--btn-glow-hover)}.afdian-modal-btn:focus-visible{outline:2px solid var(--btn-ring);outline-offset:2px}@media(max-width:768px){.afdian-toggle-btn{padding:var(--space-2) var(--space-3);font-size:var(--t-small);margin-top:var(--space-3);border-radius:var(--radius-sm)}.afdian-toggle-chevron{width:14px;height:14px}.afdian-modal{width:95vw}.afdian-month-grid{grid-template-columns:repeat(2,1fr)}}.afdian-verify-section{flex:1}.afdian-verify-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:1px solid #10b981;border-radius:var(--radius-md);font-size:var(--t-small);font-weight:600;background:#10b981;color:#fff;cursor:pointer;transition:all var(--dur-1)}.afdian-verify-btn:hover{opacity:.9}.afdian-verify-btn:disabled{opacity:.6;cursor:not-allowed}.afdian-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-20px);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--t-meta);font-weight:500;color:#fff;background:#334155;box-shadow:0 4px 20px #00000040;z-index:10000;opacity:0;transition:all var(--dur-2) ease;pointer-events:none;max-width:90vw;text-align:center}[data-theme=light] .afdian-toast{background:#1e293b;box-shadow:0 4px 20px #00000026}.afdian-toast--show{opacity:1;transform:translate(-50%) translateY(0)}.afdian-toast--success{background:#10b981}.afdian-toast--warn{background:#f59e0b;color:#fff}[data-theme=light] .afdian-toast--warn{color:#1e293b}.afdian-toast--error{background:#ef4444}@media(max-width:768px){.about-hero,.about-site-section,.about-skills-section,.about-history-section,.about-page .forever-blog-card,.about-contact-section,.about-extras{padding-inline:var(--card-pad)}}