@@ -24,6 +24,14 @@ a, .btn-link {
2424 color : var (--red-600 );
2525}
2626
27+ .display-none {
28+ display : none !important ;
29+ }
30+
31+ .display-inline-block {
32+ display : inline-block !important ;
33+ }
34+
2735.btn-primary {
2836 color : # fff ;
2937 background-color : var (--red-500 );
@@ -354,105 +362,105 @@ main {
354362 transition : background-color 0.2s ease, color 0.2s ease;
355363}
356364
357- .swiyu-deeplink : hover {
358- background-color : # e8f0fe ;
359- color : # 0b5ed7 ;
360- text-decoration : none;
361-
362- /* ── swiyu page styles ── */
363-
364- . bg-primary-card {
365- background : linear-gradient ( 135 deg , # 1a1a2e 0 % , # 16213e 100 % );
366- }
367-
368- . swiyu-page . card {
369- border : none ;
370- border-radius : 12 px ;
371- overflow : hidden;
372- }
373-
374- . swiyu-page . card-header {
375- padding : 1.25 rem 1.5 rem ;
376- border-bottom : none;
377- }
378-
379- . swiyu-page . card-header h4 {
380- font-weight : 600 ;
381- font-size : 1.15 rem ;
382- letter-spacing : 0.01 em ;
383- }
384-
385- . swiyu-page . card-body {
386- padding : 1.5 rem ;
387- }
388-
389- . swiyu-page . card-footer {
390- background-color : # f8f9fa ;
391- border-top : 1 px solid # e9ecef ;
392- padding : 1 rem 1.5 rem ;
393- }
394-
395- . swiyu-register-hint {
396- display : flex ;
397- align-items : center ;
398- gap : 0.5 rem ;
399- font-size : 0.95 rem ;
400- color : # 555 ;
401- flex-wrap : wrap;
402- }
403-
404- . swiyu-register-hint . btn-link {
405- font-weight : 600 ;
406- padding : 0 ;
407- vertical-align : baseline;
408- }
409-
410- . swiyu-qr-card . card-body {
411- padding : 2 rem 1.5 rem ;
412- }
413-
414- . swiyu-qr-card . card-title {
415- font-weight : 600 ;
416- color : # 333 ;
417- margin-bottom : 1.25 rem ;
418- }
419-
420- . swiyu-qr-wrapper {
421- background-color : # ffffff ;
422- border : 2 px solid # e9ecef ;
423- border-radius : 12 px ;
424- padding : 1.25 rem ;
425- display : inline-block ;
426- margin-bottom : 1 rem ;
427- }
428-
429- . swiyu-qr-wrapper img {
430- display : block ;
431- max-width : 260 px ;
432- }
433-
434- . swiyu-deeplink {
435- display : inline-flex ;
436- align-items : center ;
437- gap : 0.4 rem ;
438- margin-top : 0.75 rem ;
439- font-weight : 500 ;
440- font-size : 0.9 rem ;
441- color : # 0d6efd ;
442- text-decoration : none ;
443- padding : 0.4 rem 1 rem ;
444- border-radius : 6 px ;
445- transition : background-color 0.2 s ease , color 0.2 s ease;
446- }
447-
448- . swiyu-deeplink : hover {
449- background- color: # e8f0fe ;
450- color : # 0b5ed7 ;
451- text-decoration : none;
452- }
453-
454- . swiyu-deeplink :: before {
455- content : "🔗" ;
456- font-size : 1 rem ;
457- }
458-
365+ .swiyu-deeplink : hover {
366+ background-color : # e8f0fe ;
367+ color : # 0b5ed7 ;
368+ text-decoration : none;
369+ /* ── swiyu page styles ── */
370+
371+ . bg-primary-card {
372+ background : linear-gradient ( 135 deg , # 1a1a2e 0 % , # 16213e 100 % );
373+ }
374+
375+ . swiyu-page . card {
376+ border : none;
377+ border-radius : 12 px ;
378+ overflow : hidden ;
379+ }
380+
381+ . swiyu-page . card-header {
382+ padding : 1.25 rem 1.5 rem ;
383+ border-bottom : none ;
384+ }
385+
386+ . swiyu-page . card-header h4 {
387+ font-weight : 600 ;
388+ font-size : 1.15 rem ;
389+ letter-spacing : 0.01 em ;
390+ }
391+
392+ . swiyu-page . card-body {
393+ padding : 1.5 rem ;
394+ }
395+
396+ . swiyu-page . card-footer {
397+ background-color : # f8f9fa ;
398+ border-top : 1 px solid # e9ecef ;
399+ padding : 1 rem 1.5 rem ;
400+ }
401+
402+ . swiyu-register-hint {
403+ display : flex;
404+ align-items : center ;
405+ gap : 0.5 rem ;
406+ font-size : 0.95 rem ;
407+ color : # 555 ;
408+ flex-wrap : wrap ;
409+ }
410+
411+ . swiyu-register-hint . btn-link {
412+ font-weight : 600 ;
413+ padding : 0 ;
414+ vertical-align : baseline ;
415+ }
416+
417+ . swiyu-qr-card . card-body {
418+ padding : 2 rem 1.5 rem ;
419+ }
420+
421+ . swiyu-qr-card . card-title {
422+ font-weight : 600 ;
423+ color : # 333 ;
424+ margin-bottom : 1.25 rem ;
425+ }
426+
427+ . swiyu-qr-wrapper {
428+ background-color : # ffffff ;
429+ border : 2 px solid # e9ecef ;
430+ border-radius : 12 px ;
431+ padding : 1.25 rem ;
432+ display : inline-block ;
433+ margin-bottom : 1 rem ;
434+ }
435+
436+ . swiyu-qr-wrapper img {
437+ display : block;
438+ max-width : 260 px ;
439+ }
440+
441+ . swiyu-deeplink {
442+ display : inline-flex;
443+ align-items : center ;
444+ gap : 0.4 rem ;
445+ margin-top : 0.75 rem ;
446+ font-weight : 500 ;
447+ font-size : 0.9 rem ;
448+ color : # 0d6efd ;
449+ text-decoration : none ;
450+ padding : 0.4 rem 1 rem ;
451+ border-radius : 6 px ;
452+ transition : background-color 0.2 s ease , color 0.2 s ease ;
453+ }
454+
455+ . swiyu-deeplink : hover {
456+ background-color : # e8f0fe ;
457+ color : # 0b5ed7 ;
458+ text-decoration : none ;
459+ }
460+
461+ . swiyu-deeplink :: before {
462+ content : "🔗" ;
463+ font-size : 1 rem ;
464+ }
465+ }
466+
0 commit comments